@transferwise/components 46.50.0 → 46.51.0

package/build/select/Select.mjs

@@ -1,5 +1,5 @@
 import { useTheme } from '@wise/components-theming';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import PropTypes from 'prop-types';
 import { useState, useRef, useMemo, useId, useEffect } from 'react';
 import { useIntl } from 'react-intl';
@@ -288,7 +288,7 @@ function Select({
   function renderOptionsList({
     className
   } = {}) {
-    const dropdownClass = classNames(s('np-dropdown-menu'), {
+    const dropdownClass = clsx(s('np-dropdown-menu'), {
       [s('np-dropdown-menu-desktop')]: !isMobile,
       [s(`np-dropdown-menu-${dropdownWidth}`)]: !isMobile && !isDropdownAutoWidth
     }, s(className));
@@ -323,7 +323,7 @@ function Select({
       /*#__PURE__*/
       /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
       jsx("li", {
-        className: classNames(s('clickable'), s('border-bottom'), s('show-more')),
+        className: clsx(s('clickable'), s('border-bottom'), s('show-more')),
         onClick: handleOnClick,
         onKeyPress: handleOnClick,
         children: /*#__PURE__*/jsx("a", {
@@ -340,7 +340,7 @@ function Select({
       /*#__PURE__*/
       /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
       jsx("li", {
-        className: classNames(s('clickable'), s('border-bottom')),
+        className: clsx(s('clickable'), s('border-bottom')),
         onClick: createSelectHandlerForOption(placeholderOption),
         onKeyPress: createSelectHandlerForOption(placeholderOption),
         children: /*#__PURE__*/jsx("a", {
@@ -364,7 +364,7 @@ function Select({
   }) {
     return /*#__PURE__*/jsx("li", {
       // eslint-disable-line jsx-a11y/no-noninteractive-element-interactions
-      className: classNames(s('np-dropdown-header'), s('np-text-title-group')),
+      className: clsx(s('np-dropdown-header'), s('np-text-title-group')),
       onClick: stopPropagation,
       onKeyPress: stopPropagation,
       children: children
@@ -387,7 +387,7 @@ function Select({
     const isActive = isOptionSelected(selected, option);
     const selectOption = option;
     const isFocusedWithKeyboard = !selectOption.disabled && keyboardFocusedOptionIndex === getIndexWithoutHeadersForIndexWithHeaders(index);
-    const className = classNames(s('np-dropdown-item'), selectOption.disabled ? [s('disabled')] : s('clickable'), {
+    const className = clsx(s('np-dropdown-item'), selectOption.disabled ? [s('disabled')] : s('clickable'), {
       [s('active')]: isActive,
       [s('np-dropdown-item--focused')]: isFocusedWithKeyboard
     });
@@ -435,7 +435,7 @@ function Select({
   return /*#__PURE__*/jsxs("div", {
     // eslint-disable-line jsx-a11y/no-static-element-interactions
     ref: selectReference,
-    className: classNames(s('np-select'), block ? s('btn-block') : null, s('btn-group')),
+    className: clsx(s('np-select'), block ? s('btn-block') : null, s('btn-group')),
     onKeyDown: handleKeyDown,
     onTouchMove: handleTouchStart,
     onFocus: handleOnFocus,
@@ -447,7 +447,7 @@ function Select({
       block: block,
       size: size,
       htmlType: "button",
-      className: classNames(s('np-dropdown-toggle'), s('np-text-body-large'), inverse ? s('np-dropdown-toggle-navy') : null)
+      className: clsx(s('np-dropdown-toggle'), s('np-text-body-large'), inverse ? s('np-dropdown-toggle-navy') : null)
       // reset Button's styles
       ,
       type: null,
@@ -467,7 +467,7 @@ function Select({
       }), /*#__PURE__*/jsx(Chevron
       // disabled={disabled}
       , {
-        className: classNames(s('tw-icon'), s('tw-chevron-up-icon'), s('tw-chevron'), s('bottom'), s('np-select-chevron'))
+        className: clsx(s('tw-icon'), s('tw-chevron-up-icon'), s('tw-chevron'), s('bottom'), s('np-select-chevron'))
       })]
     }), isMobile ? isSearchEnabled ? /*#__PURE__*/jsx(Drawer, {
       open: open,

package/build/select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../src/select/Select.js"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useState, useEffect, useRef, useMemo, useId } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Button from '../button';\nimport Chevron from '../chevron';\nimport { Position } from '../common';\nimport BottomSheet from '../common/bottomSheet';\nimport { stopPropagation } from '../common/domHelpers';\nimport { useLayout } from '../common/hooks';\nimport Panel from '../common/panel';\nimport Drawer from '../drawer';\nimport { useInputAttributes } from '../inputs/contexts';\n\nimport messages from './Select.messages';\nimport Option from './option';\nimport SearchBox from './searchBox';\n\nconst DEFAULT_SEARCH_VALUE = '';\nconst DEFAULT_OPTIONS_PAGE_SIZE = 1000;\n\nconst includesString = (string1, string2) => string1.toLowerCase().includes(string2.toLowerCase());\n\nfunction defaultFilterFunction(option, searchValue) {\n  if (isPlaceholderOption(option)) {\n    return true;\n  }\n  const { label, note, secondary, currency, searchStrings } = option;\n  return (\n    (!!label && includesString(label, searchValue)) ||\n    (!!note && includesString(note, searchValue)) ||\n    (!!secondary && includesString(secondary, searchValue)) ||\n    (!!currency && includesString(currency, searchValue)) ||\n    (!!searchStrings && searchStrings.some((string) => includesString(string, searchValue)))\n  );\n}\n\nfunction isActionableOption(option) {\n  return !option.header && !option.separator && !option.disabled;\n}\n\nfunction isHeaderOption(option) {\n  return option != null && 'header' in option;\n}\n\nfunction isSeparatorOption(option) {\n  return option != null && 'separator' in option;\n}\n\nfunction clamp(from, to, value) {\n  return Math.max(Math.min(to, value), from);\n}\n\n/**\n * No option or placeholder option is selected\n */\nconst DEFAULT_SELECTED_OPTION = null;\n\nfunction isPlaceholderOption(option) {\n  return option === DEFAULT_SELECTED_OPTION || 'placeholder' in option;\n}\n\nfunction isSearchableOption(option) {\n  return !isHeaderOption(option) && !isSeparatorOption(option) && !isPlaceholderOption(option);\n}\n\nconst getUniqueIdForOption = (parentId = '', option) => {\n  if (option == null) {\n    return undefined;\n  }\n\n  const uniqueOptionId = option.value || (option.label?.replace(/\\s/g, '') ?? '');\n\n  return `option-${parentId}-${uniqueOptionId}`;\n};\n\n/**\n * @deprecated Use `SelectInput` instead (https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput)\n */\nexport default function Select({\n  placeholder,\n  id,\n  required,\n  disabled,\n  inverse,\n  dropdownWidth,\n  size,\n  block,\n  selected,\n  search,\n  onChange,\n  onFocus,\n  onBlur,\n  options: defaultOptions,\n  onSearchChange,\n  searchValue: initSearchValue,\n  searchPlaceholder,\n  // eslint-disable-next-line unicorn/prevent-abbreviations\n  classNames: classNamesProp,\n  dropdownUp,\n  dropdownProps,\n  buttonProps,\n}) {\n  const inputAttributes = useInputAttributes();\n\n  const { formatMessage } = useIntl();\n  const { isModern } = useTheme();\n  const s = (className) => classNamesProp[className] || className;\n  const [open, setOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState(DEFAULT_SEARCH_VALUE);\n  const [keyboardFocusedOptionIndex, setKeyboardFocusedOptionIndex] = useState(null);\n  const keyboardFocusedReference = useRef();\n  const previousKeyboardFocusedOptionIndex = useRef();\n  const [numberOfOptionsShown, setNumberOfOptionsShown] = useState(DEFAULT_OPTIONS_PAGE_SIZE);\n  const searchBoxReference = useRef(null);\n  const selectReference = useRef(null);\n  const dropdownButtonReference = useRef(null);\n  const optionsListReference = useRef(null);\n  const isSearchEnabled = !!onSearchChange || !!search;\n  const isDropdownAutoWidth = dropdownWidth == null;\n\n  const options = useMemo(() => {\n    if (!search || !searchValue) {\n      return defaultOptions;\n    }\n\n    return defaultOptions.filter(isSearchableOption).filter((option) => {\n      if (typeof search === 'function') {\n        return search(option, searchValue);\n      }\n      return defaultFilterFunction(option, searchValue);\n    });\n  }, [defaultOptions, search, searchValue]);\n\n  const selectableOptions = useMemo(() => options.filter(isActionableOption), [options]);\n  const focusedOption = selectableOptions[keyboardFocusedOptionIndex];\n\n  const fallbackButtonId = useId();\n  const computedId = id || inputAttributes.id || fallbackButtonId;\n  const listboxId = `${computedId}-listbox`;\n  const searchBoxId = `${computedId}-searchbox`;\n\n  const { isMobile } = useLayout();\n\n  useEffect(() => {\n    let cancelled;\n\n    if (keyboardFocusedOptionIndex >= 0) {\n      requestAnimationFrame(() => {\n        if (!cancelled) {\n          if (isSearchEnabled) {\n            keyboardFocusedReference.current?.scrollIntoView?.({ block: 'center' });\n          } else {\n            keyboardFocusedReference.current?.focus();\n          }\n        }\n      });\n\n      return () => {\n        cancelled = true;\n      };\n    }\n  }, [keyboardFocusedOptionIndex, isSearchEnabled]);\n\n  const handleOnClick = () => {\n    setOpen(true);\n  };\n\n  const handleTouchStart = (event) => {\n    if (event.currentTarget === event.target && open) {\n      handleCloseOptions();\n    }\n  };\n\n  const handleOnFocus = (event) => {\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const handleOnBlur = (event) => {\n    const { nativeEvent } = event;\n    if (nativeEvent) {\n      const elementReceivingFocus = nativeEvent.relatedTarget;\n      const select = event.currentTarget;\n      if (select && elementReceivingFocus && select.contains(elementReceivingFocus)) {\n        return;\n      }\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  const handleSearchChange = (event) => {\n    setNumberOfOptionsShown(DEFAULT_OPTIONS_PAGE_SIZE);\n    setSearchValue(event.target.value);\n    if (onSearchChange) {\n      onSearchChange(event.target.value);\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (open) {\n          moveFocusWithDifference(event.key === 'ArrowUp' ? -1 : 1);\n        } else {\n          setOpen(true);\n        }\n        stopPropagation(event);\n        break;\n      case ' ':\n        if (event.target !== searchBoxReference.current) {\n          if (open) {\n            selectKeyboardFocusedOption();\n          } else {\n            setOpen(true);\n          }\n          stopPropagation(event);\n        }\n        break;\n      case 'Enter':\n        if (open) {\n          selectKeyboardFocusedOption();\n        } else {\n          setOpen(true);\n        }\n        stopPropagation(event);\n        break;\n      case 'Escape':\n        handleCloseOptions();\n        stopPropagation(event);\n        break;\n      case 'Tab':\n        if (open) {\n          selectKeyboardFocusedOption();\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  function selectKeyboardFocusedOption() {\n    if (keyboardFocusedOptionIndex != null && selectableOptions.length > 0) {\n      selectOption(selectableOptions[keyboardFocusedOptionIndex]);\n    }\n  }\n\n  function moveFocusWithDifference(difference) {\n    const selectedOptionIndex = selectableOptions.reduce((optionIndex, current, index) => {\n      if (optionIndex != null) {\n        return optionIndex;\n      }\n      if (isOptionSelected(selected, current)) {\n        return index;\n      }\n      return null;\n    }, null);\n    const previousFocusedIndex = previousKeyboardFocusedOptionIndex.current ?? -1;\n    let indexToStartMovingFrom = previousFocusedIndex;\n    if (previousFocusedIndex === -1) {\n      if (selectedOptionIndex == null) {\n        setKeyboardFocusedOptionIndex(0);\n      } else {\n        indexToStartMovingFrom = selectedOptionIndex;\n      }\n    }\n\n    const unClampedNewIndex = indexToStartMovingFrom + difference;\n    const newIndex = clamp(0, selectableOptions.length - 1, unClampedNewIndex);\n\n    setKeyboardFocusedOptionIndex(newIndex);\n  }\n\n  useEffect(() => {\n    if (open) {\n      if (!isMobile || searchValue) {\n        if (isSearchEnabled && searchBoxReference.current) {\n          searchBoxReference.current.focus();\n        }\n        if (\n          !isSearchEnabled &&\n          optionsListReference.current &&\n          (previousKeyboardFocusedOptionIndex.current == null ||\n            Number.isNaN(previousKeyboardFocusedOptionIndex.current))\n        ) {\n          optionsListReference.current.focus();\n        }\n      }\n\n      previousKeyboardFocusedOptionIndex.current = keyboardFocusedOptionIndex;\n    } else {\n      previousKeyboardFocusedOptionIndex.current = null;\n    }\n  }, [open, searchValue, isSearchEnabled, isMobile, keyboardFocusedOptionIndex]);\n\n  const handleCloseOptions = () => {\n    setOpen(false);\n    setKeyboardFocusedOptionIndex(null);\n    if (dropdownButtonReference.current) {\n      dropdownButtonReference.current.focus();\n    }\n  };\n\n  function createSelectHandlerForOption(option) {\n    return (event) => {\n      stopPropagation(event);\n      selectOption(option);\n    };\n  }\n\n  function selectOption(option) {\n    onChange(isPlaceholderOption(option) ? DEFAULT_SELECTED_OPTION : option);\n    handleCloseOptions();\n  }\n\n  function renderOptionsList({ className } = {}) {\n    const dropdownClass = classNames(\n      s('np-dropdown-menu'),\n      {\n        [s('np-dropdown-menu-desktop')]: !isMobile,\n        [s(`np-dropdown-menu-${dropdownWidth}`)]: !isMobile && !isDropdownAutoWidth,\n      },\n      s(className),\n    );\n\n    const showPlaceholder = !required && !isSearchEnabled && Boolean(placeholder);\n    return (\n      <ul\n        ref={optionsListReference}\n        id={listboxId}\n        role=\"listbox\"\n        aria-orientation=\"vertical\"\n        aria-activedescendant={getUniqueIdForOption(id, selected)}\n        tabIndex=\"-1\"\n        className={dropdownClass}\n        {...dropdownProps}\n      >\n        {showPlaceholder && <PlaceHolderOption />}\n        {isSearchEnabled && (\n          <SearchBox\n            ref={searchBoxReference}\n            id={searchBoxId}\n            classNames={classNamesProp}\n            value={initSearchValue || searchValue}\n            placeholder={searchPlaceholder || formatMessage(messages.searchPlaceholder)}\n            focusedOptionId={getUniqueIdForOption(id, focusedOption)}\n            onChange={handleSearchChange}\n            onClick={stopPropagation}\n          />\n        )}\n        {options.slice(0, numberOfOptionsShown).map(renderOption)}\n        {numberOfOptionsShown < options.length && <ShowMoreOption />}\n      </ul>\n    );\n  }\n\n  function ShowMoreOption() {\n    function handleOnClick(event) {\n      stopPropagation(event);\n      setNumberOfOptionsShown(numberOfOptionsShown + DEFAULT_OPTIONS_PAGE_SIZE);\n    }\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        className={classNames(s('clickable'), s('border-bottom'), s('show-more'))}\n        onClick={handleOnClick}\n        onKeyPress={handleOnClick}\n      >\n        {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n        <a>...</a>\n      </li>\n    );\n  }\n\n  function PlaceHolderOption() {\n    const placeholderOption = { placeholder };\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        className={classNames(s('clickable'), s('border-bottom'))}\n        onClick={createSelectHandlerForOption(placeholderOption)}\n        onKeyPress={createSelectHandlerForOption(placeholderOption)}\n      >\n        {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n        <a>{placeholder}</a>\n      </li>\n    );\n  }\n\n  // eslint-disable-next-line react/prop-types\n  function SeparatorOption() {\n    return <li className={s('np-separator')} aria-hidden />;\n  }\n\n  // eslint-disable-next-line react/prop-types\n  function HeaderOption({ children }) {\n    return (\n      <li // eslint-disable-line jsx-a11y/no-noninteractive-element-interactions\n        className={classNames(s('np-dropdown-header'), s('np-text-title-group'))}\n        onClick={stopPropagation}\n        onKeyPress={stopPropagation}\n      >\n        {children}\n      </li>\n    );\n  }\n\n  function isOptionSelected(selected, option) {\n    return selected?.value === option?.value;\n  }\n\n  const renderOption = (option, index) => {\n    const separatorOption = option;\n    if (isSeparatorOption(separatorOption) && separatorOption?.separator) {\n      return <SeparatorOption key={index} />;\n    }\n    const headerOption = option;\n    if (isHeaderOption(headerOption) && headerOption.header) {\n      return <HeaderOption key={index}>{headerOption.header}</HeaderOption>;\n    }\n\n    const isActive = isOptionSelected(selected, option);\n    const selectOption = option;\n    const isFocusedWithKeyboard =\n      !selectOption.disabled &&\n      keyboardFocusedOptionIndex === getIndexWithoutHeadersForIndexWithHeaders(index);\n\n    const className = classNames(\n      s('np-dropdown-item'),\n      selectOption.disabled ? [s('disabled')] : s('clickable'),\n      {\n        [s('active')]: isActive,\n        [s('np-dropdown-item--focused')]: isFocusedWithKeyboard,\n      },\n    );\n\n    const handleOnClick = selectOption.disabled\n      ? stopPropagation\n      : createSelectHandlerForOption(selectOption);\n\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        ref={isFocusedWithKeyboard ? keyboardFocusedReference : undefined}\n        key={index}\n        id={getUniqueIdForOption(id, option)}\n        aria-selected={isActive}\n        aria-disabled={option.disabled}\n        role=\"option\"\n        tabIndex=\"-1\"\n        className={className}\n        onClick={handleOnClick}\n        onKeyPress={handleOnClick}\n      >\n        {/* @ts-expect-error options needs DOM refactoring */}\n        <a disabled={selectOption.disabled}>\n          <Option {...selectOption} classNames={classNamesProp} />\n        </a>\n      </li>\n    );\n  };\n\n  function getIndexWithoutHeadersForIndexWithHeaders(index) {\n    return options.reduce((sum, option, currentIndex) => {\n      if (currentIndex < index && isActionableOption(option)) {\n        return sum + 1;\n      }\n      return sum;\n    }, 0);\n  }\n\n  const hasActiveOptions = !!defaultOptions.length;\n  if (open && (initSearchValue || searchValue)) {\n    if (hasActiveOptions && keyboardFocusedOptionIndex == null) {\n      setKeyboardFocusedOptionIndex(0);\n    }\n    if (!hasActiveOptions && keyboardFocusedOptionIndex != null) {\n      setKeyboardFocusedOptionIndex(null);\n    }\n  }\n\n  return (\n    <div // eslint-disable-line jsx-a11y/no-static-element-interactions\n      ref={selectReference}\n      className={classNames(s('np-select'), block ? s('btn-block') : null, s('btn-group'))}\n      onKeyDown={handleKeyDown}\n      onTouchMove={handleTouchStart}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n    >\n      <Button\n        ref={dropdownButtonReference}\n        {...inputAttributes}\n        id={computedId}\n        block={block}\n        size={size}\n        htmlType=\"button\"\n        className={classNames(\n          s('np-dropdown-toggle'),\n          s('np-text-body-large'),\n          inverse ? s('np-dropdown-toggle-navy') : null,\n        )}\n        // reset Button's styles\n        type={null}\n        priority={null}\n        disabled={disabled}\n        aria-controls={listboxId}\n        aria-expanded={open}\n        onClick={handleOnClick}\n        {...buttonProps}\n      >\n        {selected ? (\n          <Option {...selected} classNames={classNamesProp} selected />\n        ) : (\n          <span className={s('form-control-placeholder')}>{placeholder}</span>\n        )}\n        <Chevron\n          // disabled={disabled}\n          className={classNames(\n            s('tw-icon'),\n            s('tw-chevron-up-icon'),\n            s('tw-chevron'),\n            s('bottom'),\n            s('np-select-chevron'),\n          )}\n        />\n      </Button>\n      {isMobile ? (\n        isSearchEnabled ? (\n          <Drawer\n            open={open}\n            headerTitle={searchPlaceholder || formatMessage(messages.searchPlaceholder)}\n            onClose={handleCloseOptions}\n          >\n            {renderOptionsList()}\n          </Drawer>\n        ) : (\n          <BottomSheet open={open} onClose={handleCloseOptions}>\n            {renderOptionsList({ className: isModern ? '' : 'p-a-1' })}\n          </BottomSheet>\n        )\n      ) : (\n        <Panel\n          open={open}\n          flip={false}\n          altAxis\n          anchorRef={selectReference}\n          anchorWidth={isDropdownAutoWidth}\n          position={dropdownUp ? Position.TOP : Position.BOTTOM}\n          onClose={handleCloseOptions}\n        >\n          {renderOptionsList({ className: 'p-a-1' })}\n        </Panel>\n      )}\n    </div>\n  );\n}\n\nSelect.propTypes = {\n  placeholder: PropTypes.string,\n  id: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  inverse: PropTypes.bool,\n  dropdownRight: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n  dropdownWidth: PropTypes.oneOf(['sm', 'md', 'lg']),\n  size: PropTypes.oneOf(['sm', 'md', 'lg']),\n  block: PropTypes.bool,\n  selected: PropTypes.shape({\n    value: PropTypes.any.isRequired,\n    label: PropTypes.node,\n    icon: PropTypes.node,\n    currency: PropTypes.string,\n    note: PropTypes.node,\n    secondary: PropTypes.node,\n  }),\n  /**\n   * Search toggle\n   * if `true` default search functionality being enabled (not case sensitive search in option labels & currency props)\n   * if `function` you can define your own search function to implement custom search experience. This search function used while filtering the options array. The custom search function takes two parameters. First is the option the second is the keyword.\n   */\n  search: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.any,\n      label: PropTypes.node,\n      header: PropTypes.node,\n      icon: PropTypes.node,\n      currency: PropTypes.string,\n      note: PropTypes.node,\n      secondary: PropTypes.node,\n      separator: PropTypes.bool,\n      disabled: PropTypes.bool,\n      searchStrings: PropTypes.arrayOf(PropTypes.string),\n    }),\n  ).isRequired,\n  searchValue: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  classNames: PropTypes.objectOf(PropTypes.string),\n  dropdownUp: PropTypes.bool,\n  buttonProps: PropTypes.object,\n  dropdownProps: PropTypes.object,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  /**\n   * To have full control of your search value and response use `onSearchChange` function combined with `searchValue` and custom filtering on the options array.\n   * DO NOT USE TOGETHER WITH `search` PROPERTY\n   */\n  onSearchChange: PropTypes.func,\n};\n\nSelect.defaultProps = {\n  id: undefined,\n  placeholder: undefined,\n  size: 'md',\n  dropdownRight: null,\n  dropdownWidth: null,\n  inverse: false,\n  required: false,\n  disabled: false,\n  block: true,\n  selected: null,\n  onFocus: null,\n  onBlur: null,\n  onSearchChange: undefined,\n  search: false,\n  searchValue: '',\n  searchPlaceholder: undefined,\n  classNames: {},\n  dropdownUp: false,\n  buttonProps: {},\n  dropdownProps: {},\n};\n"],"names":["DEFAULT_SEARCH_VALUE","DEFAULT_OPTIONS_PAGE_SIZE","includesString","string1","string2","toLowerCase","includes","defaultFilterFunction","option","searchValue","isPlaceholderOption","label","note","secondary","currency","searchStrings","some","string","isActionableOption","header","separator","disabled","isHeaderOption","isSeparatorOption","clamp","from","to","value","Math","max","min","DEFAULT_SELECTED_OPTION","isSearchableOption","getUniqueIdForOption","parentId","undefined","uniqueOptionId","replace","Select","placeholder","id","required","inverse","dropdownWidth","size","block","selected","search","onChange","onFocus","onBlur","options","defaultOptions","onSearchChange","initSearchValue","searchPlaceholder","classNames","classNamesProp","dropdownUp","dropdownProps","buttonProps","inputAttributes","useInputAttributes","formatMessage","useIntl","isModern","useTheme","s","className","open","setOpen","useState","setSearchValue","keyboardFocusedOptionIndex","setKeyboardFocusedOptionIndex","keyboardFocusedReference","useRef","previousKeyboardFocusedOptionIndex","numberOfOptionsShown","setNumberOfOptionsShown","searchBoxReference","selectReference","dropdownButtonReference","optionsListReference","isSearchEnabled","isDropdownAutoWidth","useMemo","filter","selectableOptions","focusedOption","fallbackButtonId","useId","computedId","listboxId","searchBoxId","isMobile","useLayout","useEffect","cancelled","requestAnimationFrame","current","scrollIntoView","focus","handleOnClick","handleTouchStart","event","currentTarget","target","handleCloseOptions","handleOnFocus","handleOnBlur","nativeEvent","elementReceivingFocus","relatedTarget","select","contains","handleSearchChange","handleKeyDown","key","moveFocusWithDifference","stopPropagation","selectKeyboardFocusedOption","length","selectOption","difference","selectedOptionIndex","reduce","optionIndex","index","isOptionSelected","previousFocusedIndex","indexToStartMovingFrom","unClampedNewIndex","newIndex","Number","isNaN","createSelectHandlerForOption","renderOptionsList","dropdownClass","showPlaceholder","Boolean","_jsxs","ref","role","tabIndex","children","_jsx","PlaceHolderOption","SearchBox","messages","focusedOptionId","onClick","slice","map","renderOption","ShowMoreOption","onKeyPress","placeholderOption","SeparatorOption","HeaderOption","separatorOption","headerOption","isActive","isFocusedWithKeyboard","getIndexWithoutHeadersForIndexWithHeaders","Option","sum","currentIndex","hasActiveOptions","onKeyDown","onTouchMove","Button","htmlType","type","priority","Chevron","Drawer","headerTitle","onClose","BottomSheet","Panel","flip","altAxis","anchorRef","anchorWidth","position","Position","TOP","BOTTOM","propTypes","PropTypes","bool","dropdownRight","oneOf","shape","any","isRequired","node","icon","oneOfType","func","arrayOf","objectOf","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,oBAAoB,GAAG,EAAE,CAAA;AAC/B,MAAMC,yBAAyB,GAAG,IAAI,CAAA;AAEtC,MAAMC,cAAc,GAAGA,CAACC,OAAO,EAAEC,OAAO,KAAKD,OAAO,CAACE,WAAW,EAAE,CAACC,QAAQ,CAACF,OAAO,CAACC,WAAW,EAAE,CAAC,CAAA;AAElG,SAASE,qBAAqBA,CAACC,MAAM,EAAEC,WAAW,EAAE;AAClD,EAAA,IAAIC,mBAAmB,CAACF,MAAM,CAAC,EAAE;AAC/B,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGP,MAAM,CAAA;AAClE,EAAA,OACG,CAAC,CAACG,KAAK,IAAIT,cAAc,CAACS,KAAK,EAAEF,WAAW,CAAC,IAC7C,CAAC,CAACG,IAAI,IAAIV,cAAc,CAACU,IAAI,EAAEH,WAAW,CAAE,IAC5C,CAAC,CAACI,SAAS,IAAIX,cAAc,CAACW,SAAS,EAAEJ,WAAW,CAAE,IACtD,CAAC,CAACK,QAAQ,IAAIZ,cAAc,CAACY,QAAQ,EAAEL,WAAW,CAAE,IACpD,CAAC,CAACM,aAAa,IAAIA,aAAa,CAACC,IAAI,CAAEC,MAAM,IAAKf,cAAc,CAACe,MAAM,EAAER,WAAW,CAAC,CAAE,CAAA;AAE5F,CAAA;AAEA,SAASS,kBAAkBA,CAACV,MAAM,EAAE;AAClC,EAAA,OAAO,CAACA,MAAM,CAACW,MAAM,IAAI,CAACX,MAAM,CAACY,SAAS,IAAI,CAACZ,MAAM,CAACa,QAAQ,CAAA;AAChE,CAAA;AAEA,SAASC,cAAcA,CAACd,MAAM,EAAE;AAC9B,EAAA,OAAOA,MAAM,IAAI,IAAI,IAAI,QAAQ,IAAIA,MAAM,CAAA;AAC7C,CAAA;AAEA,SAASe,iBAAiBA,CAACf,MAAM,EAAE;AACjC,EAAA,OAAOA,MAAM,IAAI,IAAI,IAAI,WAAW,IAAIA,MAAM,CAAA;AAChD,CAAA;AAEA,SAASgB,KAAKA,CAACC,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE;AAC9B,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,EAAE,EAAEC,KAAK,CAAC,EAAEF,IAAI,CAAC,CAAA;AAC5C,CAAA;;AAEA;AACA;AACA;AACA,MAAMM,uBAAuB,GAAG,IAAI,CAAA;AAEpC,SAASrB,mBAAmBA,CAACF,MAAM,EAAE;AACnC,EAAA,OAAOA,MAAM,KAAKuB,uBAAuB,IAAI,aAAa,IAAIvB,MAAM,CAAA;AACtE,CAAA;AAEA,SAASwB,kBAAkBA,CAACxB,MAAM,EAAE;AAClC,EAAA,OAAO,CAACc,cAAc,CAACd,MAAM,CAAC,IAAI,CAACe,iBAAiB,CAACf,MAAM,CAAC,IAAI,CAACE,mBAAmB,CAACF,MAAM,CAAC,CAAA;AAC9F,CAAA;AAEA,MAAMyB,oBAAoB,GAAGA,CAACC,QAAQ,GAAG,EAAE,EAAE1B,MAAM,KAAK;EACtD,IAAIA,MAAM,IAAI,IAAI,EAAE;AAClB,IAAA,OAAO2B,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,MAAMC,cAAc,GAAG5B,MAAM,CAACmB,KAAK,KAAKnB,MAAM,CAACG,KAAK,EAAE0B,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;AAE/E,EAAA,OAAO,CAAUH,OAAAA,EAAAA,QAAQ,CAAIE,CAAAA,EAAAA,cAAc,CAAE,CAAA,CAAA;AAC/C,CAAC,CAAA;;AAED;AACA;AACA;AACe,SAASE,MAAMA,CAAC;EAC7BC,WAAW;EACXC,EAAE;EACFC,QAAQ;EACRpB,QAAQ;EACRqB,OAAO;EACPC,aAAa;EACbC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,MAAM;AACNC,EAAAA,OAAO,EAAEC,cAAc;EACvBC,cAAc;AACd5C,EAAAA,WAAW,EAAE6C,eAAe;EAC5BC,iBAAiB;AACjB;AACAC,EAAAA,UAAU,EAAEC,cAAc;EAC1BC,UAAU;EACVC,aAAa;AACbC,EAAAA,WAAAA;AACF,CAAC,EAAE;AACD,EAAA,MAAMC,eAAe,GAAGC,kBAAkB,EAAE,CAAA;EAE5C,MAAM;AAAEC,IAAAA,aAAAA;GAAe,GAAGC,OAAO,EAAE,CAAA;EACnC,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAMC,CAAC,GAAIC,SAAS,IAAKX,cAAc,CAACW,SAAS,CAAC,IAAIA,SAAS,CAAA;EAC/D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACvC,MAAM,CAAC9D,WAAW,EAAE+D,cAAc,CAAC,GAAGD,QAAQ,CAACvE,oBAAoB,CAAC,CAAA;EACpE,MAAM,CAACyE,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGH,QAAQ,CAAC,IAAI,CAAC,CAAA;AAClF,EAAA,MAAMI,wBAAwB,GAAGC,MAAM,EAAE,CAAA;AACzC,EAAA,MAAMC,kCAAkC,GAAGD,MAAM,EAAE,CAAA;EACnD,MAAM,CAACE,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGR,QAAQ,CAACtE,yBAAyB,CAAC,CAAA;AAC3F,EAAA,MAAM+E,kBAAkB,GAAGJ,MAAM,CAAC,IAAI,CAAC,CAAA;AACvC,EAAA,MAAMK,eAAe,GAAGL,MAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,MAAMM,uBAAuB,GAAGN,MAAM,CAAC,IAAI,CAAC,CAAA;AAC5C,EAAA,MAAMO,oBAAoB,GAAGP,MAAM,CAAC,IAAI,CAAC,CAAA;EACzC,MAAMQ,eAAe,GAAG,CAAC,CAAC/B,cAAc,IAAI,CAAC,CAACN,MAAM,CAAA;AACpD,EAAA,MAAMsC,mBAAmB,GAAG1C,aAAa,IAAI,IAAI,CAAA;AAEjD,EAAA,MAAMQ,OAAO,GAAGmC,OAAO,CAAC,MAAM;AAC5B,IAAA,IAAI,CAACvC,MAAM,IAAI,CAACtC,WAAW,EAAE;AAC3B,MAAA,OAAO2C,cAAc,CAAA;AACvB,KAAA;IAEA,OAAOA,cAAc,CAACmC,MAAM,CAACvD,kBAAkB,CAAC,CAACuD,MAAM,CAAE/E,MAAM,IAAK;AAClE,MAAA,IAAI,OAAOuC,MAAM,KAAK,UAAU,EAAE;AAChC,QAAA,OAAOA,MAAM,CAACvC,MAAM,EAAEC,WAAW,CAAC,CAAA;AACpC,OAAA;AACA,MAAA,OAAOF,qBAAqB,CAACC,MAAM,EAAEC,WAAW,CAAC,CAAA;AACnD,KAAC,CAAC,CAAA;GACH,EAAE,CAAC2C,cAAc,EAAEL,MAAM,EAAEtC,WAAW,CAAC,CAAC,CAAA;AAEzC,EAAA,MAAM+E,iBAAiB,GAAGF,OAAO,CAAC,MAAMnC,OAAO,CAACoC,MAAM,CAACrE,kBAAkB,CAAC,EAAE,CAACiC,OAAO,CAAC,CAAC,CAAA;AACtF,EAAA,MAAMsC,aAAa,GAAGD,iBAAiB,CAACf,0BAA0B,CAAC,CAAA;AAEnE,EAAA,MAAMiB,gBAAgB,GAAGC,KAAK,EAAE,CAAA;EAChC,MAAMC,UAAU,GAAGpD,EAAE,IAAIqB,eAAe,CAACrB,EAAE,IAAIkD,gBAAgB,CAAA;AAC/D,EAAA,MAAMG,SAAS,GAAG,CAAGD,EAAAA,UAAU,CAAU,QAAA,CAAA,CAAA;AACzC,EAAA,MAAME,WAAW,GAAG,CAAGF,EAAAA,UAAU,CAAY,UAAA,CAAA,CAAA;EAE7C,MAAM;AAAEG,IAAAA,QAAAA;GAAU,GAAGC,SAAS,EAAE,CAAA;AAEhCC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,SAAS,CAAA;IAEb,IAAIzB,0BAA0B,IAAI,CAAC,EAAE;AACnC0B,MAAAA,qBAAqB,CAAC,MAAM;QAC1B,IAAI,CAACD,SAAS,EAAE;AACd,UAAA,IAAId,eAAe,EAAE;AACnBT,YAAAA,wBAAwB,CAACyB,OAAO,EAAEC,cAAc,GAAG;AAAExD,cAAAA,KAAK,EAAE,QAAA;AAAS,aAAC,CAAC,CAAA;AACzE,WAAC,MAAM;AACL8B,YAAAA,wBAAwB,CAACyB,OAAO,EAAEE,KAAK,EAAE,CAAA;AAC3C,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AAEF,MAAA,OAAO,MAAM;AACXJ,QAAAA,SAAS,GAAG,IAAI,CAAA;OACjB,CAAA;AACH,KAAA;AACF,GAAC,EAAE,CAACzB,0BAA0B,EAAEW,eAAe,CAAC,CAAC,CAAA;EAEjD,MAAMmB,aAAa,GAAGA,MAAM;IAC1BjC,OAAO,CAAC,IAAI,CAAC,CAAA;GACd,CAAA;EAED,MAAMkC,gBAAgB,GAAIC,KAAK,IAAK;IAClC,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,IAAItC,IAAI,EAAE;AAChDuC,MAAAA,kBAAkB,EAAE,CAAA;AACtB,KAAA;GACD,CAAA;EAED,MAAMC,aAAa,GAAIJ,KAAK,IAAK;AAC/B,IAAA,IAAIxD,OAAO,EAAE;MACXA,OAAO,CAACwD,KAAK,CAAC,CAAA;AAChB,KAAA;GACD,CAAA;EAED,MAAMK,YAAY,GAAIL,KAAK,IAAK;IAC9B,MAAM;AAAEM,MAAAA,WAAAA;AAAY,KAAC,GAAGN,KAAK,CAAA;AAC7B,IAAA,IAAIM,WAAW,EAAE;AACf,MAAA,MAAMC,qBAAqB,GAAGD,WAAW,CAACE,aAAa,CAAA;AACvD,MAAA,MAAMC,MAAM,GAAGT,KAAK,CAACC,aAAa,CAAA;MAClC,IAAIQ,MAAM,IAAIF,qBAAqB,IAAIE,MAAM,CAACC,QAAQ,CAACH,qBAAqB,CAAC,EAAE;AAC7E,QAAA,OAAA;AACF,OAAA;AACF,KAAA;AAEA,IAAA,IAAI9D,MAAM,EAAE;MACVA,MAAM,CAACuD,KAAK,CAAC,CAAA;AACf,KAAA;GACD,CAAA;EAED,MAAMW,kBAAkB,GAAIX,KAAK,IAAK;IACpC1B,uBAAuB,CAAC9E,yBAAyB,CAAC,CAAA;AAClDuE,IAAAA,cAAc,CAACiC,KAAK,CAACE,MAAM,CAAChF,KAAK,CAAC,CAAA;AAClC,IAAA,IAAI0B,cAAc,EAAE;AAClBA,MAAAA,cAAc,CAACoD,KAAK,CAACE,MAAM,CAAChF,KAAK,CAAC,CAAA;AACpC,KAAA;GACD,CAAA;EAED,MAAM0F,aAAa,GAAIZ,KAAK,IAAK;IAC/B,QAAQA,KAAK,CAACa,GAAG;AACf,MAAA,KAAK,SAAS,CAAA;AACd,MAAA,KAAK,WAAW;AACd,QAAA,IAAIjD,IAAI,EAAE;UACRkD,uBAAuB,CAACd,KAAK,CAACa,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;AAC3D,SAAC,MAAM;UACLhD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,SAAA;QACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,GAAG;AACN,QAAA,IAAIA,KAAK,CAACE,MAAM,KAAK3B,kBAAkB,CAACoB,OAAO,EAAE;AAC/C,UAAA,IAAI/B,IAAI,EAAE;AACRoD,YAAAA,2BAA2B,EAAE,CAAA;AAC/B,WAAC,MAAM;YACLnD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,WAAA;UACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACxB,SAAA;AACA,QAAA,MAAA;AACF,MAAA,KAAK,OAAO;AACV,QAAA,IAAIpC,IAAI,EAAE;AACRoD,UAAAA,2BAA2B,EAAE,CAAA;AAC/B,SAAC,MAAM;UACLnD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,SAAA;QACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,QAAQ;AACXG,QAAAA,kBAAkB,EAAE,CAAA;QACpBY,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,KAAK;AACR,QAAA,IAAIpC,IAAI,EAAE;AACRoD,UAAAA,2BAA2B,EAAE,CAAA;AAC/B,SAAA;AACA,QAAA,MAAA;AAGJ,KAAA;GACD,CAAA;EAED,SAASA,2BAA2BA,GAAG;IACrC,IAAIhD,0BAA0B,IAAI,IAAI,IAAIe,iBAAiB,CAACkC,MAAM,GAAG,CAAC,EAAE;AACtEC,MAAAA,YAAY,CAACnC,iBAAiB,CAACf,0BAA0B,CAAC,CAAC,CAAA;AAC7D,KAAA;AACF,GAAA;EAEA,SAAS8C,uBAAuBA,CAACK,UAAU,EAAE;AAC3C,IAAA,MAAMC,mBAAmB,GAAGrC,iBAAiB,CAACsC,MAAM,CAAC,CAACC,WAAW,EAAE3B,OAAO,EAAE4B,KAAK,KAAK;MACpF,IAAID,WAAW,IAAI,IAAI,EAAE;AACvB,QAAA,OAAOA,WAAW,CAAA;AACpB,OAAA;AACA,MAAA,IAAIE,gBAAgB,CAACnF,QAAQ,EAAEsD,OAAO,CAAC,EAAE;AACvC,QAAA,OAAO4B,KAAK,CAAA;AACd,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;KACZ,EAAE,IAAI,CAAC,CAAA;AACR,IAAA,MAAME,oBAAoB,GAAGrD,kCAAkC,CAACuB,OAAO,IAAI,CAAC,CAAC,CAAA;IAC7E,IAAI+B,sBAAsB,GAAGD,oBAAoB,CAAA;AACjD,IAAA,IAAIA,oBAAoB,KAAK,CAAC,CAAC,EAAE;MAC/B,IAAIL,mBAAmB,IAAI,IAAI,EAAE;QAC/BnD,6BAA6B,CAAC,CAAC,CAAC,CAAA;AAClC,OAAC,MAAM;AACLyD,QAAAA,sBAAsB,GAAGN,mBAAmB,CAAA;AAC9C,OAAA;AACF,KAAA;AAEA,IAAA,MAAMO,iBAAiB,GAAGD,sBAAsB,GAAGP,UAAU,CAAA;AAC7D,IAAA,MAAMS,QAAQ,GAAG7G,KAAK,CAAC,CAAC,EAAEgE,iBAAiB,CAACkC,MAAM,GAAG,CAAC,EAAEU,iBAAiB,CAAC,CAAA;IAE1E1D,6BAA6B,CAAC2D,QAAQ,CAAC,CAAA;AACzC,GAAA;AAEApC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI5B,IAAI,EAAE;AACR,MAAA,IAAI,CAAC0B,QAAQ,IAAItF,WAAW,EAAE;AAC5B,QAAA,IAAI2E,eAAe,IAAIJ,kBAAkB,CAACoB,OAAO,EAAE;AACjDpB,UAAAA,kBAAkB,CAACoB,OAAO,CAACE,KAAK,EAAE,CAAA;AACpC,SAAA;QACA,IACE,CAAClB,eAAe,IAChBD,oBAAoB,CAACiB,OAAO,KAC3BvB,kCAAkC,CAACuB,OAAO,IAAI,IAAI,IACjDkC,MAAM,CAACC,KAAK,CAAC1D,kCAAkC,CAACuB,OAAO,CAAC,CAAC,EAC3D;AACAjB,UAAAA,oBAAoB,CAACiB,OAAO,CAACE,KAAK,EAAE,CAAA;AACtC,SAAA;AACF,OAAA;MAEAzB,kCAAkC,CAACuB,OAAO,GAAG3B,0BAA0B,CAAA;AACzE,KAAC,MAAM;MACLI,kCAAkC,CAACuB,OAAO,GAAG,IAAI,CAAA;AACnD,KAAA;AACF,GAAC,EAAE,CAAC/B,IAAI,EAAE5D,WAAW,EAAE2E,eAAe,EAAEW,QAAQ,EAAEtB,0BAA0B,CAAC,CAAC,CAAA;EAE9E,MAAMmC,kBAAkB,GAAGA,MAAM;IAC/BtC,OAAO,CAAC,KAAK,CAAC,CAAA;IACdI,6BAA6B,CAAC,IAAI,CAAC,CAAA;IACnC,IAAIQ,uBAAuB,CAACkB,OAAO,EAAE;AACnClB,MAAAA,uBAAuB,CAACkB,OAAO,CAACE,KAAK,EAAE,CAAA;AACzC,KAAA;GACD,CAAA;EAED,SAASkC,4BAA4BA,CAAChI,MAAM,EAAE;AAC5C,IAAA,OAAQiG,KAAK,IAAK;MAChBe,eAAe,CAACf,KAAK,CAAC,CAAA;MACtBkB,YAAY,CAACnH,MAAM,CAAC,CAAA;KACrB,CAAA;AACH,GAAA;EAEA,SAASmH,YAAYA,CAACnH,MAAM,EAAE;IAC5BwC,QAAQ,CAACtC,mBAAmB,CAACF,MAAM,CAAC,GAAGuB,uBAAuB,GAAGvB,MAAM,CAAC,CAAA;AACxEoG,IAAAA,kBAAkB,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,SAAS6B,iBAAiBA,CAAC;AAAErE,IAAAA,SAAAA;GAAW,GAAG,EAAE,EAAE;IAC7C,MAAMsE,aAAa,GAAGlF,UAAU,CAC9BW,CAAC,CAAC,kBAAkB,CAAC,EACrB;AACE,MAAA,CAACA,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC4B,QAAQ;MAC1C,CAAC5B,CAAC,CAAC,CAAA,iBAAA,EAAoBxB,aAAa,CAAA,CAAE,CAAC,GAAG,CAACoD,QAAQ,IAAI,CAACV,mBAAAA;AAC1D,KAAC,EACDlB,CAAC,CAACC,SAAS,CACb,CAAC,CAAA;IAED,MAAMuE,eAAe,GAAG,CAAClG,QAAQ,IAAI,CAAC2C,eAAe,IAAIwD,OAAO,CAACrG,WAAW,CAAC,CAAA;AAC7E,IAAA,oBACEsG,IAAA,CAAA,IAAA,EAAA;AACEC,MAAAA,GAAG,EAAE3D,oBAAqB;AAC1B3C,MAAAA,EAAE,EAAEqD,SAAU;AACdkD,MAAAA,IAAI,EAAC,SAAS;AACd,MAAA,kBAAA,EAAiB,UAAU;AAC3B,MAAA,uBAAA,EAAuB9G,oBAAoB,CAACO,EAAE,EAAEM,QAAQ,CAAE;AAC1DkG,MAAAA,QAAQ,EAAC,IAAI;AACb5E,MAAAA,SAAS,EAAEsE,aAAc;AAAA,MAAA,GACrB/E,aAAa;AAAAsF,MAAAA,QAAA,EAEhBN,CAAAA,eAAe,iBAAIO,GAAA,CAACC,iBAAiB,EAAE,EAAA,CAAC,EACxC/D,eAAe,iBACd8D,GAAA,CAACE,SAAS,EAAA;AACRN,QAAAA,GAAG,EAAE9D,kBAAmB;AACxBxC,QAAAA,EAAE,EAAEsD,WAAY;AAChBtC,QAAAA,UAAU,EAAEC,cAAe;QAC3B9B,KAAK,EAAE2B,eAAe,IAAI7C,WAAY;QACtC8B,WAAW,EAAEgB,iBAAiB,IAAIQ,aAAa,CAACsF,QAAQ,CAAC9F,iBAAiB,CAAE;AAC5E+F,QAAAA,eAAe,EAAErH,oBAAoB,CAACO,EAAE,EAAEiD,aAAa,CAAE;AACzDzC,QAAAA,QAAQ,EAAEoE,kBAAmB;AAC7BmC,QAAAA,OAAO,EAAE/B,eAAAA;OACV,CACF,EACArE,OAAO,CAACqG,KAAK,CAAC,CAAC,EAAE1E,oBAAoB,CAAC,CAAC2E,GAAG,CAACC,YAAY,CAAC,EACxD5E,oBAAoB,GAAG3B,OAAO,CAACuE,MAAM,iBAAIwB,GAAA,CAACS,cAAc,EAAA,EAAE,CAAC,CAAA;AAAA,KAC1D,CAAC,CAAA;AAET,GAAA;EAEA,SAASA,cAAcA,GAAG;IACxB,SAASpD,aAAaA,CAACE,KAAK,EAAE;MAC5Be,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB1B,MAAAA,uBAAuB,CAACD,oBAAoB,GAAG7E,yBAAyB,CAAC,CAAA;AAC3E,KAAA;AACA,IAAA;AAAA;AACE;MACAiJ,GAAA,CAAA,IAAA,EAAA;AACE9E,QAAAA,SAAS,EAAEZ,UAAU,CAACW,CAAC,CAAC,WAAW,CAAC,EAAEA,CAAC,CAAC,eAAe,CAAC,EAAEA,CAAC,CAAC,WAAW,CAAC,CAAE;AAC1EoF,QAAAA,OAAO,EAAEhD,aAAc;AACvBqD,QAAAA,UAAU,EAAErD,aAAc;AAAA0C,QAAAA,QAAA,eAG1BC,GAAA,CAAA,GAAA,EAAA;AAAAD,UAAAA,QAAA,EAAG,KAAA;SAAM,CAAA;OACP,CAAA;AAAC,MAAA;AAET,GAAA;EAEA,SAASE,iBAAiBA,GAAG;AAC3B,IAAA,MAAMU,iBAAiB,GAAG;AAAEtH,MAAAA,WAAAA;KAAa,CAAA;AACzC,IAAA;AAAA;AACE;MACA2G,GAAA,CAAA,IAAA,EAAA;AACE9E,QAAAA,SAAS,EAAEZ,UAAU,CAACW,CAAC,CAAC,WAAW,CAAC,EAAEA,CAAC,CAAC,eAAe,CAAC,CAAE;AAC1DoF,QAAAA,OAAO,EAAEf,4BAA4B,CAACqB,iBAAiB,CAAE;AACzDD,QAAAA,UAAU,EAAEpB,4BAA4B,CAACqB,iBAAiB,CAAE;AAAAZ,QAAAA,QAAA,eAG5DC,GAAA,CAAA,GAAA,EAAA;AAAAD,UAAAA,QAAA,EAAI1G,WAAAA;SAAe,CAAA;OACjB,CAAA;AAAC,MAAA;AAET,GAAA;;AAEA;EACA,SAASuH,eAAeA,GAAG;AACzB,IAAA,oBAAOZ,GAAA,CAAA,IAAA,EAAA;AAAI9E,MAAAA,SAAS,EAAED,CAAC,CAAC,cAAc,CAAE;AAAC,MAAA,aAAA,EAAA,IAAA;AAAW,KAAE,CAAC,CAAA;AACzD,GAAA;;AAEA;AACA,EAAA,SAAS4F,YAAYA,CAAC;AAAEd,IAAAA,QAAAA;AAAS,GAAC,EAAE;AAClC,IAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAI;AACF9E,MAAAA,SAAS,EAAEZ,UAAU,CAACW,CAAC,CAAC,oBAAoB,CAAC,EAAEA,CAAC,CAAC,qBAAqB,CAAC,CAAE;AACzEoF,MAAAA,OAAO,EAAE/B,eAAgB;AACzBoC,MAAAA,UAAU,EAAEpC,eAAgB;AAAAyB,MAAAA,QAAA,EAE3BA,QAAAA;AAAQ,KACP,CAAC,CAAA;AAET,GAAA;AAEA,EAAA,SAAShB,gBAAgBA,CAACnF,QAAQ,EAAEtC,MAAM,EAAE;AAC1C,IAAA,OAAOsC,QAAQ,EAAEnB,KAAK,KAAKnB,MAAM,EAAEmB,KAAK,CAAA;AAC1C,GAAA;AAEA,EAAA,MAAM+H,YAAY,GAAGA,CAAClJ,MAAM,EAAEwH,KAAK,KAAK;IACtC,MAAMgC,eAAe,GAAGxJ,MAAM,CAAA;IAC9B,IAAIe,iBAAiB,CAACyI,eAAe,CAAC,IAAIA,eAAe,EAAE5I,SAAS,EAAE;AACpE,MAAA,oBAAO8H,GAAA,CAACY,eAAe,EAAA,EAAA,EAAM9B,KAAQ,CAAC,CAAA;AACxC,KAAA;IACA,MAAMiC,YAAY,GAAGzJ,MAAM,CAAA;IAC3B,IAAIc,cAAc,CAAC2I,YAAY,CAAC,IAAIA,YAAY,CAAC9I,MAAM,EAAE;MACvD,oBAAO+H,GAAA,CAACa,YAAY,EAAA;QAAAd,QAAA,EAAcgB,YAAY,CAAC9I,MAAAA;AAAM,OAAA,EAA3B6G,KAA0C,CAAC,CAAA;AACvE,KAAA;AAEA,IAAA,MAAMkC,QAAQ,GAAGjC,gBAAgB,CAACnF,QAAQ,EAAEtC,MAAM,CAAC,CAAA;IACnD,MAAMmH,YAAY,GAAGnH,MAAM,CAAA;AAC3B,IAAA,MAAM2J,qBAAqB,GACzB,CAACxC,YAAY,CAACtG,QAAQ,IACtBoD,0BAA0B,KAAK2F,yCAAyC,CAACpC,KAAK,CAAC,CAAA;IAEjF,MAAM5D,SAAS,GAAGZ,UAAU,CAC1BW,CAAC,CAAC,kBAAkB,CAAC,EACrBwD,YAAY,CAACtG,QAAQ,GAAG,CAAC8C,CAAC,CAAC,UAAU,CAAC,CAAC,GAAGA,CAAC,CAAC,WAAW,CAAC,EACxD;AACE,MAAA,CAACA,CAAC,CAAC,QAAQ,CAAC,GAAG+F,QAAQ;AACvB,MAAA,CAAC/F,CAAC,CAAC,2BAA2B,CAAC,GAAGgG,qBAAAA;AACpC,KACF,CAAC,CAAA;IAED,MAAM5D,aAAa,GAAGoB,YAAY,CAACtG,QAAQ,GACvCmG,eAAe,GACfgB,4BAA4B,CAACb,YAAY,CAAC,CAAA;AAE9C,IAAA;AAAA;AACE;MACAuB,GAAA,CAAA,IAAA,EAAA;AACEJ,QAAAA,GAAG,EAAEqB,qBAAqB,GAAGxF,wBAAwB,GAAGxC,SAAU;AAElEK,QAAAA,EAAE,EAAEP,oBAAoB,CAACO,EAAE,EAAEhC,MAAM,CAAE;AACrC,QAAA,eAAA,EAAe0J,QAAS;QACxB,eAAe1J,EAAAA,MAAM,CAACa,QAAS;AAC/B0H,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAC,IAAI;AACb5E,QAAAA,SAAS,EAAEA,SAAU;AACrBmF,QAAAA,OAAO,EAAEhD,aAAc;AACvBqD,QAAAA,UAAU,EAAErD,aAAc;AAAA0C,QAAAA,QAAA,eAG1BC,GAAA,CAAA,GAAA,EAAA;UAAG7H,QAAQ,EAAEsG,YAAY,CAACtG,QAAS;UAAA4H,QAAA,eACjCC,GAAA,CAACmB,MAAM,EAAA;AAAA,YAAA,GAAK1C,YAAY;AAAEnE,YAAAA,UAAU,EAAEC,cAAAA;WAAiB,CAAA;SACtD,CAAA;AAAC,OAAA,EAbCuE,KAcH,CAAA;AAAC,MAAA;GAER,CAAA;EAED,SAASoC,yCAAyCA,CAACpC,KAAK,EAAE;IACxD,OAAO7E,OAAO,CAAC2E,MAAM,CAAC,CAACwC,GAAG,EAAE9J,MAAM,EAAE+J,YAAY,KAAK;MACnD,IAAIA,YAAY,GAAGvC,KAAK,IAAI9G,kBAAkB,CAACV,MAAM,CAAC,EAAE;QACtD,OAAO8J,GAAG,GAAG,CAAC,CAAA;AAChB,OAAA;AACA,MAAA,OAAOA,GAAG,CAAA;KACX,EAAE,CAAC,CAAC,CAAA;AACP,GAAA;AAEA,EAAA,MAAME,gBAAgB,GAAG,CAAC,CAACpH,cAAc,CAACsE,MAAM,CAAA;AAChD,EAAA,IAAIrD,IAAI,KAAKf,eAAe,IAAI7C,WAAW,CAAC,EAAE;AAC5C,IAAA,IAAI+J,gBAAgB,IAAI/F,0BAA0B,IAAI,IAAI,EAAE;MAC1DC,6BAA6B,CAAC,CAAC,CAAC,CAAA;AAClC,KAAA;AACA,IAAA,IAAI,CAAC8F,gBAAgB,IAAI/F,0BAA0B,IAAI,IAAI,EAAE;MAC3DC,6BAA6B,CAAC,IAAI,CAAC,CAAA;AACrC,KAAA;AACF,GAAA;AAEA,EAAA,oBACEmE,IAAA,CAAA,KAAA,EAAA;AAAK;AACHC,IAAAA,GAAG,EAAE7D,eAAgB;IACrBb,SAAS,EAAEZ,UAAU,CAACW,CAAC,CAAC,WAAW,CAAC,EAAEtB,KAAK,GAAGsB,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,EAAEA,CAAC,CAAC,WAAW,CAAC,CAAE;AACrFsG,IAAAA,SAAS,EAAEpD,aAAc;AACzBqD,IAAAA,WAAW,EAAElE,gBAAiB;AAC9BvD,IAAAA,OAAO,EAAE4D,aAAc;AACvB3D,IAAAA,MAAM,EAAE4D,YAAa;IAAAmC,QAAA,EAAA,cAErBJ,IAAA,CAAC8B,MAAM,EAAA;AACL7B,MAAAA,GAAG,EAAE5D,uBAAwB;AAAA,MAAA,GACzBrB,eAAe;AACnBrB,MAAAA,EAAE,EAAEoD,UAAW;AACf/C,MAAAA,KAAK,EAAEA,KAAM;AACbD,MAAAA,IAAI,EAAEA,IAAK;AACXgI,MAAAA,QAAQ,EAAC,QAAQ;MACjBxG,SAAS,EAAEZ,UAAU,CACnBW,CAAC,CAAC,oBAAoB,CAAC,EACvBA,CAAC,CAAC,oBAAoB,CAAC,EACvBzB,OAAO,GAAGyB,CAAC,CAAC,yBAAyB,CAAC,GAAG,IAC3C,CAAA;AACA;AAAA;AACA0G,MAAAA,IAAI,EAAE,IAAK;AACXC,MAAAA,QAAQ,EAAE,IAAK;AACfzJ,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,eAAA,EAAewE,SAAU;AACzB,MAAA,eAAA,EAAexB,IAAK;AACpBkF,MAAAA,OAAO,EAAEhD,aAAc;AAAA,MAAA,GACnB3C,WAAW;AAAAqF,MAAAA,QAAA,EAEdnG,CAAAA,QAAQ,gBACPoG,GAAA,CAACmB,MAAM,EAAA;AAAA,QAAA,GAAKvH,QAAQ;AAAEU,QAAAA,UAAU,EAAEC,cAAe;QAACX,QAAQ,EAAA,IAAA;OAAE,CAAC,gBAE7DoG,GAAA,CAAA,MAAA,EAAA;AAAM9E,QAAAA,SAAS,EAAED,CAAC,CAAC,0BAA0B,CAAE;AAAA8E,QAAAA,QAAA,EAAE1G,WAAAA;OAAkB,CACpE,eACD2G,GAAA,CAAC6B,OAAAA;AACC;AAAA,QAAA;QACA3G,SAAS,EAAEZ,UAAU,CACnBW,CAAC,CAAC,SAAS,CAAC,EACZA,CAAC,CAAC,oBAAoB,CAAC,EACvBA,CAAC,CAAC,YAAY,CAAC,EACfA,CAAC,CAAC,QAAQ,CAAC,EACXA,CAAC,CAAC,mBAAmB,CACvB,CAAA;AAAE,OACH,CAAC,CAAA;KACI,CAAC,EACR4B,QAAQ,GACPX,eAAe,gBACb8D,GAAA,CAAC8B,MAAM,EAAA;AACL3G,MAAAA,IAAI,EAAEA,IAAK;MACX4G,WAAW,EAAE1H,iBAAiB,IAAIQ,aAAa,CAACsF,QAAQ,CAAC9F,iBAAiB,CAAE;AAC5E2H,MAAAA,OAAO,EAAEtE,kBAAmB;MAAAqC,QAAA,EAE3BR,iBAAiB,EAAC;AAAC,KACd,CAAC,gBAETS,GAAA,CAACiC,WAAW,EAAA;AAAC9G,MAAAA,IAAI,EAAEA,IAAK;AAAC6G,MAAAA,OAAO,EAAEtE,kBAAmB;MAAAqC,QAAA,EAClDR,iBAAiB,CAAC;AAAErE,QAAAA,SAAS,EAAEH,QAAQ,GAAG,EAAE,GAAG,OAAA;OAAS,CAAA;AAAC,KAC/C,CACd,gBAEDiF,GAAA,CAACkC,KAAK,EAAA;AACJ/G,MAAAA,IAAI,EAAEA,IAAK;AACXgH,MAAAA,IAAI,EAAE,KAAM;MACZC,OAAO,EAAA,IAAA;AACPC,MAAAA,SAAS,EAAEtG,eAAgB;AAC3BuG,MAAAA,WAAW,EAAEnG,mBAAoB;MACjCoG,QAAQ,EAAE/H,UAAU,GAAGgI,QAAQ,CAACC,GAAG,GAAGD,QAAQ,CAACE,MAAO;AACtDV,MAAAA,OAAO,EAAEtE,kBAAmB;MAAAqC,QAAA,EAE3BR,iBAAiB,CAAC;AAAErE,QAAAA,SAAS,EAAE,OAAA;OAAS,CAAA;AAAC,KACrC,CACR,CAAA;AAAA,GACE,CAAC,CAAA;AAEV,CAAA;AAEA9B,MAAM,CAACuJ,SAAS,GAAG;EACjBtJ,WAAW,EAAEuJ,SAAS,CAAC7K,MAAM;EAC7BuB,EAAE,EAAEsJ,SAAS,CAAC7K,MAAM;EACpBwB,QAAQ,EAAEqJ,SAAS,CAACC,IAAI;EACxB1K,QAAQ,EAAEyK,SAAS,CAACC,IAAI;EACxBrJ,OAAO,EAAEoJ,SAAS,CAACC,IAAI;AACvBC,EAAAA,aAAa,EAAEF,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC9DtJ,EAAAA,aAAa,EAAEmJ,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAClDrJ,EAAAA,IAAI,EAAEkJ,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACzCpJ,KAAK,EAAEiJ,SAAS,CAACC,IAAI;AACrBjJ,EAAAA,QAAQ,EAAEgJ,SAAS,CAACI,KAAK,CAAC;AACxBvK,IAAAA,KAAK,EAAEmK,SAAS,CAACK,GAAG,CAACC,UAAU;IAC/BzL,KAAK,EAAEmL,SAAS,CAACO,IAAI;IACrBC,IAAI,EAAER,SAAS,CAACO,IAAI;IACpBvL,QAAQ,EAAEgL,SAAS,CAAC7K,MAAM;IAC1BL,IAAI,EAAEkL,SAAS,CAACO,IAAI;IACpBxL,SAAS,EAAEiL,SAAS,CAACO,IAAAA;AACvB,GAAC,CAAC;AACF;AACF;AACA;AACA;AACA;AACEtJ,EAAAA,MAAM,EAAE+I,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACC,IAAI,EAAED,SAAS,CAACU,IAAI,CAAC,CAAC;EAC7DrJ,OAAO,EAAE2I,SAAS,CAACW,OAAO,CACxBX,SAAS,CAACI,KAAK,CAAC;IACdvK,KAAK,EAAEmK,SAAS,CAACK,GAAG;IACpBxL,KAAK,EAAEmL,SAAS,CAACO,IAAI;IACrBlL,MAAM,EAAE2K,SAAS,CAACO,IAAI;IACtBC,IAAI,EAAER,SAAS,CAACO,IAAI;IACpBvL,QAAQ,EAAEgL,SAAS,CAAC7K,MAAM;IAC1BL,IAAI,EAAEkL,SAAS,CAACO,IAAI;IACpBxL,SAAS,EAAEiL,SAAS,CAACO,IAAI;IACzBjL,SAAS,EAAE0K,SAAS,CAACC,IAAI;IACzB1K,QAAQ,EAAEyK,SAAS,CAACC,IAAI;AACxBhL,IAAAA,aAAa,EAAE+K,SAAS,CAACW,OAAO,CAACX,SAAS,CAAC7K,MAAM,CAAA;GAClD,CACH,CAAC,CAACmL,UAAU;EACZ3L,WAAW,EAAEqL,SAAS,CAAC7K,MAAM;EAC7BsC,iBAAiB,EAAEuI,SAAS,CAAC7K,MAAM;EACnCuC,UAAU,EAAEsI,SAAS,CAACY,QAAQ,CAACZ,SAAS,CAAC7K,MAAM,CAAC;EAChDyC,UAAU,EAAEoI,SAAS,CAACC,IAAI;EAC1BnI,WAAW,EAAEkI,SAAS,CAACa,MAAM;EAC7BhJ,aAAa,EAAEmI,SAAS,CAACa,MAAM;AAC/B3J,EAAAA,QAAQ,EAAE8I,SAAS,CAACU,IAAI,CAACJ,UAAU;EACnCnJ,OAAO,EAAE6I,SAAS,CAACU,IAAI;EACvBtJ,MAAM,EAAE4I,SAAS,CAACU,IAAI;AACtB;AACF;AACA;AACA;EACEnJ,cAAc,EAAEyI,SAAS,CAACU,IAAAA;AAC5B,CAAC,CAAA;AAEDlK,MAAM,CAACsK,YAAY,GAAG;AACpBpK,EAAAA,EAAE,EAAEL,SAAS;AACbI,EAAAA,WAAW,EAAEJ,SAAS;AACtBS,EAAAA,IAAI,EAAE,IAAI;AACVoJ,EAAAA,aAAa,EAAE,IAAI;AACnBrJ,EAAAA,aAAa,EAAE,IAAI;AACnBD,EAAAA,OAAO,EAAE,KAAK;AACdD,EAAAA,QAAQ,EAAE,KAAK;AACfpB,EAAAA,QAAQ,EAAE,KAAK;AACfwB,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,QAAQ,EAAE,IAAI;AACdG,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,MAAM,EAAE,IAAI;AACZG,EAAAA,cAAc,EAAElB,SAAS;AACzBY,EAAAA,MAAM,EAAE,KAAK;AACbtC,EAAAA,WAAW,EAAE,EAAE;AACf8C,EAAAA,iBAAiB,EAAEpB,SAAS;EAC5BqB,UAAU,EAAE,EAAE;AACdE,EAAAA,UAAU,EAAE,KAAK;EACjBE,WAAW,EAAE,EAAE;AACfD,EAAAA,aAAa,EAAE,EAAC;AAClB,CAAC;;;;"}
+{"version":3,"file":"Select.mjs","sources":["../../src/select/Select.js"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport PropTypes from 'prop-types';\nimport { useState, useEffect, useRef, useMemo, useId } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Button from '../button';\nimport Chevron from '../chevron';\nimport { Position } from '../common';\nimport BottomSheet from '../common/bottomSheet';\nimport { stopPropagation } from '../common/domHelpers';\nimport { useLayout } from '../common/hooks';\nimport Panel from '../common/panel';\nimport Drawer from '../drawer';\nimport { useInputAttributes } from '../inputs/contexts';\n\nimport messages from './Select.messages';\nimport Option from './option';\nimport SearchBox from './searchBox';\n\nconst DEFAULT_SEARCH_VALUE = '';\nconst DEFAULT_OPTIONS_PAGE_SIZE = 1000;\n\nconst includesString = (string1, string2) => string1.toLowerCase().includes(string2.toLowerCase());\n\nfunction defaultFilterFunction(option, searchValue) {\n  if (isPlaceholderOption(option)) {\n    return true;\n  }\n  const { label, note, secondary, currency, searchStrings } = option;\n  return (\n    (!!label && includesString(label, searchValue)) ||\n    (!!note && includesString(note, searchValue)) ||\n    (!!secondary && includesString(secondary, searchValue)) ||\n    (!!currency && includesString(currency, searchValue)) ||\n    (!!searchStrings && searchStrings.some((string) => includesString(string, searchValue)))\n  );\n}\n\nfunction isActionableOption(option) {\n  return !option.header && !option.separator && !option.disabled;\n}\n\nfunction isHeaderOption(option) {\n  return option != null && 'header' in option;\n}\n\nfunction isSeparatorOption(option) {\n  return option != null && 'separator' in option;\n}\n\nfunction clamp(from, to, value) {\n  return Math.max(Math.min(to, value), from);\n}\n\n/**\n * No option or placeholder option is selected\n */\nconst DEFAULT_SELECTED_OPTION = null;\n\nfunction isPlaceholderOption(option) {\n  return option === DEFAULT_SELECTED_OPTION || 'placeholder' in option;\n}\n\nfunction isSearchableOption(option) {\n  return !isHeaderOption(option) && !isSeparatorOption(option) && !isPlaceholderOption(option);\n}\n\nconst getUniqueIdForOption = (parentId = '', option) => {\n  if (option == null) {\n    return undefined;\n  }\n\n  const uniqueOptionId = option.value || (option.label?.replace(/\\s/g, '') ?? '');\n\n  return `option-${parentId}-${uniqueOptionId}`;\n};\n\n/**\n * @deprecated Use `SelectInput` instead (https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput)\n */\nexport default function Select({\n  placeholder,\n  id,\n  required,\n  disabled,\n  inverse,\n  dropdownWidth,\n  size,\n  block,\n  selected,\n  search,\n  onChange,\n  onFocus,\n  onBlur,\n  options: defaultOptions,\n  onSearchChange,\n  searchValue: initSearchValue,\n  searchPlaceholder,\n  // eslint-disable-next-line unicorn/prevent-abbreviations\n  classNames: classNamesProp,\n  dropdownUp,\n  dropdownProps,\n  buttonProps,\n}) {\n  const inputAttributes = useInputAttributes();\n\n  const { formatMessage } = useIntl();\n  const { isModern } = useTheme();\n  const s = (className) => classNamesProp[className] || className;\n  const [open, setOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState(DEFAULT_SEARCH_VALUE);\n  const [keyboardFocusedOptionIndex, setKeyboardFocusedOptionIndex] = useState(null);\n  const keyboardFocusedReference = useRef();\n  const previousKeyboardFocusedOptionIndex = useRef();\n  const [numberOfOptionsShown, setNumberOfOptionsShown] = useState(DEFAULT_OPTIONS_PAGE_SIZE);\n  const searchBoxReference = useRef(null);\n  const selectReference = useRef(null);\n  const dropdownButtonReference = useRef(null);\n  const optionsListReference = useRef(null);\n  const isSearchEnabled = !!onSearchChange || !!search;\n  const isDropdownAutoWidth = dropdownWidth == null;\n\n  const options = useMemo(() => {\n    if (!search || !searchValue) {\n      return defaultOptions;\n    }\n\n    return defaultOptions.filter(isSearchableOption).filter((option) => {\n      if (typeof search === 'function') {\n        return search(option, searchValue);\n      }\n      return defaultFilterFunction(option, searchValue);\n    });\n  }, [defaultOptions, search, searchValue]);\n\n  const selectableOptions = useMemo(() => options.filter(isActionableOption), [options]);\n  const focusedOption = selectableOptions[keyboardFocusedOptionIndex];\n\n  const fallbackButtonId = useId();\n  const computedId = id || inputAttributes.id || fallbackButtonId;\n  const listboxId = `${computedId}-listbox`;\n  const searchBoxId = `${computedId}-searchbox`;\n\n  const { isMobile } = useLayout();\n\n  useEffect(() => {\n    let cancelled;\n\n    if (keyboardFocusedOptionIndex >= 0) {\n      requestAnimationFrame(() => {\n        if (!cancelled) {\n          if (isSearchEnabled) {\n            keyboardFocusedReference.current?.scrollIntoView?.({ block: 'center' });\n          } else {\n            keyboardFocusedReference.current?.focus();\n          }\n        }\n      });\n\n      return () => {\n        cancelled = true;\n      };\n    }\n  }, [keyboardFocusedOptionIndex, isSearchEnabled]);\n\n  const handleOnClick = () => {\n    setOpen(true);\n  };\n\n  const handleTouchStart = (event) => {\n    if (event.currentTarget === event.target && open) {\n      handleCloseOptions();\n    }\n  };\n\n  const handleOnFocus = (event) => {\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const handleOnBlur = (event) => {\n    const { nativeEvent } = event;\n    if (nativeEvent) {\n      const elementReceivingFocus = nativeEvent.relatedTarget;\n      const select = event.currentTarget;\n      if (select && elementReceivingFocus && select.contains(elementReceivingFocus)) {\n        return;\n      }\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  const handleSearchChange = (event) => {\n    setNumberOfOptionsShown(DEFAULT_OPTIONS_PAGE_SIZE);\n    setSearchValue(event.target.value);\n    if (onSearchChange) {\n      onSearchChange(event.target.value);\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (open) {\n          moveFocusWithDifference(event.key === 'ArrowUp' ? -1 : 1);\n        } else {\n          setOpen(true);\n        }\n        stopPropagation(event);\n        break;\n      case ' ':\n        if (event.target !== searchBoxReference.current) {\n          if (open) {\n            selectKeyboardFocusedOption();\n          } else {\n            setOpen(true);\n          }\n          stopPropagation(event);\n        }\n        break;\n      case 'Enter':\n        if (open) {\n          selectKeyboardFocusedOption();\n        } else {\n          setOpen(true);\n        }\n        stopPropagation(event);\n        break;\n      case 'Escape':\n        handleCloseOptions();\n        stopPropagation(event);\n        break;\n      case 'Tab':\n        if (open) {\n          selectKeyboardFocusedOption();\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  function selectKeyboardFocusedOption() {\n    if (keyboardFocusedOptionIndex != null && selectableOptions.length > 0) {\n      selectOption(selectableOptions[keyboardFocusedOptionIndex]);\n    }\n  }\n\n  function moveFocusWithDifference(difference) {\n    const selectedOptionIndex = selectableOptions.reduce((optionIndex, current, index) => {\n      if (optionIndex != null) {\n        return optionIndex;\n      }\n      if (isOptionSelected(selected, current)) {\n        return index;\n      }\n      return null;\n    }, null);\n    const previousFocusedIndex = previousKeyboardFocusedOptionIndex.current ?? -1;\n    let indexToStartMovingFrom = previousFocusedIndex;\n    if (previousFocusedIndex === -1) {\n      if (selectedOptionIndex == null) {\n        setKeyboardFocusedOptionIndex(0);\n      } else {\n        indexToStartMovingFrom = selectedOptionIndex;\n      }\n    }\n\n    const unClampedNewIndex = indexToStartMovingFrom + difference;\n    const newIndex = clamp(0, selectableOptions.length - 1, unClampedNewIndex);\n\n    setKeyboardFocusedOptionIndex(newIndex);\n  }\n\n  useEffect(() => {\n    if (open) {\n      if (!isMobile || searchValue) {\n        if (isSearchEnabled && searchBoxReference.current) {\n          searchBoxReference.current.focus();\n        }\n        if (\n          !isSearchEnabled &&\n          optionsListReference.current &&\n          (previousKeyboardFocusedOptionIndex.current == null ||\n            Number.isNaN(previousKeyboardFocusedOptionIndex.current))\n        ) {\n          optionsListReference.current.focus();\n        }\n      }\n\n      previousKeyboardFocusedOptionIndex.current = keyboardFocusedOptionIndex;\n    } else {\n      previousKeyboardFocusedOptionIndex.current = null;\n    }\n  }, [open, searchValue, isSearchEnabled, isMobile, keyboardFocusedOptionIndex]);\n\n  const handleCloseOptions = () => {\n    setOpen(false);\n    setKeyboardFocusedOptionIndex(null);\n    if (dropdownButtonReference.current) {\n      dropdownButtonReference.current.focus();\n    }\n  };\n\n  function createSelectHandlerForOption(option) {\n    return (event) => {\n      stopPropagation(event);\n      selectOption(option);\n    };\n  }\n\n  function selectOption(option) {\n    onChange(isPlaceholderOption(option) ? DEFAULT_SELECTED_OPTION : option);\n    handleCloseOptions();\n  }\n\n  function renderOptionsList({ className } = {}) {\n    const dropdownClass = clsx(\n      s('np-dropdown-menu'),\n      {\n        [s('np-dropdown-menu-desktop')]: !isMobile,\n        [s(`np-dropdown-menu-${dropdownWidth}`)]: !isMobile && !isDropdownAutoWidth,\n      },\n      s(className),\n    );\n\n    const showPlaceholder = !required && !isSearchEnabled && Boolean(placeholder);\n    return (\n      <ul\n        ref={optionsListReference}\n        id={listboxId}\n        role=\"listbox\"\n        aria-orientation=\"vertical\"\n        aria-activedescendant={getUniqueIdForOption(id, selected)}\n        tabIndex=\"-1\"\n        className={dropdownClass}\n        {...dropdownProps}\n      >\n        {showPlaceholder && <PlaceHolderOption />}\n        {isSearchEnabled && (\n          <SearchBox\n            ref={searchBoxReference}\n            id={searchBoxId}\n            classNames={classNamesProp}\n            value={initSearchValue || searchValue}\n            placeholder={searchPlaceholder || formatMessage(messages.searchPlaceholder)}\n            focusedOptionId={getUniqueIdForOption(id, focusedOption)}\n            onChange={handleSearchChange}\n            onClick={stopPropagation}\n          />\n        )}\n        {options.slice(0, numberOfOptionsShown).map(renderOption)}\n        {numberOfOptionsShown < options.length && <ShowMoreOption />}\n      </ul>\n    );\n  }\n\n  function ShowMoreOption() {\n    function handleOnClick(event) {\n      stopPropagation(event);\n      setNumberOfOptionsShown(numberOfOptionsShown + DEFAULT_OPTIONS_PAGE_SIZE);\n    }\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        className={clsx(s('clickable'), s('border-bottom'), s('show-more'))}\n        onClick={handleOnClick}\n        onKeyPress={handleOnClick}\n      >\n        {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n        <a>...</a>\n      </li>\n    );\n  }\n\n  function PlaceHolderOption() {\n    const placeholderOption = { placeholder };\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        className={clsx(s('clickable'), s('border-bottom'))}\n        onClick={createSelectHandlerForOption(placeholderOption)}\n        onKeyPress={createSelectHandlerForOption(placeholderOption)}\n      >\n        {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n        <a>{placeholder}</a>\n      </li>\n    );\n  }\n\n  // eslint-disable-next-line react/prop-types\n  function SeparatorOption() {\n    return <li className={s('np-separator')} aria-hidden />;\n  }\n\n  // eslint-disable-next-line react/prop-types\n  function HeaderOption({ children }) {\n    return (\n      <li // eslint-disable-line jsx-a11y/no-noninteractive-element-interactions\n        className={clsx(s('np-dropdown-header'), s('np-text-title-group'))}\n        onClick={stopPropagation}\n        onKeyPress={stopPropagation}\n      >\n        {children}\n      </li>\n    );\n  }\n\n  function isOptionSelected(selected, option) {\n    return selected?.value === option?.value;\n  }\n\n  const renderOption = (option, index) => {\n    const separatorOption = option;\n    if (isSeparatorOption(separatorOption) && separatorOption?.separator) {\n      return <SeparatorOption key={index} />;\n    }\n    const headerOption = option;\n    if (isHeaderOption(headerOption) && headerOption.header) {\n      return <HeaderOption key={index}>{headerOption.header}</HeaderOption>;\n    }\n\n    const isActive = isOptionSelected(selected, option);\n    const selectOption = option;\n    const isFocusedWithKeyboard =\n      !selectOption.disabled &&\n      keyboardFocusedOptionIndex === getIndexWithoutHeadersForIndexWithHeaders(index);\n\n    const className = clsx(\n      s('np-dropdown-item'),\n      selectOption.disabled ? [s('disabled')] : s('clickable'),\n      {\n        [s('active')]: isActive,\n        [s('np-dropdown-item--focused')]: isFocusedWithKeyboard,\n      },\n    );\n\n    const handleOnClick = selectOption.disabled\n      ? stopPropagation\n      : createSelectHandlerForOption(selectOption);\n\n    return (\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n      <li\n        ref={isFocusedWithKeyboard ? keyboardFocusedReference : undefined}\n        key={index}\n        id={getUniqueIdForOption(id, option)}\n        aria-selected={isActive}\n        aria-disabled={option.disabled}\n        role=\"option\"\n        tabIndex=\"-1\"\n        className={className}\n        onClick={handleOnClick}\n        onKeyPress={handleOnClick}\n      >\n        {/* @ts-expect-error options needs DOM refactoring */}\n        <a disabled={selectOption.disabled}>\n          <Option {...selectOption} classNames={classNamesProp} />\n        </a>\n      </li>\n    );\n  };\n\n  function getIndexWithoutHeadersForIndexWithHeaders(index) {\n    return options.reduce((sum, option, currentIndex) => {\n      if (currentIndex < index && isActionableOption(option)) {\n        return sum + 1;\n      }\n      return sum;\n    }, 0);\n  }\n\n  const hasActiveOptions = !!defaultOptions.length;\n  if (open && (initSearchValue || searchValue)) {\n    if (hasActiveOptions && keyboardFocusedOptionIndex == null) {\n      setKeyboardFocusedOptionIndex(0);\n    }\n    if (!hasActiveOptions && keyboardFocusedOptionIndex != null) {\n      setKeyboardFocusedOptionIndex(null);\n    }\n  }\n\n  return (\n    <div // eslint-disable-line jsx-a11y/no-static-element-interactions\n      ref={selectReference}\n      className={clsx(s('np-select'), block ? s('btn-block') : null, s('btn-group'))}\n      onKeyDown={handleKeyDown}\n      onTouchMove={handleTouchStart}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n    >\n      <Button\n        ref={dropdownButtonReference}\n        {...inputAttributes}\n        id={computedId}\n        block={block}\n        size={size}\n        htmlType=\"button\"\n        className={clsx(\n          s('np-dropdown-toggle'),\n          s('np-text-body-large'),\n          inverse ? s('np-dropdown-toggle-navy') : null,\n        )}\n        // reset Button's styles\n        type={null}\n        priority={null}\n        disabled={disabled}\n        aria-controls={listboxId}\n        aria-expanded={open}\n        onClick={handleOnClick}\n        {...buttonProps}\n      >\n        {selected ? (\n          <Option {...selected} classNames={classNamesProp} selected />\n        ) : (\n          <span className={s('form-control-placeholder')}>{placeholder}</span>\n        )}\n        <Chevron\n          // disabled={disabled}\n          className={clsx(\n            s('tw-icon'),\n            s('tw-chevron-up-icon'),\n            s('tw-chevron'),\n            s('bottom'),\n            s('np-select-chevron'),\n          )}\n        />\n      </Button>\n      {isMobile ? (\n        isSearchEnabled ? (\n          <Drawer\n            open={open}\n            headerTitle={searchPlaceholder || formatMessage(messages.searchPlaceholder)}\n            onClose={handleCloseOptions}\n          >\n            {renderOptionsList()}\n          </Drawer>\n        ) : (\n          <BottomSheet open={open} onClose={handleCloseOptions}>\n            {renderOptionsList({ className: isModern ? '' : 'p-a-1' })}\n          </BottomSheet>\n        )\n      ) : (\n        <Panel\n          open={open}\n          flip={false}\n          altAxis\n          anchorRef={selectReference}\n          anchorWidth={isDropdownAutoWidth}\n          position={dropdownUp ? Position.TOP : Position.BOTTOM}\n          onClose={handleCloseOptions}\n        >\n          {renderOptionsList({ className: 'p-a-1' })}\n        </Panel>\n      )}\n    </div>\n  );\n}\n\nSelect.propTypes = {\n  placeholder: PropTypes.string,\n  id: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  inverse: PropTypes.bool,\n  dropdownRight: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n  dropdownWidth: PropTypes.oneOf(['sm', 'md', 'lg']),\n  size: PropTypes.oneOf(['sm', 'md', 'lg']),\n  block: PropTypes.bool,\n  selected: PropTypes.shape({\n    value: PropTypes.any.isRequired,\n    label: PropTypes.node,\n    icon: PropTypes.node,\n    currency: PropTypes.string,\n    note: PropTypes.node,\n    secondary: PropTypes.node,\n  }),\n  /**\n   * Search toggle\n   * if `true` default search functionality being enabled (not case sensitive search in option labels & currency props)\n   * if `function` you can define your own search function to implement custom search experience. This search function used while filtering the options array. The custom search function takes two parameters. First is the option the second is the keyword.\n   */\n  search: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.any,\n      label: PropTypes.node,\n      header: PropTypes.node,\n      icon: PropTypes.node,\n      currency: PropTypes.string,\n      note: PropTypes.node,\n      secondary: PropTypes.node,\n      separator: PropTypes.bool,\n      disabled: PropTypes.bool,\n      searchStrings: PropTypes.arrayOf(PropTypes.string),\n    }),\n  ).isRequired,\n  searchValue: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  classNames: PropTypes.objectOf(PropTypes.string),\n  dropdownUp: PropTypes.bool,\n  buttonProps: PropTypes.object,\n  dropdownProps: PropTypes.object,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  /**\n   * To have full control of your search value and response use `onSearchChange` function combined with `searchValue` and custom filtering on the options array.\n   * DO NOT USE TOGETHER WITH `search` PROPERTY\n   */\n  onSearchChange: PropTypes.func,\n};\n\nSelect.defaultProps = {\n  id: undefined,\n  placeholder: undefined,\n  size: 'md',\n  dropdownRight: null,\n  dropdownWidth: null,\n  inverse: false,\n  required: false,\n  disabled: false,\n  block: true,\n  selected: null,\n  onFocus: null,\n  onBlur: null,\n  onSearchChange: undefined,\n  search: false,\n  searchValue: '',\n  searchPlaceholder: undefined,\n  classNames: {},\n  dropdownUp: false,\n  buttonProps: {},\n  dropdownProps: {},\n};\n"],"names":["DEFAULT_SEARCH_VALUE","DEFAULT_OPTIONS_PAGE_SIZE","includesString","string1","string2","toLowerCase","includes","defaultFilterFunction","option","searchValue","isPlaceholderOption","label","note","secondary","currency","searchStrings","some","string","isActionableOption","header","separator","disabled","isHeaderOption","isSeparatorOption","clamp","from","to","value","Math","max","min","DEFAULT_SELECTED_OPTION","isSearchableOption","getUniqueIdForOption","parentId","undefined","uniqueOptionId","replace","Select","placeholder","id","required","inverse","dropdownWidth","size","block","selected","search","onChange","onFocus","onBlur","options","defaultOptions","onSearchChange","initSearchValue","searchPlaceholder","classNames","classNamesProp","dropdownUp","dropdownProps","buttonProps","inputAttributes","useInputAttributes","formatMessage","useIntl","isModern","useTheme","s","className","open","setOpen","useState","setSearchValue","keyboardFocusedOptionIndex","setKeyboardFocusedOptionIndex","keyboardFocusedReference","useRef","previousKeyboardFocusedOptionIndex","numberOfOptionsShown","setNumberOfOptionsShown","searchBoxReference","selectReference","dropdownButtonReference","optionsListReference","isSearchEnabled","isDropdownAutoWidth","useMemo","filter","selectableOptions","focusedOption","fallbackButtonId","useId","computedId","listboxId","searchBoxId","isMobile","useLayout","useEffect","cancelled","requestAnimationFrame","current","scrollIntoView","focus","handleOnClick","handleTouchStart","event","currentTarget","target","handleCloseOptions","handleOnFocus","handleOnBlur","nativeEvent","elementReceivingFocus","relatedTarget","select","contains","handleSearchChange","handleKeyDown","key","moveFocusWithDifference","stopPropagation","selectKeyboardFocusedOption","length","selectOption","difference","selectedOptionIndex","reduce","optionIndex","index","isOptionSelected","previousFocusedIndex","indexToStartMovingFrom","unClampedNewIndex","newIndex","Number","isNaN","createSelectHandlerForOption","renderOptionsList","dropdownClass","clsx","showPlaceholder","Boolean","_jsxs","ref","role","tabIndex","children","_jsx","PlaceHolderOption","SearchBox","messages","focusedOptionId","onClick","slice","map","renderOption","ShowMoreOption","onKeyPress","placeholderOption","SeparatorOption","HeaderOption","separatorOption","headerOption","isActive","isFocusedWithKeyboard","getIndexWithoutHeadersForIndexWithHeaders","Option","sum","currentIndex","hasActiveOptions","onKeyDown","onTouchMove","Button","htmlType","type","priority","Chevron","Drawer","headerTitle","onClose","BottomSheet","Panel","flip","altAxis","anchorRef","anchorWidth","position","Position","TOP","BOTTOM","propTypes","PropTypes","bool","dropdownRight","oneOf","shape","any","isRequired","node","icon","oneOfType","func","arrayOf","objectOf","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,oBAAoB,GAAG,EAAE,CAAA;AAC/B,MAAMC,yBAAyB,GAAG,IAAI,CAAA;AAEtC,MAAMC,cAAc,GAAGA,CAACC,OAAO,EAAEC,OAAO,KAAKD,OAAO,CAACE,WAAW,EAAE,CAACC,QAAQ,CAACF,OAAO,CAACC,WAAW,EAAE,CAAC,CAAA;AAElG,SAASE,qBAAqBA,CAACC,MAAM,EAAEC,WAAW,EAAE;AAClD,EAAA,IAAIC,mBAAmB,CAACF,MAAM,CAAC,EAAE;AAC/B,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGP,MAAM,CAAA;AAClE,EAAA,OACG,CAAC,CAACG,KAAK,IAAIT,cAAc,CAACS,KAAK,EAAEF,WAAW,CAAC,IAC7C,CAAC,CAACG,IAAI,IAAIV,cAAc,CAACU,IAAI,EAAEH,WAAW,CAAE,IAC5C,CAAC,CAACI,SAAS,IAAIX,cAAc,CAACW,SAAS,EAAEJ,WAAW,CAAE,IACtD,CAAC,CAACK,QAAQ,IAAIZ,cAAc,CAACY,QAAQ,EAAEL,WAAW,CAAE,IACpD,CAAC,CAACM,aAAa,IAAIA,aAAa,CAACC,IAAI,CAAEC,MAAM,IAAKf,cAAc,CAACe,MAAM,EAAER,WAAW,CAAC,CAAE,CAAA;AAE5F,CAAA;AAEA,SAASS,kBAAkBA,CAACV,MAAM,EAAE;AAClC,EAAA,OAAO,CAACA,MAAM,CAACW,MAAM,IAAI,CAACX,MAAM,CAACY,SAAS,IAAI,CAACZ,MAAM,CAACa,QAAQ,CAAA;AAChE,CAAA;AAEA,SAASC,cAAcA,CAACd,MAAM,EAAE;AAC9B,EAAA,OAAOA,MAAM,IAAI,IAAI,IAAI,QAAQ,IAAIA,MAAM,CAAA;AAC7C,CAAA;AAEA,SAASe,iBAAiBA,CAACf,MAAM,EAAE;AACjC,EAAA,OAAOA,MAAM,IAAI,IAAI,IAAI,WAAW,IAAIA,MAAM,CAAA;AAChD,CAAA;AAEA,SAASgB,KAAKA,CAACC,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE;AAC9B,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,EAAE,EAAEC,KAAK,CAAC,EAAEF,IAAI,CAAC,CAAA;AAC5C,CAAA;;AAEA;AACA;AACA;AACA,MAAMM,uBAAuB,GAAG,IAAI,CAAA;AAEpC,SAASrB,mBAAmBA,CAACF,MAAM,EAAE;AACnC,EAAA,OAAOA,MAAM,KAAKuB,uBAAuB,IAAI,aAAa,IAAIvB,MAAM,CAAA;AACtE,CAAA;AAEA,SAASwB,kBAAkBA,CAACxB,MAAM,EAAE;AAClC,EAAA,OAAO,CAACc,cAAc,CAACd,MAAM,CAAC,IAAI,CAACe,iBAAiB,CAACf,MAAM,CAAC,IAAI,CAACE,mBAAmB,CAACF,MAAM,CAAC,CAAA;AAC9F,CAAA;AAEA,MAAMyB,oBAAoB,GAAGA,CAACC,QAAQ,GAAG,EAAE,EAAE1B,MAAM,KAAK;EACtD,IAAIA,MAAM,IAAI,IAAI,EAAE;AAClB,IAAA,OAAO2B,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,MAAMC,cAAc,GAAG5B,MAAM,CAACmB,KAAK,KAAKnB,MAAM,CAACG,KAAK,EAAE0B,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;AAE/E,EAAA,OAAO,CAAUH,OAAAA,EAAAA,QAAQ,CAAIE,CAAAA,EAAAA,cAAc,CAAE,CAAA,CAAA;AAC/C,CAAC,CAAA;;AAED;AACA;AACA;AACe,SAASE,MAAMA,CAAC;EAC7BC,WAAW;EACXC,EAAE;EACFC,QAAQ;EACRpB,QAAQ;EACRqB,OAAO;EACPC,aAAa;EACbC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,MAAM;AACNC,EAAAA,OAAO,EAAEC,cAAc;EACvBC,cAAc;AACd5C,EAAAA,WAAW,EAAE6C,eAAe;EAC5BC,iBAAiB;AACjB;AACAC,EAAAA,UAAU,EAAEC,cAAc;EAC1BC,UAAU;EACVC,aAAa;AACbC,EAAAA,WAAAA;AACF,CAAC,EAAE;AACD,EAAA,MAAMC,eAAe,GAAGC,kBAAkB,EAAE,CAAA;EAE5C,MAAM;AAAEC,IAAAA,aAAAA;GAAe,GAAGC,OAAO,EAAE,CAAA;EACnC,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAMC,CAAC,GAAIC,SAAS,IAAKX,cAAc,CAACW,SAAS,CAAC,IAAIA,SAAS,CAAA;EAC/D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACvC,MAAM,CAAC9D,WAAW,EAAE+D,cAAc,CAAC,GAAGD,QAAQ,CAACvE,oBAAoB,CAAC,CAAA;EACpE,MAAM,CAACyE,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGH,QAAQ,CAAC,IAAI,CAAC,CAAA;AAClF,EAAA,MAAMI,wBAAwB,GAAGC,MAAM,EAAE,CAAA;AACzC,EAAA,MAAMC,kCAAkC,GAAGD,MAAM,EAAE,CAAA;EACnD,MAAM,CAACE,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGR,QAAQ,CAACtE,yBAAyB,CAAC,CAAA;AAC3F,EAAA,MAAM+E,kBAAkB,GAAGJ,MAAM,CAAC,IAAI,CAAC,CAAA;AACvC,EAAA,MAAMK,eAAe,GAAGL,MAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,MAAMM,uBAAuB,GAAGN,MAAM,CAAC,IAAI,CAAC,CAAA;AAC5C,EAAA,MAAMO,oBAAoB,GAAGP,MAAM,CAAC,IAAI,CAAC,CAAA;EACzC,MAAMQ,eAAe,GAAG,CAAC,CAAC/B,cAAc,IAAI,CAAC,CAACN,MAAM,CAAA;AACpD,EAAA,MAAMsC,mBAAmB,GAAG1C,aAAa,IAAI,IAAI,CAAA;AAEjD,EAAA,MAAMQ,OAAO,GAAGmC,OAAO,CAAC,MAAM;AAC5B,IAAA,IAAI,CAACvC,MAAM,IAAI,CAACtC,WAAW,EAAE;AAC3B,MAAA,OAAO2C,cAAc,CAAA;AACvB,KAAA;IAEA,OAAOA,cAAc,CAACmC,MAAM,CAACvD,kBAAkB,CAAC,CAACuD,MAAM,CAAE/E,MAAM,IAAK;AAClE,MAAA,IAAI,OAAOuC,MAAM,KAAK,UAAU,EAAE;AAChC,QAAA,OAAOA,MAAM,CAACvC,MAAM,EAAEC,WAAW,CAAC,CAAA;AACpC,OAAA;AACA,MAAA,OAAOF,qBAAqB,CAACC,MAAM,EAAEC,WAAW,CAAC,CAAA;AACnD,KAAC,CAAC,CAAA;GACH,EAAE,CAAC2C,cAAc,EAAEL,MAAM,EAAEtC,WAAW,CAAC,CAAC,CAAA;AAEzC,EAAA,MAAM+E,iBAAiB,GAAGF,OAAO,CAAC,MAAMnC,OAAO,CAACoC,MAAM,CAACrE,kBAAkB,CAAC,EAAE,CAACiC,OAAO,CAAC,CAAC,CAAA;AACtF,EAAA,MAAMsC,aAAa,GAAGD,iBAAiB,CAACf,0BAA0B,CAAC,CAAA;AAEnE,EAAA,MAAMiB,gBAAgB,GAAGC,KAAK,EAAE,CAAA;EAChC,MAAMC,UAAU,GAAGpD,EAAE,IAAIqB,eAAe,CAACrB,EAAE,IAAIkD,gBAAgB,CAAA;AAC/D,EAAA,MAAMG,SAAS,GAAG,CAAGD,EAAAA,UAAU,CAAU,QAAA,CAAA,CAAA;AACzC,EAAA,MAAME,WAAW,GAAG,CAAGF,EAAAA,UAAU,CAAY,UAAA,CAAA,CAAA;EAE7C,MAAM;AAAEG,IAAAA,QAAAA;GAAU,GAAGC,SAAS,EAAE,CAAA;AAEhCC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,SAAS,CAAA;IAEb,IAAIzB,0BAA0B,IAAI,CAAC,EAAE;AACnC0B,MAAAA,qBAAqB,CAAC,MAAM;QAC1B,IAAI,CAACD,SAAS,EAAE;AACd,UAAA,IAAId,eAAe,EAAE;AACnBT,YAAAA,wBAAwB,CAACyB,OAAO,EAAEC,cAAc,GAAG;AAAExD,cAAAA,KAAK,EAAE,QAAA;AAAS,aAAC,CAAC,CAAA;AACzE,WAAC,MAAM;AACL8B,YAAAA,wBAAwB,CAACyB,OAAO,EAAEE,KAAK,EAAE,CAAA;AAC3C,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AAEF,MAAA,OAAO,MAAM;AACXJ,QAAAA,SAAS,GAAG,IAAI,CAAA;OACjB,CAAA;AACH,KAAA;AACF,GAAC,EAAE,CAACzB,0BAA0B,EAAEW,eAAe,CAAC,CAAC,CAAA;EAEjD,MAAMmB,aAAa,GAAGA,MAAM;IAC1BjC,OAAO,CAAC,IAAI,CAAC,CAAA;GACd,CAAA;EAED,MAAMkC,gBAAgB,GAAIC,KAAK,IAAK;IAClC,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,IAAItC,IAAI,EAAE;AAChDuC,MAAAA,kBAAkB,EAAE,CAAA;AACtB,KAAA;GACD,CAAA;EAED,MAAMC,aAAa,GAAIJ,KAAK,IAAK;AAC/B,IAAA,IAAIxD,OAAO,EAAE;MACXA,OAAO,CAACwD,KAAK,CAAC,CAAA;AAChB,KAAA;GACD,CAAA;EAED,MAAMK,YAAY,GAAIL,KAAK,IAAK;IAC9B,MAAM;AAAEM,MAAAA,WAAAA;AAAY,KAAC,GAAGN,KAAK,CAAA;AAC7B,IAAA,IAAIM,WAAW,EAAE;AACf,MAAA,MAAMC,qBAAqB,GAAGD,WAAW,CAACE,aAAa,CAAA;AACvD,MAAA,MAAMC,MAAM,GAAGT,KAAK,CAACC,aAAa,CAAA;MAClC,IAAIQ,MAAM,IAAIF,qBAAqB,IAAIE,MAAM,CAACC,QAAQ,CAACH,qBAAqB,CAAC,EAAE;AAC7E,QAAA,OAAA;AACF,OAAA;AACF,KAAA;AAEA,IAAA,IAAI9D,MAAM,EAAE;MACVA,MAAM,CAACuD,KAAK,CAAC,CAAA;AACf,KAAA;GACD,CAAA;EAED,MAAMW,kBAAkB,GAAIX,KAAK,IAAK;IACpC1B,uBAAuB,CAAC9E,yBAAyB,CAAC,CAAA;AAClDuE,IAAAA,cAAc,CAACiC,KAAK,CAACE,MAAM,CAAChF,KAAK,CAAC,CAAA;AAClC,IAAA,IAAI0B,cAAc,EAAE;AAClBA,MAAAA,cAAc,CAACoD,KAAK,CAACE,MAAM,CAAChF,KAAK,CAAC,CAAA;AACpC,KAAA;GACD,CAAA;EAED,MAAM0F,aAAa,GAAIZ,KAAK,IAAK;IAC/B,QAAQA,KAAK,CAACa,GAAG;AACf,MAAA,KAAK,SAAS,CAAA;AACd,MAAA,KAAK,WAAW;AACd,QAAA,IAAIjD,IAAI,EAAE;UACRkD,uBAAuB,CAACd,KAAK,CAACa,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;AAC3D,SAAC,MAAM;UACLhD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,SAAA;QACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,GAAG;AACN,QAAA,IAAIA,KAAK,CAACE,MAAM,KAAK3B,kBAAkB,CAACoB,OAAO,EAAE;AAC/C,UAAA,IAAI/B,IAAI,EAAE;AACRoD,YAAAA,2BAA2B,EAAE,CAAA;AAC/B,WAAC,MAAM;YACLnD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,WAAA;UACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACxB,SAAA;AACA,QAAA,MAAA;AACF,MAAA,KAAK,OAAO;AACV,QAAA,IAAIpC,IAAI,EAAE;AACRoD,UAAAA,2BAA2B,EAAE,CAAA;AAC/B,SAAC,MAAM;UACLnD,OAAO,CAAC,IAAI,CAAC,CAAA;AACf,SAAA;QACAkD,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,QAAQ;AACXG,QAAAA,kBAAkB,EAAE,CAAA;QACpBY,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB,QAAA,MAAA;AACF,MAAA,KAAK,KAAK;AACR,QAAA,IAAIpC,IAAI,EAAE;AACRoD,UAAAA,2BAA2B,EAAE,CAAA;AAC/B,SAAA;AACA,QAAA,MAAA;AAGJ,KAAA;GACD,CAAA;EAED,SAASA,2BAA2BA,GAAG;IACrC,IAAIhD,0BAA0B,IAAI,IAAI,IAAIe,iBAAiB,CAACkC,MAAM,GAAG,CAAC,EAAE;AACtEC,MAAAA,YAAY,CAACnC,iBAAiB,CAACf,0BAA0B,CAAC,CAAC,CAAA;AAC7D,KAAA;AACF,GAAA;EAEA,SAAS8C,uBAAuBA,CAACK,UAAU,EAAE;AAC3C,IAAA,MAAMC,mBAAmB,GAAGrC,iBAAiB,CAACsC,MAAM,CAAC,CAACC,WAAW,EAAE3B,OAAO,EAAE4B,KAAK,KAAK;MACpF,IAAID,WAAW,IAAI,IAAI,EAAE;AACvB,QAAA,OAAOA,WAAW,CAAA;AACpB,OAAA;AACA,MAAA,IAAIE,gBAAgB,CAACnF,QAAQ,EAAEsD,OAAO,CAAC,EAAE;AACvC,QAAA,OAAO4B,KAAK,CAAA;AACd,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;KACZ,EAAE,IAAI,CAAC,CAAA;AACR,IAAA,MAAME,oBAAoB,GAAGrD,kCAAkC,CAACuB,OAAO,IAAI,CAAC,CAAC,CAAA;IAC7E,IAAI+B,sBAAsB,GAAGD,oBAAoB,CAAA;AACjD,IAAA,IAAIA,oBAAoB,KAAK,CAAC,CAAC,EAAE;MAC/B,IAAIL,mBAAmB,IAAI,IAAI,EAAE;QAC/BnD,6BAA6B,CAAC,CAAC,CAAC,CAAA;AAClC,OAAC,MAAM;AACLyD,QAAAA,sBAAsB,GAAGN,mBAAmB,CAAA;AAC9C,OAAA;AACF,KAAA;AAEA,IAAA,MAAMO,iBAAiB,GAAGD,sBAAsB,GAAGP,UAAU,CAAA;AAC7D,IAAA,MAAMS,QAAQ,GAAG7G,KAAK,CAAC,CAAC,EAAEgE,iBAAiB,CAACkC,MAAM,GAAG,CAAC,EAAEU,iBAAiB,CAAC,CAAA;IAE1E1D,6BAA6B,CAAC2D,QAAQ,CAAC,CAAA;AACzC,GAAA;AAEApC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI5B,IAAI,EAAE;AACR,MAAA,IAAI,CAAC0B,QAAQ,IAAItF,WAAW,EAAE;AAC5B,QAAA,IAAI2E,eAAe,IAAIJ,kBAAkB,CAACoB,OAAO,EAAE;AACjDpB,UAAAA,kBAAkB,CAACoB,OAAO,CAACE,KAAK,EAAE,CAAA;AACpC,SAAA;QACA,IACE,CAAClB,eAAe,IAChBD,oBAAoB,CAACiB,OAAO,KAC3BvB,kCAAkC,CAACuB,OAAO,IAAI,IAAI,IACjDkC,MAAM,CAACC,KAAK,CAAC1D,kCAAkC,CAACuB,OAAO,CAAC,CAAC,EAC3D;AACAjB,UAAAA,oBAAoB,CAACiB,OAAO,CAACE,KAAK,EAAE,CAAA;AACtC,SAAA;AACF,OAAA;MAEAzB,kCAAkC,CAACuB,OAAO,GAAG3B,0BAA0B,CAAA;AACzE,KAAC,MAAM;MACLI,kCAAkC,CAACuB,OAAO,GAAG,IAAI,CAAA;AACnD,KAAA;AACF,GAAC,EAAE,CAAC/B,IAAI,EAAE5D,WAAW,EAAE2E,eAAe,EAAEW,QAAQ,EAAEtB,0BAA0B,CAAC,CAAC,CAAA;EAE9E,MAAMmC,kBAAkB,GAAGA,MAAM;IAC/BtC,OAAO,CAAC,KAAK,CAAC,CAAA;IACdI,6BAA6B,CAAC,IAAI,CAAC,CAAA;IACnC,IAAIQ,uBAAuB,CAACkB,OAAO,EAAE;AACnClB,MAAAA,uBAAuB,CAACkB,OAAO,CAACE,KAAK,EAAE,CAAA;AACzC,KAAA;GACD,CAAA;EAED,SAASkC,4BAA4BA,CAAChI,MAAM,EAAE;AAC5C,IAAA,OAAQiG,KAAK,IAAK;MAChBe,eAAe,CAACf,KAAK,CAAC,CAAA;MACtBkB,YAAY,CAACnH,MAAM,CAAC,CAAA;KACrB,CAAA;AACH,GAAA;EAEA,SAASmH,YAAYA,CAACnH,MAAM,EAAE;IAC5BwC,QAAQ,CAACtC,mBAAmB,CAACF,MAAM,CAAC,GAAGuB,uBAAuB,GAAGvB,MAAM,CAAC,CAAA;AACxEoG,IAAAA,kBAAkB,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,SAAS6B,iBAAiBA,CAAC;AAAErE,IAAAA,SAAAA;GAAW,GAAG,EAAE,EAAE;IAC7C,MAAMsE,aAAa,GAAGC,IAAI,CACxBxE,CAAC,CAAC,kBAAkB,CAAC,EACrB;AACE,MAAA,CAACA,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC4B,QAAQ;MAC1C,CAAC5B,CAAC,CAAC,CAAA,iBAAA,EAAoBxB,aAAa,CAAA,CAAE,CAAC,GAAG,CAACoD,QAAQ,IAAI,CAACV,mBAAAA;AAC1D,KAAC,EACDlB,CAAC,CAACC,SAAS,CACb,CAAC,CAAA;IAED,MAAMwE,eAAe,GAAG,CAACnG,QAAQ,IAAI,CAAC2C,eAAe,IAAIyD,OAAO,CAACtG,WAAW,CAAC,CAAA;AAC7E,IAAA,oBACEuG,IAAA,CAAA,IAAA,EAAA;AACEC,MAAAA,GAAG,EAAE5D,oBAAqB;AAC1B3C,MAAAA,EAAE,EAAEqD,SAAU;AACdmD,MAAAA,IAAI,EAAC,SAAS;AACd,MAAA,kBAAA,EAAiB,UAAU;AAC3B,MAAA,uBAAA,EAAuB/G,oBAAoB,CAACO,EAAE,EAAEM,QAAQ,CAAE;AAC1DmG,MAAAA,QAAQ,EAAC,IAAI;AACb7E,MAAAA,SAAS,EAAEsE,aAAc;AAAA,MAAA,GACrB/E,aAAa;AAAAuF,MAAAA,QAAA,EAEhBN,CAAAA,eAAe,iBAAIO,GAAA,CAACC,iBAAiB,EAAE,EAAA,CAAC,EACxChE,eAAe,iBACd+D,GAAA,CAACE,SAAS,EAAA;AACRN,QAAAA,GAAG,EAAE/D,kBAAmB;AACxBxC,QAAAA,EAAE,EAAEsD,WAAY;AAChBtC,QAAAA,UAAU,EAAEC,cAAe;QAC3B9B,KAAK,EAAE2B,eAAe,IAAI7C,WAAY;QACtC8B,WAAW,EAAEgB,iBAAiB,IAAIQ,aAAa,CAACuF,QAAQ,CAAC/F,iBAAiB,CAAE;AAC5EgG,QAAAA,eAAe,EAAEtH,oBAAoB,CAACO,EAAE,EAAEiD,aAAa,CAAE;AACzDzC,QAAAA,QAAQ,EAAEoE,kBAAmB;AAC7BoC,QAAAA,OAAO,EAAEhC,eAAAA;OACV,CACF,EACArE,OAAO,CAACsG,KAAK,CAAC,CAAC,EAAE3E,oBAAoB,CAAC,CAAC4E,GAAG,CAACC,YAAY,CAAC,EACxD7E,oBAAoB,GAAG3B,OAAO,CAACuE,MAAM,iBAAIyB,GAAA,CAACS,cAAc,EAAA,EAAE,CAAC,CAAA;AAAA,KAC1D,CAAC,CAAA;AAET,GAAA;EAEA,SAASA,cAAcA,GAAG;IACxB,SAASrD,aAAaA,CAACE,KAAK,EAAE;MAC5Be,eAAe,CAACf,KAAK,CAAC,CAAA;AACtB1B,MAAAA,uBAAuB,CAACD,oBAAoB,GAAG7E,yBAAyB,CAAC,CAAA;AAC3E,KAAA;AACA,IAAA;AAAA;AACE;MACAkJ,GAAA,CAAA,IAAA,EAAA;AACE/E,QAAAA,SAAS,EAAEuE,IAAI,CAACxE,CAAC,CAAC,WAAW,CAAC,EAAEA,CAAC,CAAC,eAAe,CAAC,EAAEA,CAAC,CAAC,WAAW,CAAC,CAAE;AACpEqF,QAAAA,OAAO,EAAEjD,aAAc;AACvBsD,QAAAA,UAAU,EAAEtD,aAAc;AAAA2C,QAAAA,QAAA,eAG1BC,GAAA,CAAA,GAAA,EAAA;AAAAD,UAAAA,QAAA,EAAG,KAAA;SAAM,CAAA;OACP,CAAA;AAAC,MAAA;AAET,GAAA;EAEA,SAASE,iBAAiBA,GAAG;AAC3B,IAAA,MAAMU,iBAAiB,GAAG;AAAEvH,MAAAA,WAAAA;KAAa,CAAA;AACzC,IAAA;AAAA;AACE;MACA4G,GAAA,CAAA,IAAA,EAAA;AACE/E,QAAAA,SAAS,EAAEuE,IAAI,CAACxE,CAAC,CAAC,WAAW,CAAC,EAAEA,CAAC,CAAC,eAAe,CAAC,CAAE;AACpDqF,QAAAA,OAAO,EAAEhB,4BAA4B,CAACsB,iBAAiB,CAAE;AACzDD,QAAAA,UAAU,EAAErB,4BAA4B,CAACsB,iBAAiB,CAAE;AAAAZ,QAAAA,QAAA,eAG5DC,GAAA,CAAA,GAAA,EAAA;AAAAD,UAAAA,QAAA,EAAI3G,WAAAA;SAAe,CAAA;OACjB,CAAA;AAAC,MAAA;AAET,GAAA;;AAEA;EACA,SAASwH,eAAeA,GAAG;AACzB,IAAA,oBAAOZ,GAAA,CAAA,IAAA,EAAA;AAAI/E,MAAAA,SAAS,EAAED,CAAC,CAAC,cAAc,CAAE;AAAC,MAAA,aAAA,EAAA,IAAA;AAAW,KAAE,CAAC,CAAA;AACzD,GAAA;;AAEA;AACA,EAAA,SAAS6F,YAAYA,CAAC;AAAEd,IAAAA,QAAAA;AAAS,GAAC,EAAE;AAClC,IAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAI;AACF/E,MAAAA,SAAS,EAAEuE,IAAI,CAACxE,CAAC,CAAC,oBAAoB,CAAC,EAAEA,CAAC,CAAC,qBAAqB,CAAC,CAAE;AACnEqF,MAAAA,OAAO,EAAEhC,eAAgB;AACzBqC,MAAAA,UAAU,EAAErC,eAAgB;AAAA0B,MAAAA,QAAA,EAE3BA,QAAAA;AAAQ,KACP,CAAC,CAAA;AAET,GAAA;AAEA,EAAA,SAASjB,gBAAgBA,CAACnF,QAAQ,EAAEtC,MAAM,EAAE;AAC1C,IAAA,OAAOsC,QAAQ,EAAEnB,KAAK,KAAKnB,MAAM,EAAEmB,KAAK,CAAA;AAC1C,GAAA;AAEA,EAAA,MAAMgI,YAAY,GAAGA,CAACnJ,MAAM,EAAEwH,KAAK,KAAK;IACtC,MAAMiC,eAAe,GAAGzJ,MAAM,CAAA;IAC9B,IAAIe,iBAAiB,CAAC0I,eAAe,CAAC,IAAIA,eAAe,EAAE7I,SAAS,EAAE;AACpE,MAAA,oBAAO+H,GAAA,CAACY,eAAe,EAAA,EAAA,EAAM/B,KAAQ,CAAC,CAAA;AACxC,KAAA;IACA,MAAMkC,YAAY,GAAG1J,MAAM,CAAA;IAC3B,IAAIc,cAAc,CAAC4I,YAAY,CAAC,IAAIA,YAAY,CAAC/I,MAAM,EAAE;MACvD,oBAAOgI,GAAA,CAACa,YAAY,EAAA;QAAAd,QAAA,EAAcgB,YAAY,CAAC/I,MAAAA;AAAM,OAAA,EAA3B6G,KAA0C,CAAC,CAAA;AACvE,KAAA;AAEA,IAAA,MAAMmC,QAAQ,GAAGlC,gBAAgB,CAACnF,QAAQ,EAAEtC,MAAM,CAAC,CAAA;IACnD,MAAMmH,YAAY,GAAGnH,MAAM,CAAA;AAC3B,IAAA,MAAM4J,qBAAqB,GACzB,CAACzC,YAAY,CAACtG,QAAQ,IACtBoD,0BAA0B,KAAK4F,yCAAyC,CAACrC,KAAK,CAAC,CAAA;IAEjF,MAAM5D,SAAS,GAAGuE,IAAI,CACpBxE,CAAC,CAAC,kBAAkB,CAAC,EACrBwD,YAAY,CAACtG,QAAQ,GAAG,CAAC8C,CAAC,CAAC,UAAU,CAAC,CAAC,GAAGA,CAAC,CAAC,WAAW,CAAC,EACxD;AACE,MAAA,CAACA,CAAC,CAAC,QAAQ,CAAC,GAAGgG,QAAQ;AACvB,MAAA,CAAChG,CAAC,CAAC,2BAA2B,CAAC,GAAGiG,qBAAAA;AACpC,KACF,CAAC,CAAA;IAED,MAAM7D,aAAa,GAAGoB,YAAY,CAACtG,QAAQ,GACvCmG,eAAe,GACfgB,4BAA4B,CAACb,YAAY,CAAC,CAAA;AAE9C,IAAA;AAAA;AACE;MACAwB,GAAA,CAAA,IAAA,EAAA;AACEJ,QAAAA,GAAG,EAAEqB,qBAAqB,GAAGzF,wBAAwB,GAAGxC,SAAU;AAElEK,QAAAA,EAAE,EAAEP,oBAAoB,CAACO,EAAE,EAAEhC,MAAM,CAAE;AACrC,QAAA,eAAA,EAAe2J,QAAS;QACxB,eAAe3J,EAAAA,MAAM,CAACa,QAAS;AAC/B2H,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAC,IAAI;AACb7E,QAAAA,SAAS,EAAEA,SAAU;AACrBoF,QAAAA,OAAO,EAAEjD,aAAc;AACvBsD,QAAAA,UAAU,EAAEtD,aAAc;AAAA2C,QAAAA,QAAA,eAG1BC,GAAA,CAAA,GAAA,EAAA;UAAG9H,QAAQ,EAAEsG,YAAY,CAACtG,QAAS;UAAA6H,QAAA,eACjCC,GAAA,CAACmB,MAAM,EAAA;AAAA,YAAA,GAAK3C,YAAY;AAAEnE,YAAAA,UAAU,EAAEC,cAAAA;WAAiB,CAAA;SACtD,CAAA;AAAC,OAAA,EAbCuE,KAcH,CAAA;AAAC,MAAA;GAER,CAAA;EAED,SAASqC,yCAAyCA,CAACrC,KAAK,EAAE;IACxD,OAAO7E,OAAO,CAAC2E,MAAM,CAAC,CAACyC,GAAG,EAAE/J,MAAM,EAAEgK,YAAY,KAAK;MACnD,IAAIA,YAAY,GAAGxC,KAAK,IAAI9G,kBAAkB,CAACV,MAAM,CAAC,EAAE;QACtD,OAAO+J,GAAG,GAAG,CAAC,CAAA;AAChB,OAAA;AACA,MAAA,OAAOA,GAAG,CAAA;KACX,EAAE,CAAC,CAAC,CAAA;AACP,GAAA;AAEA,EAAA,MAAME,gBAAgB,GAAG,CAAC,CAACrH,cAAc,CAACsE,MAAM,CAAA;AAChD,EAAA,IAAIrD,IAAI,KAAKf,eAAe,IAAI7C,WAAW,CAAC,EAAE;AAC5C,IAAA,IAAIgK,gBAAgB,IAAIhG,0BAA0B,IAAI,IAAI,EAAE;MAC1DC,6BAA6B,CAAC,CAAC,CAAC,CAAA;AAClC,KAAA;AACA,IAAA,IAAI,CAAC+F,gBAAgB,IAAIhG,0BAA0B,IAAI,IAAI,EAAE;MAC3DC,6BAA6B,CAAC,IAAI,CAAC,CAAA;AACrC,KAAA;AACF,GAAA;AAEA,EAAA,oBACEoE,IAAA,CAAA,KAAA,EAAA;AAAK;AACHC,IAAAA,GAAG,EAAE9D,eAAgB;IACrBb,SAAS,EAAEuE,IAAI,CAACxE,CAAC,CAAC,WAAW,CAAC,EAAEtB,KAAK,GAAGsB,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,EAAEA,CAAC,CAAC,WAAW,CAAC,CAAE;AAC/EuG,IAAAA,SAAS,EAAErD,aAAc;AACzBsD,IAAAA,WAAW,EAAEnE,gBAAiB;AAC9BvD,IAAAA,OAAO,EAAE4D,aAAc;AACvB3D,IAAAA,MAAM,EAAE4D,YAAa;IAAAoC,QAAA,EAAA,cAErBJ,IAAA,CAAC8B,MAAM,EAAA;AACL7B,MAAAA,GAAG,EAAE7D,uBAAwB;AAAA,MAAA,GACzBrB,eAAe;AACnBrB,MAAAA,EAAE,EAAEoD,UAAW;AACf/C,MAAAA,KAAK,EAAEA,KAAM;AACbD,MAAAA,IAAI,EAAEA,IAAK;AACXiI,MAAAA,QAAQ,EAAC,QAAQ;MACjBzG,SAAS,EAAEuE,IAAI,CACbxE,CAAC,CAAC,oBAAoB,CAAC,EACvBA,CAAC,CAAC,oBAAoB,CAAC,EACvBzB,OAAO,GAAGyB,CAAC,CAAC,yBAAyB,CAAC,GAAG,IAC3C,CAAA;AACA;AAAA;AACA2G,MAAAA,IAAI,EAAE,IAAK;AACXC,MAAAA,QAAQ,EAAE,IAAK;AACf1J,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,eAAA,EAAewE,SAAU;AACzB,MAAA,eAAA,EAAexB,IAAK;AACpBmF,MAAAA,OAAO,EAAEjD,aAAc;AAAA,MAAA,GACnB3C,WAAW;AAAAsF,MAAAA,QAAA,EAEdpG,CAAAA,QAAQ,gBACPqG,GAAA,CAACmB,MAAM,EAAA;AAAA,QAAA,GAAKxH,QAAQ;AAAEU,QAAAA,UAAU,EAAEC,cAAe;QAACX,QAAQ,EAAA,IAAA;OAAE,CAAC,gBAE7DqG,GAAA,CAAA,MAAA,EAAA;AAAM/E,QAAAA,SAAS,EAAED,CAAC,CAAC,0BAA0B,CAAE;AAAA+E,QAAAA,QAAA,EAAE3G,WAAAA;OAAkB,CACpE,eACD4G,GAAA,CAAC6B,OAAAA;AACC;AAAA,QAAA;QACA5G,SAAS,EAAEuE,IAAI,CACbxE,CAAC,CAAC,SAAS,CAAC,EACZA,CAAC,CAAC,oBAAoB,CAAC,EACvBA,CAAC,CAAC,YAAY,CAAC,EACfA,CAAC,CAAC,QAAQ,CAAC,EACXA,CAAC,CAAC,mBAAmB,CACvB,CAAA;AAAE,OACH,CAAC,CAAA;KACI,CAAC,EACR4B,QAAQ,GACPX,eAAe,gBACb+D,GAAA,CAAC8B,MAAM,EAAA;AACL5G,MAAAA,IAAI,EAAEA,IAAK;MACX6G,WAAW,EAAE3H,iBAAiB,IAAIQ,aAAa,CAACuF,QAAQ,CAAC/F,iBAAiB,CAAE;AAC5E4H,MAAAA,OAAO,EAAEvE,kBAAmB;MAAAsC,QAAA,EAE3BT,iBAAiB,EAAC;AAAC,KACd,CAAC,gBAETU,GAAA,CAACiC,WAAW,EAAA;AAAC/G,MAAAA,IAAI,EAAEA,IAAK;AAAC8G,MAAAA,OAAO,EAAEvE,kBAAmB;MAAAsC,QAAA,EAClDT,iBAAiB,CAAC;AAAErE,QAAAA,SAAS,EAAEH,QAAQ,GAAG,EAAE,GAAG,OAAA;OAAS,CAAA;AAAC,KAC/C,CACd,gBAEDkF,GAAA,CAACkC,KAAK,EAAA;AACJhH,MAAAA,IAAI,EAAEA,IAAK;AACXiH,MAAAA,IAAI,EAAE,KAAM;MACZC,OAAO,EAAA,IAAA;AACPC,MAAAA,SAAS,EAAEvG,eAAgB;AAC3BwG,MAAAA,WAAW,EAAEpG,mBAAoB;MACjCqG,QAAQ,EAAEhI,UAAU,GAAGiI,QAAQ,CAACC,GAAG,GAAGD,QAAQ,CAACE,MAAO;AACtDV,MAAAA,OAAO,EAAEvE,kBAAmB;MAAAsC,QAAA,EAE3BT,iBAAiB,CAAC;AAAErE,QAAAA,SAAS,EAAE,OAAA;OAAS,CAAA;AAAC,KACrC,CACR,CAAA;AAAA,GACE,CAAC,CAAA;AAEV,CAAA;AAEA9B,MAAM,CAACwJ,SAAS,GAAG;EACjBvJ,WAAW,EAAEwJ,SAAS,CAAC9K,MAAM;EAC7BuB,EAAE,EAAEuJ,SAAS,CAAC9K,MAAM;EACpBwB,QAAQ,EAAEsJ,SAAS,CAACC,IAAI;EACxB3K,QAAQ,EAAE0K,SAAS,CAACC,IAAI;EACxBtJ,OAAO,EAAEqJ,SAAS,CAACC,IAAI;AACvBC,EAAAA,aAAa,EAAEF,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC9DvJ,EAAAA,aAAa,EAAEoJ,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAClDtJ,EAAAA,IAAI,EAAEmJ,SAAS,CAACG,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACzCrJ,KAAK,EAAEkJ,SAAS,CAACC,IAAI;AACrBlJ,EAAAA,QAAQ,EAAEiJ,SAAS,CAACI,KAAK,CAAC;AACxBxK,IAAAA,KAAK,EAAEoK,SAAS,CAACK,GAAG,CAACC,UAAU;IAC/B1L,KAAK,EAAEoL,SAAS,CAACO,IAAI;IACrBC,IAAI,EAAER,SAAS,CAACO,IAAI;IACpBxL,QAAQ,EAAEiL,SAAS,CAAC9K,MAAM;IAC1BL,IAAI,EAAEmL,SAAS,CAACO,IAAI;IACpBzL,SAAS,EAAEkL,SAAS,CAACO,IAAAA;AACvB,GAAC,CAAC;AACF;AACF;AACA;AACA;AACA;AACEvJ,EAAAA,MAAM,EAAEgJ,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACC,IAAI,EAAED,SAAS,CAACU,IAAI,CAAC,CAAC;EAC7DtJ,OAAO,EAAE4I,SAAS,CAACW,OAAO,CACxBX,SAAS,CAACI,KAAK,CAAC;IACdxK,KAAK,EAAEoK,SAAS,CAACK,GAAG;IACpBzL,KAAK,EAAEoL,SAAS,CAACO,IAAI;IACrBnL,MAAM,EAAE4K,SAAS,CAACO,IAAI;IACtBC,IAAI,EAAER,SAAS,CAACO,IAAI;IACpBxL,QAAQ,EAAEiL,SAAS,CAAC9K,MAAM;IAC1BL,IAAI,EAAEmL,SAAS,CAACO,IAAI;IACpBzL,SAAS,EAAEkL,SAAS,CAACO,IAAI;IACzBlL,SAAS,EAAE2K,SAAS,CAACC,IAAI;IACzB3K,QAAQ,EAAE0K,SAAS,CAACC,IAAI;AACxBjL,IAAAA,aAAa,EAAEgL,SAAS,CAACW,OAAO,CAACX,SAAS,CAAC9K,MAAM,CAAA;GAClD,CACH,CAAC,CAACoL,UAAU;EACZ5L,WAAW,EAAEsL,SAAS,CAAC9K,MAAM;EAC7BsC,iBAAiB,EAAEwI,SAAS,CAAC9K,MAAM;EACnCuC,UAAU,EAAEuI,SAAS,CAACY,QAAQ,CAACZ,SAAS,CAAC9K,MAAM,CAAC;EAChDyC,UAAU,EAAEqI,SAAS,CAACC,IAAI;EAC1BpI,WAAW,EAAEmI,SAAS,CAACa,MAAM;EAC7BjJ,aAAa,EAAEoI,SAAS,CAACa,MAAM;AAC/B5J,EAAAA,QAAQ,EAAE+I,SAAS,CAACU,IAAI,CAACJ,UAAU;EACnCpJ,OAAO,EAAE8I,SAAS,CAACU,IAAI;EACvBvJ,MAAM,EAAE6I,SAAS,CAACU,IAAI;AACtB;AACF;AACA;AACA;EACEpJ,cAAc,EAAE0I,SAAS,CAACU,IAAAA;AAC5B,CAAC,CAAA;AAEDnK,MAAM,CAACuK,YAAY,GAAG;AACpBrK,EAAAA,EAAE,EAAEL,SAAS;AACbI,EAAAA,WAAW,EAAEJ,SAAS;AACtBS,EAAAA,IAAI,EAAE,IAAI;AACVqJ,EAAAA,aAAa,EAAE,IAAI;AACnBtJ,EAAAA,aAAa,EAAE,IAAI;AACnBD,EAAAA,OAAO,EAAE,KAAK;AACdD,EAAAA,QAAQ,EAAE,KAAK;AACfpB,EAAAA,QAAQ,EAAE,KAAK;AACfwB,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,QAAQ,EAAE,IAAI;AACdG,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,MAAM,EAAE,IAAI;AACZG,EAAAA,cAAc,EAAElB,SAAS;AACzBY,EAAAA,MAAM,EAAE,KAAK;AACbtC,EAAAA,WAAW,EAAE,EAAE;AACf8C,EAAAA,iBAAiB,EAAEpB,SAAS;EAC5BqB,UAAU,EAAE,EAAE;AACdE,EAAAA,UAAU,EAAE,KAAK;EACjBE,WAAW,EAAE,EAAE;AACfD,EAAAA,aAAa,EAAE,EAAC;AAClB,CAAC;;;;"}

package/build/select/option/Option.js

@@ -1,16 +1,12 @@
 'use strict';
 
 var art = require('@wise/art');
-var classNames = require('classnames');
+var clsx = require('clsx');
 var React = require('react');
 var Body = require('../../body/Body.js');
 var jsxRuntime = require('react/jsx-runtime');
 var typography = require('../../common/propsValues/typography.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 function Option({
   label,
   currency = '',
@@ -37,7 +33,7 @@ function Option({
     })]
   });
   const secondaryElement = secondary && /*#__PURE__*/jsxRuntime.jsx(Body, {
-    className: classNames__default.default(selected && 'text-ellipsis'),
+    className: clsx.clsx(selected && 'text-ellipsis'),
     children: secondary
   });
   return iconElement ? /*#__PURE__*/jsxRuntime.jsxs("div", {

package/build/select/option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../src/select/option/Option.tsx"],"sourcesContent":["import { IdIconProps } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport classNames from 'classnames';\nimport { cloneElement, ReactElement, ReactNode } from 'react';\n\nimport Body from '../../body';\nimport { Typography } from '../../common';\n\nexport type Props<T> = {\n  label: ReactNode;\n  value: T;\n  currency?: string;\n  note?: ReactNode;\n  secondary?: ReactNode;\n  icon?: ReactNode;\n  /** @deprecated */\n  classNames?: Record<string, string>;\n  selected?: boolean;\n};\n\nfunction Option<T>({\n  label,\n  currency = '',\n  note = '',\n  secondary = '',\n  icon,\n  selected = false,\n}: Props<T>) {\n  const iconElement = icon\n    ? cloneElement(icon as ReactElement<IdIconProps>, {\n        size: 24,\n        className: 'tw-icon',\n      })\n    : currency && <Flag code={currency.toLowerCase()} intrinsicSize={24} />;\n\n  const titleAndNoteElement = (\n    <Body as=\"span\" type={Typography.BODY_LARGE} className={selected ? 'text-ellipsis' : undefined}>\n      {label}\n      {note && (\n        <Body as=\"span\" className=\"m-l-1\">\n          {note}\n        </Body>\n      )}\n    </Body>\n  );\n\n  const secondaryElement = secondary && (\n    <Body className={classNames(selected && 'text-ellipsis')}>{secondary}</Body>\n  );\n\n  return iconElement ? (\n    <div className=\"d-flex np-option-content\">\n      <div className={`d-flex flex-column${selected ? ' justify-content-center' : ''}`}>\n        {iconElement}\n      </div>\n      <div className=\"d-flex flex-column justify-content-center\">\n        {titleAndNoteElement}\n        {secondaryElement}\n      </div>\n    </div>\n  ) : (\n    <>\n      {iconElement}\n      {titleAndNoteElement}\n      {secondaryElement}\n    </>\n  );\n}\n\nexport default Option;\n"],"names":["Option","label","currency","note","secondary","icon","selected","iconElement","cloneElement","size","className","_jsx","Flag","code","toLowerCase","intrinsicSize","titleAndNoteElement","_jsxs","Body","as","type","Typography","BODY_LARGE","undefined","children","secondaryElement","classNames","_Fragment"],"mappings":";;;;;;;;;;;;;AAoBA,SAASA,MAAMA,CAAI;EACjBC,KAAK;AACLC,EAAAA,QAAQ,GAAG,EAAE;AACbC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,EAAE;EACdC,IAAI;AACJC,EAAAA,QAAQ,GAAG,KAAA;AACF,CAAA,EAAA;AACT,EAAA,MAAMC,WAAW,GAAGF,IAAI,gBACpBG,kBAAY,CAACH,IAAiC,EAAE;AAC9CI,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,SAAA;GACZ,CAAC,GACFR,QAAQ,iBAAIS,cAAA,CAACC,QAAI,EAAA;AAACC,IAAAA,IAAI,EAAEX,QAAQ,CAACY,WAAW,EAAG;AAACC,IAAAA,aAAa,EAAE,EAAA;AAAG,GAAA,CAAG,CAAA;AAEzE,EAAA,MAAMC,mBAAmB,gBACvBC,eAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;IAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACZ,IAAAA,SAAS,EAAEJ,QAAQ,GAAG,eAAe,GAAGiB,SAAU;AAAAC,IAAAA,QAAA,GAC5FvB,KAAK,EACLE,IAAI,iBACHQ,cAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACT,MAAAA,SAAS,EAAC,OAAO;AAAAc,MAAAA,QAAA,EAC9BrB,IAAAA;AAAI,KACD,CACP,CAAA;AAAA,GACG,CACP,CAAA;AAED,EAAA,MAAMsB,gBAAgB,GAAGrB,SAAS,iBAChCO,cAAA,CAACO,IAAI,EAAA;AAACR,IAAAA,SAAS,EAAEgB,2BAAU,CAACpB,QAAQ,IAAI,eAAe,CAAE;AAAAkB,IAAAA,QAAA,EAAEpB,SAAAA;AAAS,GAAO,CAC5E,CAAA;EAED,OAAOG,WAAW,gBAChBU,eAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,0BAA0B;AAAAc,IAAAA,QAAA,gBACvCb,cAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAE,CAAqBJ,kBAAAA,EAAAA,QAAQ,GAAG,yBAAyB,GAAG,EAAE,CAAG,CAAA;AAAAkB,MAAAA,QAAA,EAC9EjB,WAAAA;KACE,CACL,eAAAU,eAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAC,2CAA2C;MAAAc,QAAA,EAAA,CACvDR,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,KACd,CACP,CAAA;AAAA,GAAK,CAAC,gBAENR,eAAA,CAAAU,mBAAA,EAAA;AAAAH,IAAAA,QAAA,EACGjB,CAAAA,WAAW,EACXS,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,GACnB,CACD,CAAA;AACH;;;;"}
+{"version":3,"file":"Option.js","sources":["../../../src/select/option/Option.tsx"],"sourcesContent":["import { IdIconProps } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { cloneElement, ReactElement, ReactNode } from 'react';\n\nimport Body from '../../body';\nimport { Typography } from '../../common';\n\nexport type Props<T> = {\n  label: ReactNode;\n  value: T;\n  currency?: string;\n  note?: ReactNode;\n  secondary?: ReactNode;\n  icon?: ReactNode;\n  /** @deprecated */\n  classNames?: Record<string, string>;\n  selected?: boolean;\n};\n\nfunction Option<T>({\n  label,\n  currency = '',\n  note = '',\n  secondary = '',\n  icon,\n  selected = false,\n}: Props<T>) {\n  const iconElement = icon\n    ? cloneElement(icon as ReactElement<IdIconProps>, {\n        size: 24,\n        className: 'tw-icon',\n      })\n    : currency && <Flag code={currency.toLowerCase()} intrinsicSize={24} />;\n\n  const titleAndNoteElement = (\n    <Body as=\"span\" type={Typography.BODY_LARGE} className={selected ? 'text-ellipsis' : undefined}>\n      {label}\n      {note && (\n        <Body as=\"span\" className=\"m-l-1\">\n          {note}\n        </Body>\n      )}\n    </Body>\n  );\n\n  const secondaryElement = secondary && (\n    <Body className={clsx(selected && 'text-ellipsis')}>{secondary}</Body>\n  );\n\n  return iconElement ? (\n    <div className=\"d-flex np-option-content\">\n      <div className={`d-flex flex-column${selected ? ' justify-content-center' : ''}`}>\n        {iconElement}\n      </div>\n      <div className=\"d-flex flex-column justify-content-center\">\n        {titleAndNoteElement}\n        {secondaryElement}\n      </div>\n    </div>\n  ) : (\n    <>\n      {iconElement}\n      {titleAndNoteElement}\n      {secondaryElement}\n    </>\n  );\n}\n\nexport default Option;\n"],"names":["Option","label","currency","note","secondary","icon","selected","iconElement","cloneElement","size","className","_jsx","Flag","code","toLowerCase","intrinsicSize","titleAndNoteElement","_jsxs","Body","as","type","Typography","BODY_LARGE","undefined","children","secondaryElement","clsx","_Fragment"],"mappings":";;;;;;;;;AAoBA,SAASA,MAAMA,CAAI;EACjBC,KAAK;AACLC,EAAAA,QAAQ,GAAG,EAAE;AACbC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,EAAE;EACdC,IAAI;AACJC,EAAAA,QAAQ,GAAG,KAAA;AACF,CAAA,EAAA;AACT,EAAA,MAAMC,WAAW,GAAGF,IAAI,gBACpBG,kBAAY,CAACH,IAAiC,EAAE;AAC9CI,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,SAAA;GACZ,CAAC,GACFR,QAAQ,iBAAIS,cAAA,CAACC,QAAI,EAAA;AAACC,IAAAA,IAAI,EAAEX,QAAQ,CAACY,WAAW,EAAG;AAACC,IAAAA,aAAa,EAAE,EAAA;AAAG,GAAA,CAAG,CAAA;AAEzE,EAAA,MAAMC,mBAAmB,gBACvBC,eAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;IAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACZ,IAAAA,SAAS,EAAEJ,QAAQ,GAAG,eAAe,GAAGiB,SAAU;AAAAC,IAAAA,QAAA,GAC5FvB,KAAK,EACLE,IAAI,iBACHQ,cAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACT,MAAAA,SAAS,EAAC,OAAO;AAAAc,MAAAA,QAAA,EAC9BrB,IAAAA;AAAI,KACD,CACP,CAAA;AAAA,GACG,CACP,CAAA;AAED,EAAA,MAAMsB,gBAAgB,GAAGrB,SAAS,iBAChCO,cAAA,CAACO,IAAI,EAAA;AAACR,IAAAA,SAAS,EAAEgB,SAAI,CAACpB,QAAQ,IAAI,eAAe,CAAE;AAAAkB,IAAAA,QAAA,EAAEpB,SAAAA;AAAS,GAAO,CACtE,CAAA;EAED,OAAOG,WAAW,gBAChBU,eAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,0BAA0B;AAAAc,IAAAA,QAAA,gBACvCb,cAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAE,CAAqBJ,kBAAAA,EAAAA,QAAQ,GAAG,yBAAyB,GAAG,EAAE,CAAG,CAAA;AAAAkB,MAAAA,QAAA,EAC9EjB,WAAAA;KACE,CACL,eAAAU,eAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAC,2CAA2C;MAAAc,QAAA,EAAA,CACvDR,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,KACd,CACP,CAAA;AAAA,GAAK,CAAC,gBAENR,eAAA,CAAAU,mBAAA,EAAA;AAAAH,IAAAA,QAAA,EACGjB,CAAAA,WAAW,EACXS,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,GACnB,CACD,CAAA;AACH;;;;"}

package/build/select/option/Option.mjs

@@ -1,5 +1,5 @@
 import { Flag } from '@wise/art';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { cloneElement } from 'react';
 import Body from '../../body/Body.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -31,7 +31,7 @@ function Option({
     })]
   });
   const secondaryElement = secondary && /*#__PURE__*/jsx(Body, {
-    className: classNames(selected && 'text-ellipsis'),
+    className: clsx(selected && 'text-ellipsis'),
     children: secondary
   });
   return iconElement ? /*#__PURE__*/jsxs("div", {

package/build/select/option/Option.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Option.mjs","sources":["../../../src/select/option/Option.tsx"],"sourcesContent":["import { IdIconProps } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport classNames from 'classnames';\nimport { cloneElement, ReactElement, ReactNode } from 'react';\n\nimport Body from '../../body';\nimport { Typography } from '../../common';\n\nexport type Props<T> = {\n  label: ReactNode;\n  value: T;\n  currency?: string;\n  note?: ReactNode;\n  secondary?: ReactNode;\n  icon?: ReactNode;\n  /** @deprecated */\n  classNames?: Record<string, string>;\n  selected?: boolean;\n};\n\nfunction Option<T>({\n  label,\n  currency = '',\n  note = '',\n  secondary = '',\n  icon,\n  selected = false,\n}: Props<T>) {\n  const iconElement = icon\n    ? cloneElement(icon as ReactElement<IdIconProps>, {\n        size: 24,\n        className: 'tw-icon',\n      })\n    : currency && <Flag code={currency.toLowerCase()} intrinsicSize={24} />;\n\n  const titleAndNoteElement = (\n    <Body as=\"span\" type={Typography.BODY_LARGE} className={selected ? 'text-ellipsis' : undefined}>\n      {label}\n      {note && (\n        <Body as=\"span\" className=\"m-l-1\">\n          {note}\n        </Body>\n      )}\n    </Body>\n  );\n\n  const secondaryElement = secondary && (\n    <Body className={classNames(selected && 'text-ellipsis')}>{secondary}</Body>\n  );\n\n  return iconElement ? (\n    <div className=\"d-flex np-option-content\">\n      <div className={`d-flex flex-column${selected ? ' justify-content-center' : ''}`}>\n        {iconElement}\n      </div>\n      <div className=\"d-flex flex-column justify-content-center\">\n        {titleAndNoteElement}\n        {secondaryElement}\n      </div>\n    </div>\n  ) : (\n    <>\n      {iconElement}\n      {titleAndNoteElement}\n      {secondaryElement}\n    </>\n  );\n}\n\nexport default Option;\n"],"names":["Option","label","currency","note","secondary","icon","selected","iconElement","cloneElement","size","className","_jsx","Flag","code","toLowerCase","intrinsicSize","titleAndNoteElement","_jsxs","Body","as","type","Typography","BODY_LARGE","undefined","children","secondaryElement","classNames","_Fragment"],"mappings":";;;;;;;AAoBA,SAASA,MAAMA,CAAI;EACjBC,KAAK;AACLC,EAAAA,QAAQ,GAAG,EAAE;AACbC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,EAAE;EACdC,IAAI;AACJC,EAAAA,QAAQ,GAAG,KAAA;AACF,CAAA,EAAA;AACT,EAAA,MAAMC,WAAW,GAAGF,IAAI,gBACpBG,YAAY,CAACH,IAAiC,EAAE;AAC9CI,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,SAAA;GACZ,CAAC,GACFR,QAAQ,iBAAIS,GAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEX,QAAQ,CAACY,WAAW,EAAG;AAACC,IAAAA,aAAa,EAAE,EAAA;AAAG,GAAA,CAAG,CAAA;AAEzE,EAAA,MAAMC,mBAAmB,gBACvBC,IAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;IAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACZ,IAAAA,SAAS,EAAEJ,QAAQ,GAAG,eAAe,GAAGiB,SAAU;AAAAC,IAAAA,QAAA,GAC5FvB,KAAK,EACLE,IAAI,iBACHQ,GAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACT,MAAAA,SAAS,EAAC,OAAO;AAAAc,MAAAA,QAAA,EAC9BrB,IAAAA;AAAI,KACD,CACP,CAAA;AAAA,GACG,CACP,CAAA;AAED,EAAA,MAAMsB,gBAAgB,GAAGrB,SAAS,iBAChCO,GAAA,CAACO,IAAI,EAAA;AAACR,IAAAA,SAAS,EAAEgB,UAAU,CAACpB,QAAQ,IAAI,eAAe,CAAE;AAAAkB,IAAAA,QAAA,EAAEpB,SAAAA;AAAS,GAAO,CAC5E,CAAA;EAED,OAAOG,WAAW,gBAChBU,IAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,0BAA0B;AAAAc,IAAAA,QAAA,gBACvCb,GAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAE,CAAqBJ,kBAAAA,EAAAA,QAAQ,GAAG,yBAAyB,GAAG,EAAE,CAAG,CAAA;AAAAkB,MAAAA,QAAA,EAC9EjB,WAAAA;KACE,CACL,eAAAU,IAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAC,2CAA2C;MAAAc,QAAA,EAAA,CACvDR,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,KACd,CACP,CAAA;AAAA,GAAK,CAAC,gBAENR,IAAA,CAAAU,QAAA,EAAA;AAAAH,IAAAA,QAAA,EACGjB,CAAAA,WAAW,EACXS,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,GACnB,CACD,CAAA;AACH;;;;"}
+{"version":3,"file":"Option.mjs","sources":["../../../src/select/option/Option.tsx"],"sourcesContent":["import { IdIconProps } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { cloneElement, ReactElement, ReactNode } from 'react';\n\nimport Body from '../../body';\nimport { Typography } from '../../common';\n\nexport type Props<T> = {\n  label: ReactNode;\n  value: T;\n  currency?: string;\n  note?: ReactNode;\n  secondary?: ReactNode;\n  icon?: ReactNode;\n  /** @deprecated */\n  classNames?: Record<string, string>;\n  selected?: boolean;\n};\n\nfunction Option<T>({\n  label,\n  currency = '',\n  note = '',\n  secondary = '',\n  icon,\n  selected = false,\n}: Props<T>) {\n  const iconElement = icon\n    ? cloneElement(icon as ReactElement<IdIconProps>, {\n        size: 24,\n        className: 'tw-icon',\n      })\n    : currency && <Flag code={currency.toLowerCase()} intrinsicSize={24} />;\n\n  const titleAndNoteElement = (\n    <Body as=\"span\" type={Typography.BODY_LARGE} className={selected ? 'text-ellipsis' : undefined}>\n      {label}\n      {note && (\n        <Body as=\"span\" className=\"m-l-1\">\n          {note}\n        </Body>\n      )}\n    </Body>\n  );\n\n  const secondaryElement = secondary && (\n    <Body className={clsx(selected && 'text-ellipsis')}>{secondary}</Body>\n  );\n\n  return iconElement ? (\n    <div className=\"d-flex np-option-content\">\n      <div className={`d-flex flex-column${selected ? ' justify-content-center' : ''}`}>\n        {iconElement}\n      </div>\n      <div className=\"d-flex flex-column justify-content-center\">\n        {titleAndNoteElement}\n        {secondaryElement}\n      </div>\n    </div>\n  ) : (\n    <>\n      {iconElement}\n      {titleAndNoteElement}\n      {secondaryElement}\n    </>\n  );\n}\n\nexport default Option;\n"],"names":["Option","label","currency","note","secondary","icon","selected","iconElement","cloneElement","size","className","_jsx","Flag","code","toLowerCase","intrinsicSize","titleAndNoteElement","_jsxs","Body","as","type","Typography","BODY_LARGE","undefined","children","secondaryElement","clsx","_Fragment"],"mappings":";;;;;;;AAoBA,SAASA,MAAMA,CAAI;EACjBC,KAAK;AACLC,EAAAA,QAAQ,GAAG,EAAE;AACbC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,EAAE;EACdC,IAAI;AACJC,EAAAA,QAAQ,GAAG,KAAA;AACF,CAAA,EAAA;AACT,EAAA,MAAMC,WAAW,GAAGF,IAAI,gBACpBG,YAAY,CAACH,IAAiC,EAAE;AAC9CI,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,SAAA;GACZ,CAAC,GACFR,QAAQ,iBAAIS,GAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEX,QAAQ,CAACY,WAAW,EAAG;AAACC,IAAAA,aAAa,EAAE,EAAA;AAAG,GAAA,CAAG,CAAA;AAEzE,EAAA,MAAMC,mBAAmB,gBACvBC,IAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;IAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACZ,IAAAA,SAAS,EAAEJ,QAAQ,GAAG,eAAe,GAAGiB,SAAU;AAAAC,IAAAA,QAAA,GAC5FvB,KAAK,EACLE,IAAI,iBACHQ,GAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACT,MAAAA,SAAS,EAAC,OAAO;AAAAc,MAAAA,QAAA,EAC9BrB,IAAAA;AAAI,KACD,CACP,CAAA;AAAA,GACG,CACP,CAAA;AAED,EAAA,MAAMsB,gBAAgB,GAAGrB,SAAS,iBAChCO,GAAA,CAACO,IAAI,EAAA;AAACR,IAAAA,SAAS,EAAEgB,IAAI,CAACpB,QAAQ,IAAI,eAAe,CAAE;AAAAkB,IAAAA,QAAA,EAAEpB,SAAAA;AAAS,GAAO,CACtE,CAAA;EAED,OAAOG,WAAW,gBAChBU,IAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,0BAA0B;AAAAc,IAAAA,QAAA,gBACvCb,GAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAE,CAAqBJ,kBAAAA,EAAAA,QAAQ,GAAG,yBAAyB,GAAG,EAAE,CAAG,CAAA;AAAAkB,MAAAA,QAAA,EAC9EjB,WAAAA;KACE,CACL,eAAAU,IAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAC,2CAA2C;MAAAc,QAAA,EAAA,CACvDR,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,KACd,CACP,CAAA;AAAA,GAAK,CAAC,gBAENR,IAAA,CAAAU,QAAA,EAAA;AAAAH,IAAAA,QAAA,EACGjB,CAAAA,WAAW,EACXS,mBAAmB,EACnBS,gBAAgB,CAAA;AAAA,GACnB,CACD,CAAA;AACH;;;;"}

package/build/select/searchBox/SearchBox.js

@@ -1,15 +1,11 @@
 'use strict';
 
 var icons = require('@transferwise/icons');
-var classNames = require('classnames');
+var clsx = require('clsx');
 var React = require('react');
 var Input = require('../../inputs/Input.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 const SearchBox = /*#__PURE__*/React.forwardRef(({
   id,
   classNames = {},
@@ -27,9 +23,9 @@ const SearchBox = /*#__PURE__*/React.forwardRef(({
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: style('input-group'),
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: classNames__default.default('input-group-addon', 'input-group-addon--search'),
+          className: clsx.clsx('input-group-addon', 'input-group-addon--search'),
           children: /*#__PURE__*/jsxRuntime.jsx(icons.Search, {
-            className: classNames__default.default(style('tw-icon'), style('tw-icon-search')),
+            className: clsx.clsx(style('tw-icon'), style('tw-icon-search')),
             size: 24
           })
         }), /*#__PURE__*/jsxRuntime.jsx(Input.Input, {
@@ -37,7 +33,7 @@ const SearchBox = /*#__PURE__*/React.forwardRef(({
           id: id,
           role: "searchbox",
           inputMode: "search",
-          className: classNames__default.default(style('np-select-filter')),
+          className: clsx.clsx(style('np-select-filter')),
           placeholder: placeholder,
           value: value,
           spellCheck: "false",

package/build/select/searchBox/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","sources":["../../../src/select/searchBox/SearchBox.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@transferwise/icons';\nimport classnames from 'classnames';\nimport { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '../../inputs/Input';\n\ntype Props = {\n  id?: string;\n  classNames?: Record<string, string>;\n  focusedOptionId?: string;\n} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'placeholder' | 'value'>;\n\nconst SearchBox = forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      id,\n      classNames = {},\n      focusedOptionId,\n      onChange,\n      onClick,\n      placeholder = undefined,\n      value = '',\n    },\n    reference,\n  ) => {\n    const style = (className: string) => classNames[className] || className;\n    return (\n      <li className={style('border-bottom')}>\n        <a className={`${style('np-select-filter-link')} ${style('p-a-0')}`}>\n          <div className={style('input-group')}>\n            <span className={classnames('input-group-addon', 'input-group-addon--search')}>\n              <SearchIcon\n                className={classnames(style('tw-icon'), style('tw-icon-search'))}\n                size={24}\n              />\n            </span>\n            <Input\n              ref={reference}\n              id={id}\n              role=\"searchbox\"\n              inputMode=\"search\"\n              className={classnames(style('np-select-filter'))}\n              placeholder={placeholder}\n              value={value}\n              spellCheck=\"false\"\n              aria-activedescendant={focusedOptionId}\n              onChange={onChange}\n              onClick={onClick}\n            />\n          </div>\n        </a>\n      </li>\n    );\n  },\n);\n\nexport default SearchBox;\n"],"names":["SearchBox","forwardRef","id","classNames","focusedOptionId","onChange","onClick","placeholder","undefined","value","reference","style","className","_jsx","children","_jsxs","classnames","SearchIcon","size","Input","ref","role","inputMode","spellCheck"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,SAAS,gBAAGC,gBAAU,CAC1B,CACE;EACEC,EAAE;EACFC,UAAU,GAAG,EAAE;EACfC,eAAe;EACfC,QAAQ;EACRC,OAAO;AACPC,EAAAA,WAAW,GAAGC,SAAS;AACvBC,EAAAA,KAAK,GAAG,EAAA;AAAE,CACX,EACDC,SAAS,KACP;EACF,MAAMC,KAAK,GAAIC,SAAiB,IAAKT,UAAU,CAACS,SAAS,CAAC,IAAIA,SAAS,CAAA;AACvE,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AAAID,IAAAA,SAAS,EAAED,KAAK,CAAC,eAAe,CAAE;AAAAG,IAAAA,QAAA,eACpCD,cAAA,CAAA,GAAA,EAAA;MAAGD,SAAS,EAAE,CAAGD,EAAAA,KAAK,CAAC,uBAAuB,CAAC,CAAA,CAAA,EAAIA,KAAK,CAAC,OAAO,CAAC,CAAG,CAAA;AAAAG,MAAAA,QAAA,eAClEC,eAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAED,KAAK,CAAC,aAAa,CAAE;AAAAG,QAAAA,QAAA,gBACnCD,cAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAEI,2BAAU,CAAC,mBAAmB,EAAE,2BAA2B,CAAE;UAAAF,QAAA,eAC5ED,cAAA,CAACI,YAAU,EAAA;AACTL,YAAAA,SAAS,EAAEI,2BAAU,CAACL,KAAK,CAAC,SAAS,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAE;AACjEO,YAAAA,IAAI,EAAE,EAAA;WAEV,CAAA;AAAA,SAAM,CACN,eAAAL,cAAA,CAACM,WAAK,EAAA;AACJC,UAAAA,GAAG,EAAEV,SAAU;AACfR,UAAAA,EAAE,EAAEA,EAAG;AACPmB,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,SAAS,EAAC,QAAQ;AAClBV,UAAAA,SAAS,EAAEI,2BAAU,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAE;AACjDJ,UAAAA,WAAW,EAAEA,WAAY;AACzBE,UAAAA,KAAK,EAAEA,KAAM;AACbc,UAAAA,UAAU,EAAC,OAAO;AAClB,UAAA,uBAAA,EAAuBnB,eAAgB;AACvCC,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAErB,CAAA,CAAA;OAAK,CAAA;KACJ,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}
+{"version":3,"file":"SearchBox.js","sources":["../../../src/select/searchBox/SearchBox.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '../../inputs/Input';\n\ntype Props = {\n  id?: string;\n  classNames?: Record<string, string>;\n  focusedOptionId?: string;\n} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'placeholder' | 'value'>;\n\nconst SearchBox = forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      id,\n      classNames = {},\n      focusedOptionId,\n      onChange,\n      onClick,\n      placeholder = undefined,\n      value = '',\n    },\n    reference,\n  ) => {\n    const style = (className: string) => classNames[className] || className;\n    return (\n      <li className={style('border-bottom')}>\n        <a className={`${style('np-select-filter-link')} ${style('p-a-0')}`}>\n          <div className={style('input-group')}>\n            <span className={clsx('input-group-addon', 'input-group-addon--search')}>\n              <SearchIcon className={clsx(style('tw-icon'), style('tw-icon-search'))} size={24} />\n            </span>\n            <Input\n              ref={reference}\n              id={id}\n              role=\"searchbox\"\n              inputMode=\"search\"\n              className={clsx(style('np-select-filter'))}\n              placeholder={placeholder}\n              value={value}\n              spellCheck=\"false\"\n              aria-activedescendant={focusedOptionId}\n              onChange={onChange}\n              onClick={onClick}\n            />\n          </div>\n        </a>\n      </li>\n    );\n  },\n);\n\nexport default SearchBox;\n"],"names":["SearchBox","forwardRef","id","classNames","focusedOptionId","onChange","onClick","placeholder","undefined","value","reference","style","className","_jsx","children","_jsxs","clsx","SearchIcon","size","Input","ref","role","inputMode","spellCheck"],"mappings":";;;;;;;;AAYA,MAAMA,SAAS,gBAAGC,gBAAU,CAC1B,CACE;EACEC,EAAE;EACFC,UAAU,GAAG,EAAE;EACfC,eAAe;EACfC,QAAQ;EACRC,OAAO;AACPC,EAAAA,WAAW,GAAGC,SAAS;AACvBC,EAAAA,KAAK,GAAG,EAAA;AAAE,CACX,EACDC,SAAS,KACP;EACF,MAAMC,KAAK,GAAIC,SAAiB,IAAKT,UAAU,CAACS,SAAS,CAAC,IAAIA,SAAS,CAAA;AACvE,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AAAID,IAAAA,SAAS,EAAED,KAAK,CAAC,eAAe,CAAE;AAAAG,IAAAA,QAAA,eACpCD,cAAA,CAAA,GAAA,EAAA;MAAGD,SAAS,EAAE,CAAGD,EAAAA,KAAK,CAAC,uBAAuB,CAAC,CAAA,CAAA,EAAIA,KAAK,CAAC,OAAO,CAAC,CAAG,CAAA;AAAAG,MAAAA,QAAA,eAClEC,eAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAED,KAAK,CAAC,aAAa,CAAE;AAAAG,QAAAA,QAAA,gBACnCD,cAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAEI,SAAI,CAAC,mBAAmB,EAAE,2BAA2B,CAAE;UAAAF,QAAA,eACtED,cAAA,CAACI,YAAU,EAAA;AAACL,YAAAA,SAAS,EAAEI,SAAI,CAACL,KAAK,CAAC,SAAS,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAE;AAACO,YAAAA,IAAI,EAAE,EAAA;WAChF,CAAA;AAAA,SAAM,CACN,eAAAL,cAAA,CAACM,WAAK,EAAA;AACJC,UAAAA,GAAG,EAAEV,SAAU;AACfR,UAAAA,EAAE,EAAEA,EAAG;AACPmB,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,SAAS,EAAC,QAAQ;AAClBV,UAAAA,SAAS,EAAEI,SAAI,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAE;AAC3CJ,UAAAA,WAAW,EAAEA,WAAY;AACzBE,UAAAA,KAAK,EAAEA,KAAM;AACbc,UAAAA,UAAU,EAAC,OAAO;AAClB,UAAA,uBAAA,EAAuBnB,eAAgB;AACvCC,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAErB,CAAA,CAAA;OAAK,CAAA;KACJ,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}

package/build/select/searchBox/SearchBox.mjs

@@ -1,19 +1,19 @@
 import { Search } from '@transferwise/icons';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import { Input } from '../../inputs/Input.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const SearchBox = /*#__PURE__*/forwardRef(({
   id,
-  classNames: classNames$1 = {},
+  classNames = {},
   focusedOptionId,
   onChange,
   onClick,
   placeholder = undefined,
   value = ''
 }, reference) => {
-  const style = className => classNames$1[className] || className;
+  const style = className => classNames[className] || className;
   return /*#__PURE__*/jsx("li", {
     className: style('border-bottom'),
     children: /*#__PURE__*/jsx("a", {
@@ -21,9 +21,9 @@ const SearchBox = /*#__PURE__*/forwardRef(({
       children: /*#__PURE__*/jsxs("div", {
         className: style('input-group'),
         children: [/*#__PURE__*/jsx("span", {
-          className: classNames('input-group-addon', 'input-group-addon--search'),
+          className: clsx('input-group-addon', 'input-group-addon--search'),
           children: /*#__PURE__*/jsx(Search, {
-            className: classNames(style('tw-icon'), style('tw-icon-search')),
+            className: clsx(style('tw-icon'), style('tw-icon-search')),
             size: 24
           })
         }), /*#__PURE__*/jsx(Input, {
@@ -31,7 +31,7 @@ const SearchBox = /*#__PURE__*/forwardRef(({
           id: id,
           role: "searchbox",
           inputMode: "search",
-          className: classNames(style('np-select-filter')),
+          className: clsx(style('np-select-filter')),
           placeholder: placeholder,
           value: value,
           spellCheck: "false",

package/build/select/searchBox/SearchBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.mjs","sources":["../../../src/select/searchBox/SearchBox.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@transferwise/icons';\nimport classnames from 'classnames';\nimport { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '../../inputs/Input';\n\ntype Props = {\n  id?: string;\n  classNames?: Record<string, string>;\n  focusedOptionId?: string;\n} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'placeholder' | 'value'>;\n\nconst SearchBox = forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      id,\n      classNames = {},\n      focusedOptionId,\n      onChange,\n      onClick,\n      placeholder = undefined,\n      value = '',\n    },\n    reference,\n  ) => {\n    const style = (className: string) => classNames[className] || className;\n    return (\n      <li className={style('border-bottom')}>\n        <a className={`${style('np-select-filter-link')} ${style('p-a-0')}`}>\n          <div className={style('input-group')}>\n            <span className={classnames('input-group-addon', 'input-group-addon--search')}>\n              <SearchIcon\n                className={classnames(style('tw-icon'), style('tw-icon-search'))}\n                size={24}\n              />\n            </span>\n            <Input\n              ref={reference}\n              id={id}\n              role=\"searchbox\"\n              inputMode=\"search\"\n              className={classnames(style('np-select-filter'))}\n              placeholder={placeholder}\n              value={value}\n              spellCheck=\"false\"\n              aria-activedescendant={focusedOptionId}\n              onChange={onChange}\n              onClick={onClick}\n            />\n          </div>\n        </a>\n      </li>\n    );\n  },\n);\n\nexport default SearchBox;\n"],"names":["SearchBox","forwardRef","id","classNames","focusedOptionId","onChange","onClick","placeholder","undefined","value","reference","style","className","_jsx","children","_jsxs","classnames","SearchIcon","size","Input","ref","role","inputMode","spellCheck"],"mappings":";;;;;;AAYA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,CACE;EACEC,EAAE;cACFC,YAAU,GAAG,EAAE;EACfC,eAAe;EACfC,QAAQ;EACRC,OAAO;AACPC,EAAAA,WAAW,GAAGC,SAAS;AACvBC,EAAAA,KAAK,GAAG,EAAA;AAAE,CACX,EACDC,SAAS,KACP;EACF,MAAMC,KAAK,GAAIC,SAAiB,IAAKT,YAAU,CAACS,SAAS,CAAC,IAAIA,SAAS,CAAA;AACvE,EAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAID,IAAAA,SAAS,EAAED,KAAK,CAAC,eAAe,CAAE;AAAAG,IAAAA,QAAA,eACpCD,GAAA,CAAA,GAAA,EAAA;MAAGD,SAAS,EAAE,CAAGD,EAAAA,KAAK,CAAC,uBAAuB,CAAC,CAAA,CAAA,EAAIA,KAAK,CAAC,OAAO,CAAC,CAAG,CAAA;AAAAG,MAAAA,QAAA,eAClEC,IAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAED,KAAK,CAAC,aAAa,CAAE;AAAAG,QAAAA,QAAA,gBACnCD,GAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAEI,UAAU,CAAC,mBAAmB,EAAE,2BAA2B,CAAE;UAAAF,QAAA,eAC5ED,GAAA,CAACI,MAAU,EAAA;AACTL,YAAAA,SAAS,EAAEI,UAAU,CAACL,KAAK,CAAC,SAAS,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAE;AACjEO,YAAAA,IAAI,EAAE,EAAA;WAEV,CAAA;AAAA,SAAM,CACN,eAAAL,GAAA,CAACM,KAAK,EAAA;AACJC,UAAAA,GAAG,EAAEV,SAAU;AACfR,UAAAA,EAAE,EAAEA,EAAG;AACPmB,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,SAAS,EAAC,QAAQ;AAClBV,UAAAA,SAAS,EAAEI,UAAU,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAE;AACjDJ,UAAAA,WAAW,EAAEA,WAAY;AACzBE,UAAAA,KAAK,EAAEA,KAAM;AACbc,UAAAA,UAAU,EAAC,OAAO;AAClB,UAAA,uBAAA,EAAuBnB,eAAgB;AACvCC,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAErB,CAAA,CAAA;OAAK,CAAA;KACJ,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}
+{"version":3,"file":"SearchBox.mjs","sources":["../../../src/select/searchBox/SearchBox.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '../../inputs/Input';\n\ntype Props = {\n  id?: string;\n  classNames?: Record<string, string>;\n  focusedOptionId?: string;\n} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'placeholder' | 'value'>;\n\nconst SearchBox = forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      id,\n      classNames = {},\n      focusedOptionId,\n      onChange,\n      onClick,\n      placeholder = undefined,\n      value = '',\n    },\n    reference,\n  ) => {\n    const style = (className: string) => classNames[className] || className;\n    return (\n      <li className={style('border-bottom')}>\n        <a className={`${style('np-select-filter-link')} ${style('p-a-0')}`}>\n          <div className={style('input-group')}>\n            <span className={clsx('input-group-addon', 'input-group-addon--search')}>\n              <SearchIcon className={clsx(style('tw-icon'), style('tw-icon-search'))} size={24} />\n            </span>\n            <Input\n              ref={reference}\n              id={id}\n              role=\"searchbox\"\n              inputMode=\"search\"\n              className={clsx(style('np-select-filter'))}\n              placeholder={placeholder}\n              value={value}\n              spellCheck=\"false\"\n              aria-activedescendant={focusedOptionId}\n              onChange={onChange}\n              onClick={onClick}\n            />\n          </div>\n        </a>\n      </li>\n    );\n  },\n);\n\nexport default SearchBox;\n"],"names":["SearchBox","forwardRef","id","classNames","focusedOptionId","onChange","onClick","placeholder","undefined","value","reference","style","className","_jsx","children","_jsxs","clsx","SearchIcon","size","Input","ref","role","inputMode","spellCheck"],"mappings":";;;;;;AAYA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,CACE;EACEC,EAAE;EACFC,UAAU,GAAG,EAAE;EACfC,eAAe;EACfC,QAAQ;EACRC,OAAO;AACPC,EAAAA,WAAW,GAAGC,SAAS;AACvBC,EAAAA,KAAK,GAAG,EAAA;AAAE,CACX,EACDC,SAAS,KACP;EACF,MAAMC,KAAK,GAAIC,SAAiB,IAAKT,UAAU,CAACS,SAAS,CAAC,IAAIA,SAAS,CAAA;AACvE,EAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAID,IAAAA,SAAS,EAAED,KAAK,CAAC,eAAe,CAAE;AAAAG,IAAAA,QAAA,eACpCD,GAAA,CAAA,GAAA,EAAA;MAAGD,SAAS,EAAE,CAAGD,EAAAA,KAAK,CAAC,uBAAuB,CAAC,CAAA,CAAA,EAAIA,KAAK,CAAC,OAAO,CAAC,CAAG,CAAA;AAAAG,MAAAA,QAAA,eAClEC,IAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAED,KAAK,CAAC,aAAa,CAAE;AAAAG,QAAAA,QAAA,gBACnCD,GAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAEI,IAAI,CAAC,mBAAmB,EAAE,2BAA2B,CAAE;UAAAF,QAAA,eACtED,GAAA,CAACI,MAAU,EAAA;AAACL,YAAAA,SAAS,EAAEI,IAAI,CAACL,KAAK,CAAC,SAAS,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAE;AAACO,YAAAA,IAAI,EAAE,EAAA;WAChF,CAAA;AAAA,SAAM,CACN,eAAAL,GAAA,CAACM,KAAK,EAAA;AACJC,UAAAA,GAAG,EAAEV,SAAU;AACfR,UAAAA,EAAE,EAAEA,EAAG;AACPmB,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,SAAS,EAAC,QAAQ;AAClBV,UAAAA,SAAS,EAAEI,IAAI,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAE;AAC3CJ,UAAAA,WAAW,EAAEA,WAAY;AACzBE,UAAAA,KAAK,EAAEA,KAAM;AACbc,UAAAA,UAAU,EAAC,OAAO;AAClB,UAAA,uBAAA,EAAuBnB,eAAgB;AACvCC,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAErB,CAAA,CAAA;OAAK,CAAA;KACJ,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}

package/build/selectOption/SelectOption.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var classNames = require('classnames');
+var clsx = require('clsx');
 var Option = require('../common/Option/Option.js');
 var Section = require('../section/Section.js');
 var Header = require('../header/Header.js');
@@ -17,10 +17,6 @@ var breakpoint = require('../common/propsValues/breakpoint.js');
 var ResponsivePanel = require('../common/responsivePanel/ResponsivePanel.js');
 var position = require('../common/propsValues/position.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 function SelectOption({
   selected = undefined,
   options,
@@ -49,11 +45,11 @@ function SelectOption({
   }
   function getOptions(isLargeScreen = false) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classNames__default.default({
+      className: clsx.clsx({
         'np-select-option-list': isLargeScreen
       }),
       children: options.map((optionsSection, index) => /*#__PURE__*/jsxRuntime.jsxs(Section, {
-        className: classNames__default.default({
+        className: clsx.clsx({
           'p-x-2 p-y-1': isLargeScreen
         }),
         children: [optionsSection.title && /*#__PURE__*/jsxRuntime.jsx(Header.Header, {
@@ -84,7 +80,7 @@ function SelectOption({
       }),
       title: (hasSelected ? selected : placeholder).title,
       content: (hasSelected ? selected : placeholder).content,
-      className: classNames__default.default('np-select-option', 'clickable', hasSelected ? 'np-select-option-selected' : 'np-select-option-placeholder', props.className),
+      className: clsx.clsx('np-select-option', 'clickable', hasSelected ? 'np-select-option-selected' : 'np-select-option-placeholder', props.className),
       button: /*#__PURE__*/jsxRuntime.jsx("button", {
         ...inputAttributes,
         type: "button",

package/build/selectOption/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sources":["../../src/selectOption/SelectOption.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { ActionButtonProps } from '../actionButton';\nimport classNames from 'classnames';\nimport Option from '../common/Option';\nimport type { OptionProps } from '../common/Option/Option';\nimport { Breakpoint, Position } from '../common';\nimport Section from '../section';\nimport Header from '../header';\nimport { HeaderProps } from '../header/Header';\nimport NavigationOption from '../navigationOption';\nimport NavigationOptionsList from '../navigationOptionsList';\nimport { useInputAttributes } from '../inputs/contexts';\nimport messages from './SelectOption.messages';\nimport { useIntl } from 'react-intl';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport { ChevronDown, Plus } from '@transferwise/icons';\n\nexport type SelectOptiopsSection<T = unknown> = {\n  title?: HeaderProps['title'];\n  options: SelectOptionValue<T>[];\n};\n\nexport type SelectOptionValue<T = unknown> = Pick<\n  OptionProps,\n  'media' | 'title' | 'content' | 'disabled'\n> & {\n  value?: T;\n};\n\nexport type SelectOptionPlaceholder = Pick<OptionProps, 'media' | 'title' | 'content'> & {\n  actionLabel?: ActionButtonProps['children'];\n};\n\nexport type SelectOptionProps<T = unknown> = {\n  onChange: (selected: SelectOptionValue<T>) => void;\n  selected?: SelectOptionValue<T>;\n  options: SelectOptiopsSection<T>[];\n  placeholder: SelectOptionPlaceholder;\n} & Omit<\n  OptionProps,\n  'as' | 'title' | 'media' | 'content' | 'onClick' | 'onChange' | 'showMediaAtAllSizes' | 'decision'\n>;\n\nexport default function SelectOption<T>({\n  selected = undefined,\n  options,\n  onChange,\n  placeholder,\n  disabled,\n  ...props\n}: SelectOptionProps<T>) {\n  const intl = useIntl();\n  const rootRef = useRef(null);\n  const [showOptions, setShowOptions] = useState(false);\n\n  const hasSelected = selected !== undefined;\n  const isLargeScreen = useScreenSize(Breakpoint.SMALL);\n\n  const inputAttributes = useInputAttributes();\n  const ariaLabelledBy = props['aria-labelledby'] ?? inputAttributes?.['aria-labelledby'];\n\n  function handleOnClick(showOptionsStatus: boolean) {\n    return () => {\n      setShowOptions(showOptionsStatus);\n    };\n  }\n\n  function handleOnChange(data: SelectOptionValue<T>) {\n    return () => {\n      setShowOptions(false);\n      onChange(data);\n    };\n  }\n\n  function getOptions(isLargeScreen = false) {\n    return (\n      <div className={classNames({ 'np-select-option-list': isLargeScreen })}>\n        {options.map((optionsSection, index) => (\n          <Section key={index} className={classNames({ 'p-x-2 p-y-1': isLargeScreen })}>\n            {optionsSection.title && <Header title={optionsSection.title} />}\n            <NavigationOptionsList>\n              {optionsSection.options.map((option, index) => {\n                return (\n                  <NavigationOption\n                    key={index}\n                    isContainerAligned={!isLargeScreen}\n                    showMediaCircle\n                    showMediaAtAllSizes\n                    onClick={handleOnChange(option)}\n                    {...option}\n                  />\n                );\n              })}\n            </NavigationOptionsList>\n          </Section>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Option\n        ref={rootRef}\n        as=\"div\"\n        showMediaAtAllSizes\n        disabled={disabled}\n        decision={false}\n        media={hasSelected ? selected.media : placeholder.media ?? <Plus size={24} />}\n        title={(hasSelected ? selected : placeholder).title}\n        content={(hasSelected ? selected : placeholder).content}\n        className={classNames(\n          'np-select-option',\n          'clickable',\n          hasSelected ? 'np-select-option-selected' : 'np-select-option-placeholder',\n          props.className,\n        )}\n        button={\n          <button\n            {...inputAttributes}\n            type=\"button\"\n            disabled={disabled}\n            aria-labelledby={ariaLabelledBy}\n            aria-haspopup=\"dialog\"\n            aria-expanded={showOptions}\n            className={hasSelected ? 'btn-unstyled' : 'np-action-btn'}\n            aria-label={hasSelected ? undefined : props['aria-label']}\n            onClick={handleOnClick(true)}\n          >\n            {hasSelected ? (\n              <ChevronDown title={intl.formatMessage(messages.selectedActionLabel)} />\n            ) : (\n              placeholder.actionLabel || intl.formatMessage(messages.actionLabel)\n            )}\n          </button>\n        }\n      />\n      <ResponsivePanel\n        anchorWidth\n        altAxis\n        anchorRef={rootRef}\n        open={showOptions}\n        position={Position.BOTTOM}\n        onClose={handleOnClick(false)}\n      >\n        {getOptions(isLargeScreen)}\n      </ResponsivePanel>\n    </>\n  );\n}\n"],"names":["SelectOption","selected","undefined","options","onChange","placeholder","disabled","props","intl","useIntl","rootRef","useRef","showOptions","setShowOptions","useState","hasSelected","isLargeScreen","useScreenSize","Breakpoint","SMALL","inputAttributes","useInputAttributes","ariaLabelledBy","handleOnClick","showOptionsStatus","handleOnChange","data","getOptions","_jsx","className","classNames","children","map","optionsSection","index","_jsxs","Section","title","Header","NavigationOptionsList","option","NavigationOption","isContainerAligned","showMediaCircle","showMediaAtAllSizes","onClick","_Fragment","Option","ref","as","decision","media","Plus","size","content","button","type","ChevronDown","formatMessage","messages","selectedActionLabel","actionLabel","ResponsivePanel","anchorWidth","altAxis","anchorRef","open","position","Position","BOTTOM","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4CwB,SAAAA,YAAYA,CAAI;AACtCC,EAAAA,QAAQ,GAAGC,SAAS;EACpBC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACR,GAAGC,KAAAA;AACkB,CAAA,EAAA;AACrB,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;AACtB,EAAA,MAAMC,OAAO,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAC5B,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAErD,EAAA,MAAMC,WAAW,GAAGd,QAAQ,KAAKC,SAAS,CAAA;AAC1C,EAAA,MAAMc,aAAa,GAAGC,2BAAa,CAACC,qBAAU,CAACC,KAAK,CAAC,CAAA;AAErD,EAAA,MAAMC,eAAe,GAAGC,2BAAkB,EAAE,CAAA;EAC5C,MAAMC,cAAc,GAAGf,KAAK,CAAC,iBAAiB,CAAC,IAAIa,eAAe,GAAG,iBAAiB,CAAC,CAAA;EAEvF,SAASG,aAAaA,CAACC,iBAA0B,EAAA;AAC/C,IAAA,OAAO,MAAK;MACVX,cAAc,CAACW,iBAAiB,CAAC,CAAA;KAClC,CAAA;AACH,GAAA;EAEA,SAASC,cAAcA,CAACC,IAA0B,EAAA;AAChD,IAAA,OAAO,MAAK;MACVb,cAAc,CAAC,KAAK,CAAC,CAAA;MACrBT,QAAQ,CAACsB,IAAI,CAAC,CAAA;KACf,CAAA;AACH,GAAA;AAEA,EAAA,SAASC,UAAUA,CAACX,aAAa,GAAG,KAAK,EAAA;AACvC,IAAA,oBACEY,cAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,2BAAU,CAAC;AAAE,QAAA,uBAAuB,EAAEd,aAAAA;AAAe,OAAA,CAAE;AAAAe,MAAAA,QAAA,EACpE5B,OAAO,CAAC6B,GAAG,CAAC,CAACC,cAAc,EAAEC,KAAK,kBACjCC,eAAA,CAACC,OAAO,EAAA;QAAaP,SAAS,EAAEC,2BAAU,CAAC;AAAE,UAAA,aAAa,EAAEd,aAAAA;AAAe,SAAA,CAAE;AAAAe,QAAAA,QAAA,GAC1EE,cAAc,CAACI,KAAK,iBAAIT,cAAA,CAACU,aAAM,EAAA;UAACD,KAAK,EAAEJ,cAAc,CAACI,KAAAA;AAAM,UAAG,eAChET,cAAA,CAACW,qBAAqB,EAAA;UAAAR,QAAA,EACnBE,cAAc,CAAC9B,OAAO,CAAC6B,GAAG,CAAC,CAACQ,MAAM,EAAEN,KAAK,KAAI;YAC5C,oBACEN,cAAA,CAACa,gBAAgB,EAAA;cAEfC,kBAAkB,EAAE,CAAC1B,aAAc;cACnC2B,eAAe,EAAA,IAAA;cACfC,mBAAmB,EAAA,IAAA;AACnBC,cAAAA,OAAO,EAAEpB,cAAc,CAACe,MAAM,CAAE;cAAA,GAC5BA,MAAAA;AAAM,aAAA,EALLN,KAKM,CACX,CAAA;WAEL,CAAA;AAAC,SACmB,CACzB,CAAA;AAAA,OAAA,EAhBcA,KAgBL,CACV,CAAA;AAAC,KACC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACEC,eAAA,CAAAW,mBAAA,EAAA;IAAAf,QAAA,EAAA,cACEH,cAAA,CAACmB,MAAM,EAAA;AACLC,MAAAA,GAAG,EAAEtC,OAAQ;AACbuC,MAAAA,EAAE,EAAC,KAAK;MACRL,mBAAmB,EAAA,IAAA;AACnBtC,MAAAA,QAAQ,EAAEA,QAAS;AACnB4C,MAAAA,QAAQ,EAAE,KAAM;AAChBC,MAAAA,KAAK,EAAEpC,WAAW,GAAGd,QAAQ,CAACkD,KAAK,GAAG9C,WAAW,CAAC8C,KAAK,iBAAIvB,cAAA,CAACwB,UAAI,EAAA;AAACC,QAAAA,IAAI,EAAE,EAAA;AAAG,OAAA,CAAI;MAC9EhB,KAAK,EAAE,CAACtB,WAAW,GAAGd,QAAQ,GAAGI,WAAW,EAAEgC,KAAM;MACpDiB,OAAO,EAAE,CAACvC,WAAW,GAAGd,QAAQ,GAAGI,WAAW,EAAEiD,OAAQ;AACxDzB,MAAAA,SAAS,EAAEC,2BAAU,CACnB,kBAAkB,EAClB,WAAW,EACXf,WAAW,GAAG,2BAA2B,GAAG,8BAA8B,EAC1ER,KAAK,CAACsB,SAAS,CACf;AACF0B,MAAAA,MAAM,eACJ3B,cAAA,CAAA,QAAA,EAAA;AAAA,QAAA,GACMR,eAAe;AACnBoC,QAAAA,IAAI,EAAC,QAAQ;AACblD,QAAAA,QAAQ,EAAEA,QAAS;AACnB,QAAA,iBAAA,EAAiBgB,cAAe;AAChC,QAAA,eAAA,EAAc,QAAQ;AACtB,QAAA,eAAA,EAAeV,WAAY;AAC3BiB,QAAAA,SAAS,EAAEd,WAAW,GAAG,cAAc,GAAG,eAAgB;AAC1D,QAAA,YAAA,EAAYA,WAAW,GAAGb,SAAS,GAAGK,KAAK,CAAC,YAAY,CAAE;AAC1DsC,QAAAA,OAAO,EAAEtB,aAAa,CAAC,IAAI,CAAE;AAAAQ,QAAAA,QAAA,EAE5BhB,WAAW,gBACVa,cAAA,CAAC6B,iBAAW,EAAA;AAACpB,UAAAA,KAAK,EAAE7B,IAAI,CAACkD,aAAa,CAACC,qBAAQ,CAACC,mBAAmB,CAAA;AAAE,SAAA,CAAG,GAExEvD,WAAW,CAACwD,WAAW,IAAIrD,IAAI,CAACkD,aAAa,CAACC,qBAAQ,CAACE,WAAW,CAAA;OAE9D,CAAA;AACT,KAEH,CAAA,eAAAjC,cAAA,CAACkC,eAAe,EAAA;MACdC,WAAW,EAAA,IAAA;MACXC,OAAO,EAAA,IAAA;AACPC,MAAAA,SAAS,EAAEvD,OAAQ;AACnBwD,MAAAA,IAAI,EAAEtD,WAAY;MAClBuD,QAAQ,EAAEC,iBAAQ,CAACC,MAAO;AAC1BC,MAAAA,OAAO,EAAE/C,aAAa,CAAC,KAAK,CAAE;MAAAQ,QAAA,EAE7BJ,UAAU,CAACX,aAAa,CAAA;AAAC,KACX,CACnB,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}
+{"version":3,"file":"SelectOption.js","sources":["../../src/selectOption/SelectOption.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { ActionButtonProps } from '../actionButton';\nimport { clsx } from 'clsx';\nimport Option from '../common/Option';\nimport type { OptionProps } from '../common/Option/Option';\nimport { Breakpoint, Position } from '../common';\nimport Section from '../section';\nimport Header from '../header';\nimport { HeaderProps } from '../header/Header';\nimport NavigationOption from '../navigationOption';\nimport NavigationOptionsList from '../navigationOptionsList';\nimport { useInputAttributes } from '../inputs/contexts';\nimport messages from './SelectOption.messages';\nimport { useIntl } from 'react-intl';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport { ChevronDown, Plus } from '@transferwise/icons';\n\nexport type SelectOptiopsSection<T = unknown> = {\n  title?: HeaderProps['title'];\n  options: SelectOptionValue<T>[];\n};\n\nexport type SelectOptionValue<T = unknown> = Pick<\n  OptionProps,\n  'media' | 'title' | 'content' | 'disabled'\n> & {\n  value?: T;\n};\n\nexport type SelectOptionPlaceholder = Pick<OptionProps, 'media' | 'title' | 'content'> & {\n  actionLabel?: ActionButtonProps['children'];\n};\n\nexport type SelectOptionProps<T = unknown> = {\n  onChange: (selected: SelectOptionValue<T>) => void;\n  selected?: SelectOptionValue<T>;\n  options: SelectOptiopsSection<T>[];\n  placeholder: SelectOptionPlaceholder;\n} & Omit<\n  OptionProps,\n  'as' | 'title' | 'media' | 'content' | 'onClick' | 'onChange' | 'showMediaAtAllSizes' | 'decision'\n>;\n\nexport default function SelectOption<T>({\n  selected = undefined,\n  options,\n  onChange,\n  placeholder,\n  disabled,\n  ...props\n}: SelectOptionProps<T>) {\n  const intl = useIntl();\n  const rootRef = useRef(null);\n  const [showOptions, setShowOptions] = useState(false);\n\n  const hasSelected = selected !== undefined;\n  const isLargeScreen = useScreenSize(Breakpoint.SMALL);\n\n  const inputAttributes = useInputAttributes();\n  const ariaLabelledBy = props['aria-labelledby'] ?? inputAttributes?.['aria-labelledby'];\n\n  function handleOnClick(showOptionsStatus: boolean) {\n    return () => {\n      setShowOptions(showOptionsStatus);\n    };\n  }\n\n  function handleOnChange(data: SelectOptionValue<T>) {\n    return () => {\n      setShowOptions(false);\n      onChange(data);\n    };\n  }\n\n  function getOptions(isLargeScreen = false) {\n    return (\n      <div className={clsx({ 'np-select-option-list': isLargeScreen })}>\n        {options.map((optionsSection, index) => (\n          <Section key={index} className={clsx({ 'p-x-2 p-y-1': isLargeScreen })}>\n            {optionsSection.title && <Header title={optionsSection.title} />}\n            <NavigationOptionsList>\n              {optionsSection.options.map((option, index) => {\n                return (\n                  <NavigationOption\n                    key={index}\n                    isContainerAligned={!isLargeScreen}\n                    showMediaCircle\n                    showMediaAtAllSizes\n                    onClick={handleOnChange(option)}\n                    {...option}\n                  />\n                );\n              })}\n            </NavigationOptionsList>\n          </Section>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Option\n        ref={rootRef}\n        as=\"div\"\n        showMediaAtAllSizes\n        disabled={disabled}\n        decision={false}\n        media={hasSelected ? selected.media : (placeholder.media ?? <Plus size={24} />)}\n        title={(hasSelected ? selected : placeholder).title}\n        content={(hasSelected ? selected : placeholder).content}\n        className={clsx(\n          'np-select-option',\n          'clickable',\n          hasSelected ? 'np-select-option-selected' : 'np-select-option-placeholder',\n          props.className,\n        )}\n        button={\n          <button\n            {...inputAttributes}\n            type=\"button\"\n            disabled={disabled}\n            aria-labelledby={ariaLabelledBy}\n            aria-haspopup=\"dialog\"\n            aria-expanded={showOptions}\n            className={hasSelected ? 'btn-unstyled' : 'np-action-btn'}\n            aria-label={hasSelected ? undefined : props['aria-label']}\n            onClick={handleOnClick(true)}\n          >\n            {hasSelected ? (\n              <ChevronDown title={intl.formatMessage(messages.selectedActionLabel)} />\n            ) : (\n              placeholder.actionLabel || intl.formatMessage(messages.actionLabel)\n            )}\n          </button>\n        }\n      />\n      <ResponsivePanel\n        anchorWidth\n        altAxis\n        anchorRef={rootRef}\n        open={showOptions}\n        position={Position.BOTTOM}\n        onClose={handleOnClick(false)}\n      >\n        {getOptions(isLargeScreen)}\n      </ResponsivePanel>\n    </>\n  );\n}\n"],"names":["SelectOption","selected","undefined","options","onChange","placeholder","disabled","props","intl","useIntl","rootRef","useRef","showOptions","setShowOptions","useState","hasSelected","isLargeScreen","useScreenSize","Breakpoint","SMALL","inputAttributes","useInputAttributes","ariaLabelledBy","handleOnClick","showOptionsStatus","handleOnChange","data","getOptions","_jsx","className","clsx","children","map","optionsSection","index","_jsxs","Section","title","Header","NavigationOptionsList","option","NavigationOption","isContainerAligned","showMediaCircle","showMediaAtAllSizes","onClick","_Fragment","Option","ref","as","decision","media","Plus","size","content","button","type","ChevronDown","formatMessage","messages","selectedActionLabel","actionLabel","ResponsivePanel","anchorWidth","altAxis","anchorRef","open","position","Position","BOTTOM","onClose"],"mappings":"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"}