@transferwise/components 0.0.0-experimental-bcfa03a → 0.0.0-experimental-5cd0315

package/src/main.css

@@ -3976,49 +3976,27 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   color: #5d7079;
   color: var(--color-content-secondary);
 }
-.np-select-input-option-container {
-  display: flex;
-  cursor: default;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  align-items: center;
-  -moz-column-gap: 8px;
-       column-gap: 8px;
-  -moz-column-gap: var(--size-8);
-       column-gap: var(--size-8);
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  padding: 12px 16px;
-  padding: var(--size-12) var(--size-16);
-  color: var(--color-interactive-primary);
-}
-.np-select-input-option-container:focus {
-  outline: none;
-}
-.np-select-input-option-container--active {
-  box-shadow: inset 0 0 0 1px #c9cbce;
-  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
-}
-.np-select-input-option-container--disabled {
-  opacity: 0.45;
+.np-select-input-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.np-select-input-option {
-  flex: 1;
+.np-select-input-placeholder {
+  color: #768e9c;
+  color: var(--color-content-tertiary);
 }
-.np-select-input-option-check--not-selected {
-  visibility: hidden;
+.np-select-input-options-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
 }
-.np-select-input-group-item--without-needle:first-child {
-  margin-top: calc(-1 * 8px);
-  margin-top: calc(-1 * var(--size-8));
+.np-select-input-options-container:focus {
+  outline: none;
 }
-.np-select-input-group-item-header {
-  position: sticky;
-  top: 0px;
-  z-index: 10;
-  background-color: #ffffff;
-  background-color: var(--color-background-elevated);
+@media (min-width: 576px) {
+  .np-select-input-options-container {
+    max-height: 28rem /* 448px */;
+  }
 }
 .np-select-input-options-status {
   display: flex;
@@ -4084,22 +4062,54 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   contain: strict;
   height: 100%;
 }
-.np-select-input-options-container {
+.np-select-input-separator-item {
+  margin: 8px;
+  margin: var(--size-8);
+  border-top-width: 1px;
+}
+.np-select-input-group-item--without-needle:first-child {
+  margin-top: calc(-1 * 8px);
+  margin-top: calc(-1 * var(--size-8));
+}
+.np-select-input-group-item-header {
+  position: sticky;
+  top: 0px;
+  z-index: 10;
+  background-color: #ffffff;
+  background-color: var(--color-background-elevated);
+}
+.np-select-input-option-container {
   display: flex;
-  height: 100%;
-  flex-direction: column;
+  cursor: default;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  -moz-column-gap: var(--size-8);
+       column-gap: var(--size-8);
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  padding: 12px 16px;
+  padding: var(--size-12) var(--size-16);
+  color: var(--color-interactive-primary);
 }
-.np-select-input-options-container:focus {
+.np-select-input-option-container:focus {
   outline: none;
 }
-@media (min-width: 576px) {
-  .np-select-input-options-container {
-    max-height: 28rem /* 448px */;
-  }
+.np-select-input-option-container--active {
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
 }
-.np-select-input-footer {
-  padding: 4px 24px 16px;
-  padding: var(--size-4) var(--size-24) var(--size-16);
+.np-select-input-option-container--disabled {
+  opacity: 0.45;
+}
+.np-select-input-option-check--not-selected {
+  visibility: hidden;
+}
+.np-select-input-option {
+  flex: 1;
 }
 .np-select-input-option-content-container {
   display: flex;
@@ -4138,6 +4148,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-left: 8px;
   margin-left: var(--size-8);
 }
+.np-select-input-footer {
+  padding: 4px 24px 16px;
+  padding: var(--size-4) var(--size-24) var(--size-16);
+}
 .np-select-input-addon-container {
   pointer-events: none;
   margin-inline-start: 4px;
@@ -4149,21 +4163,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-inline-start: 4px;
   margin-inline-start: var(--size-4);
 }
-.np-select-input-addon-separator {
-  height: 24px;
-  height: var(--size-24);
-  border-inline-start: 1px solid rgba(0,0,0,0.10196);
-  border-inline-start: 1px solid var(--color-border-neutral);
-}
-.np-select-input-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.np-select-input-placeholder {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-}
 .np-select-input-addon {
   border-width: 0;
   background: none;
@@ -4193,6 +4192,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
+.np-select-input-addon-separator {
+  height: 24px;
+  height: var(--size-24);
+  border-inline-start: 1px solid rgba(0,0,0,0.10196);
+  border-inline-start: 1px solid var(--color-border-neutral);
+}
 .np-text-area {
   min-height: 72px;
   min-height: var(--size-72);

package/src/main.less

@@ -44,7 +44,7 @@
 @import "./listItem/ListItem.less";
 @import "./field/Field.less";
 @import "./inputs/InputGroup.less";
-@import "./inputs/SelectInput/SelectInput.less";
+@import "./inputs/SelectInput.less";
 @import "./inputs/TextArea.less";
 @import "./instructionsList/InstructionsList.less";
 @import "./link/Link.less";

package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var clsx = require('clsx');
-var reactIntl = require('react-intl');
-var DateTrigger_messages = require('../../../../dateLookup/dateTrigger/DateTrigger.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function SelectInputClearButton({
-  className,
-  onClick
-}) {
-  const intl = reactIntl.useIntl();
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
-    type: "button",
-    "aria-label": intl.formatMessage(DateTrigger_messages.default.ariaLabel),
-    className: clsx.clsx(className, 'np-select-input-addon np-select-input-addon--interactive'),
-    onClick: onClick,
-    children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {
-      size: 16
-    })
-  });
-}
-
-exports.SelectInputClearButton = SelectInputClearButton;
-//# sourceMappingURL=SelectInputClearButton.js.map

package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputClearButton.js","sources":["../../../../../src/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport dateTriggerMessages from '../../../../dateLookup/dateTrigger/DateTrigger.messages';\n\ninterface SelectInputClearButtonProps extends Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'className' | 'onClick'\n> {}\n\nexport function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps) {\n  const intl = useIntl();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={intl.formatMessage(dateTriggerMessages.ariaLabel)}\n      className={clsx(className, 'np-select-input-addon np-select-input-addon--interactive')}\n      onClick={onClick}\n    >\n      <Cross size={16} />\n    </button>\n  );\n}\n"],"names":["SelectInputClearButton","className","onClick","intl","useIntl","_jsx","type","formatMessage","dateTriggerMessages","ariaLabel","clsx","children","Cross","size"],"mappings":";;;;;;;;SAWgBA,sBAAsBA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAAO,CAA+B,EAAA;AACxF,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtB,EAAA,oBACEC,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYH,IAAI,CAACI,aAAa,CAACC,4BAAmB,CAACC,SAAS,CAAE;AAC9DR,IAAAA,SAAS,EAAES,SAAI,CAACT,SAAS,EAAE,0DAA0D,CAAE;AACvFC,IAAAA,OAAO,EAAEA,OAAQ;IAAAS,QAAA,eAEjBN,cAAA,CAACO,WAAK,EAAA;AAACC,MAAAA,IAAI,EAAE;KAAG;AAClB,GAAQ,CAAC;AAEb;;;;"}

package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.mjs

@@ -1,24 +0,0 @@
-import { Cross } from '@transferwise/icons';
-import { clsx } from 'clsx';
-import { useIntl } from 'react-intl';
-import messages from '../../../../dateLookup/dateTrigger/DateTrigger.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function SelectInputClearButton({
-  className,
-  onClick
-}) {
-  const intl = useIntl();
-  return /*#__PURE__*/jsx("button", {
-    type: "button",
-    "aria-label": intl.formatMessage(messages.ariaLabel),
-    className: clsx(className, 'np-select-input-addon np-select-input-addon--interactive'),
-    onClick: onClick,
-    children: /*#__PURE__*/jsx(Cross, {
-      size: 16
-    })
-  });
-}
-
-export { SelectInputClearButton };
-//# sourceMappingURL=SelectInputClearButton.mjs.map

package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputClearButton.mjs","sources":["../../../../../src/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport dateTriggerMessages from '../../../../dateLookup/dateTrigger/DateTrigger.messages';\n\ninterface SelectInputClearButtonProps extends Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'className' | 'onClick'\n> {}\n\nexport function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps) {\n  const intl = useIntl();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={intl.formatMessage(dateTriggerMessages.ariaLabel)}\n      className={clsx(className, 'np-select-input-addon np-select-input-addon--interactive')}\n      onClick={onClick}\n    >\n      <Cross size={16} />\n    </button>\n  );\n}\n"],"names":["SelectInputClearButton","className","onClick","intl","useIntl","_jsx","type","formatMessage","dateTriggerMessages","ariaLabel","clsx","children","Cross","size"],"mappings":";;;;;;SAWgBA,sBAAsBA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAAO,CAA+B,EAAA;AACxF,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AAEtB,EAAA,oBACEC,GAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYH,IAAI,CAACI,aAAa,CAACC,QAAmB,CAACC,SAAS,CAAE;AAC9DR,IAAAA,SAAS,EAAES,IAAI,CAACT,SAAS,EAAE,0DAA0D,CAAE;AACvFC,IAAAA,OAAO,EAAEA,OAAQ;IAAAS,QAAA,eAEjBN,GAAA,CAACO,KAAK,EAAA;AAACC,MAAAA,IAAI,EAAE;KAAG;AAClB,GAAQ,CAAC;AAEb;;;;"}

package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var clsx = require('clsx');
-var _ButtonInput = require('../../_ButtonInput.js');
-var InputGroup = require('../../InputGroup.js');
-var SelectInputTriggerButton = require('../TriggerButton/SelectInputTriggerButton.js');
-var SelectInputClearButton = require('./ClearButton/SelectInputClearButton.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SelectInputDefaultTrigger = ({
-  content,
-  placeholderShown,
-  clear,
-  disabled,
-  size,
-  className
-}) => /*#__PURE__*/jsxRuntime.jsx(InputGroup.InputGroup, {
-  addonEnd: {
-    content: /*#__PURE__*/jsxRuntime.jsxs("span", {
-      className: clsx.clsx('np-select-input-addon-container', disabled && 'disabled'),
-      children: [clear != null && !placeholderShown ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(SelectInputClearButton.SelectInputClearButton, {
-          onClick: event => {
-            event.preventDefault();
-            clear();
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "np-select-input-addon-separator"
-        })]
-      }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "np-select-input-addon",
-        children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {
-          size: 16
-        })
-      })]
-    }),
-    initialContentWidth: 24 + 4,
-    padding: 'sm'
-  },
-  disabled: disabled,
-  className: className,
-  children: /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButton.SelectInputTriggerButton, {
-    as: _ButtonInput.ButtonInput,
-    size: size,
-    children: /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: clsx.clsx('np-select-input-content', placeholderShown && 'np-select-input-placeholder'),
-      children: content
-    })
-  })
-});
-
-exports.SelectInputDefaultTrigger = SelectInputDefaultTrigger;
-//# sourceMappingURL=SelectInputDefaultTrigger.js.map

package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputDefaultTrigger.js","sources":["../../../../src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@transferwise/icons';\nimport { clsx } from 'clsx';\n\nimport { ButtonInput } from '../../_ButtonInput';\nimport { InputGroup } from '../../InputGroup';\nimport { SelectInputTriggerButton } from '../TriggerButton';\nimport type { SelectInputProps } from '../SelectInput.types';\nimport { SelectInputClearButton } from './ClearButton';\n\nexport const SelectInputDefaultTrigger = (({\n  content,\n  placeholderShown,\n  clear,\n  disabled,\n  size,\n  className,\n}) => (\n  <InputGroup\n    addonEnd={{\n      content: (\n        <span className={clsx('np-select-input-addon-container', disabled && 'disabled')}>\n          {clear != null && !placeholderShown ? (\n            <>\n              <SelectInputClearButton\n                onClick={(event) => {\n                  event.preventDefault();\n                  clear();\n                }}\n              />\n              <span className=\"np-select-input-addon-separator\" />\n            </>\n          ) : null}\n\n          <span className=\"np-select-input-addon\">\n            <ChevronDown size={16} />\n          </span>\n        </span>\n      ),\n      initialContentWidth: 24 + 4,\n      padding: 'sm',\n    }}\n    disabled={disabled}\n    className={className}\n  >\n    <SelectInputTriggerButton as={ButtonInput} size={size}>\n      <span\n        className={clsx(\n          'np-select-input-content',\n          placeholderShown && 'np-select-input-placeholder',\n        )}\n      >\n        {content}\n      </span>\n    </SelectInputTriggerButton>\n  </InputGroup>\n)) satisfies SelectInputProps['renderTrigger'];\n"],"names":["SelectInputDefaultTrigger","content","placeholderShown","clear","disabled","size","className","_jsx","InputGroup","addonEnd","_jsxs","clsx","children","_Fragment","SelectInputClearButton","onClick","event","preventDefault","ChevronDown","initialContentWidth","padding","SelectInputTriggerButton","as","ButtonInput"],"mappings":";;;;;;;;;;AASO,MAAMA,yBAAyB,GAAIA,CAAC;EACzCC,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,QAAQ;EACRC,IAAI;AACJC,EAAAA;AAAS,CACV,kBACCC,cAAA,CAACC,qBAAU,EAAA;AACTC,EAAAA,QAAQ,EAAE;AACRR,IAAAA,OAAO,eACLS,eAAA,CAAA,MAAA,EAAA;MAAMJ,SAAS,EAAEK,SAAI,CAAC,iCAAiC,EAAEP,QAAQ,IAAI,UAAU,CAAE;MAAAQ,QAAA,EAAA,CAC9ET,KAAK,IAAI,IAAI,IAAI,CAACD,gBAAgB,gBACjCQ,eAAA,CAAAG,mBAAA,EAAA;QAAAD,QAAA,EAAA,cACEL,cAAA,CAACO,6CAAsB,EAAA;UACrBC,OAAO,EAAGC,KAAK,IAAI;YACjBA,KAAK,CAACC,cAAc,EAAE;AACtBd,YAAAA,KAAK,EAAE;AACT,UAAA;SAAE,CAEJ,eAAAI,cAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAC;AAAiC,SAAA,CACnD;AAAA,OAAA,CAAG,GACD,IAAI,eAERC,cAAA,CAAA,MAAA,EAAA;AAAMD,QAAAA,SAAS,EAAC,uBAAuB;QAAAM,QAAA,eACrCL,cAAA,CAACW,iBAAW,EAAA;AAACb,UAAAA,IAAI,EAAE;SAAG;AACxB,OAAM,CACR;AAAA,KAAM,CACP;IACDc,mBAAmB,EAAE,EAAE,GAAG,CAAC;AAC3BC,IAAAA,OAAO,EAAE;GACT;AACFhB,EAAAA,QAAQ,EAAEA,QAAS;AACnBE,EAAAA,SAAS,EAAEA,SAAU;EAAAM,QAAA,eAErBL,cAAA,CAACc,iDAAwB,EAAA;AAACC,IAAAA,EAAE,EAAEC,wBAAY;AAAClB,IAAAA,IAAI,EAAEA,IAAK;AAAAO,IAAAA,QAAA,eACpDL,cAAA,CAAA,MAAA,EAAA;MACED,SAAS,EAAEK,SAAI,CACb,yBAAyB,EACzBT,gBAAgB,IAAI,6BAA6B,CACjD;AAAAU,MAAAA,QAAA,EAEDX;KACG;GACkB;AAC5B,CAAY;;;;"}

package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.mjs

@@ -1,52 +0,0 @@
-import { ChevronDown } from '@transferwise/icons';
-import { clsx } from 'clsx';
-import { ButtonInput } from '../../_ButtonInput.mjs';
-import { InputGroup } from '../../InputGroup.mjs';
-import { SelectInputTriggerButton } from '../TriggerButton/SelectInputTriggerButton.mjs';
-import { SelectInputClearButton } from './ClearButton/SelectInputClearButton.mjs';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-const SelectInputDefaultTrigger = ({
-  content,
-  placeholderShown,
-  clear,
-  disabled,
-  size,
-  className
-}) => /*#__PURE__*/jsx(InputGroup, {
-  addonEnd: {
-    content: /*#__PURE__*/jsxs("span", {
-      className: clsx('np-select-input-addon-container', disabled && 'disabled'),
-      children: [clear != null && !placeholderShown ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(SelectInputClearButton, {
-          onClick: event => {
-            event.preventDefault();
-            clear();
-          }
-        }), /*#__PURE__*/jsx("span", {
-          className: "np-select-input-addon-separator"
-        })]
-      }) : null, /*#__PURE__*/jsx("span", {
-        className: "np-select-input-addon",
-        children: /*#__PURE__*/jsx(ChevronDown, {
-          size: 16
-        })
-      })]
-    }),
-    initialContentWidth: 24 + 4,
-    padding: 'sm'
-  },
-  disabled: disabled,
-  className: className,
-  children: /*#__PURE__*/jsx(SelectInputTriggerButton, {
-    as: ButtonInput,
-    size: size,
-    children: /*#__PURE__*/jsx("span", {
-      className: clsx('np-select-input-content', placeholderShown && 'np-select-input-placeholder'),
-      children: content
-    })
-  })
-});
-
-export { SelectInputDefaultTrigger };
-//# sourceMappingURL=SelectInputDefaultTrigger.mjs.map

package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputDefaultTrigger.mjs","sources":["../../../../src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@transferwise/icons';\nimport { clsx } from 'clsx';\n\nimport { ButtonInput } from '../../_ButtonInput';\nimport { InputGroup } from '../../InputGroup';\nimport { SelectInputTriggerButton } from '../TriggerButton';\nimport type { SelectInputProps } from '../SelectInput.types';\nimport { SelectInputClearButton } from './ClearButton';\n\nexport const SelectInputDefaultTrigger = (({\n  content,\n  placeholderShown,\n  clear,\n  disabled,\n  size,\n  className,\n}) => (\n  <InputGroup\n    addonEnd={{\n      content: (\n        <span className={clsx('np-select-input-addon-container', disabled && 'disabled')}>\n          {clear != null && !placeholderShown ? (\n            <>\n              <SelectInputClearButton\n                onClick={(event) => {\n                  event.preventDefault();\n                  clear();\n                }}\n              />\n              <span className=\"np-select-input-addon-separator\" />\n            </>\n          ) : null}\n\n          <span className=\"np-select-input-addon\">\n            <ChevronDown size={16} />\n          </span>\n        </span>\n      ),\n      initialContentWidth: 24 + 4,\n      padding: 'sm',\n    }}\n    disabled={disabled}\n    className={className}\n  >\n    <SelectInputTriggerButton as={ButtonInput} size={size}>\n      <span\n        className={clsx(\n          'np-select-input-content',\n          placeholderShown && 'np-select-input-placeholder',\n        )}\n      >\n        {content}\n      </span>\n    </SelectInputTriggerButton>\n  </InputGroup>\n)) satisfies SelectInputProps['renderTrigger'];\n"],"names":["SelectInputDefaultTrigger","content","placeholderShown","clear","disabled","size","className","_jsx","InputGroup","addonEnd","_jsxs","clsx","children","_Fragment","SelectInputClearButton","onClick","event","preventDefault","ChevronDown","initialContentWidth","padding","SelectInputTriggerButton","as","ButtonInput"],"mappings":";;;;;;;;AASO,MAAMA,yBAAyB,GAAIA,CAAC;EACzCC,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,QAAQ;EACRC,IAAI;AACJC,EAAAA;AAAS,CACV,kBACCC,GAAA,CAACC,UAAU,EAAA;AACTC,EAAAA,QAAQ,EAAE;AACRR,IAAAA,OAAO,eACLS,IAAA,CAAA,MAAA,EAAA;MAAMJ,SAAS,EAAEK,IAAI,CAAC,iCAAiC,EAAEP,QAAQ,IAAI,UAAU,CAAE;MAAAQ,QAAA,EAAA,CAC9ET,KAAK,IAAI,IAAI,IAAI,CAACD,gBAAgB,gBACjCQ,IAAA,CAAAG,QAAA,EAAA;QAAAD,QAAA,EAAA,cACEL,GAAA,CAACO,sBAAsB,EAAA;UACrBC,OAAO,EAAGC,KAAK,IAAI;YACjBA,KAAK,CAACC,cAAc,EAAE;AACtBd,YAAAA,KAAK,EAAE;AACT,UAAA;SAAE,CAEJ,eAAAI,GAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAC;AAAiC,SAAA,CACnD;AAAA,OAAA,CAAG,GACD,IAAI,eAERC,GAAA,CAAA,MAAA,EAAA;AAAMD,QAAAA,SAAS,EAAC,uBAAuB;QAAAM,QAAA,eACrCL,GAAA,CAACW,WAAW,EAAA;AAACb,UAAAA,IAAI,EAAE;SAAG;AACxB,OAAM,CACR;AAAA,KAAM,CACP;IACDc,mBAAmB,EAAE,EAAE,GAAG,CAAC;AAC3BC,IAAAA,OAAO,EAAE;GACT;AACFhB,EAAAA,QAAQ,EAAEA,QAAS;AACnBE,EAAAA,SAAS,EAAEA,SAAU;EAAAM,QAAA,eAErBL,GAAA,CAACc,wBAAwB,EAAA;AAACC,IAAAA,EAAE,EAAEC,WAAY;AAAClB,IAAAA,IAAI,EAAEA,IAAK;AAAAO,IAAAA,QAAA,eACpDL,GAAA,CAAA,MAAA,EAAA;MACED,SAAS,EAAEK,IAAI,CACb,yBAAyB,EACzBT,gBAAgB,IAAI,6BAA6B,CACjD;AAAAU,MAAAA,QAAA,EAEDX;KACG;GACkB;AAC5B,CAAY;;;;"}

package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SelectInputOptionContentWithinTriggerContext = /*#__PURE__*/React.createContext(false);
-function SelectInputOptionContent({
-  title,
-  note,
-  description,
-  icon
-}) {
-  const withinTrigger = React.useContext(SelectInputOptionContentWithinTriggerContext);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: clsx.clsx('np-select-input-option-content-container', (note || description) && 'np-text-body-large'),
-    children: [icon ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: clsx.clsx('np-select-input-option-content-icon', !withinTrigger && 'np-select-input-option-content-icon--not-within-trigger'),
-      children: icon
-    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "np-select-input-option-content-text",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: clsx.clsx('np-select-input-option-content-text-line-1', withinTrigger && 'np-select-input-option-content-text-within-trigger'),
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "d-inline",
-          children: title
-        }), note ? /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "np-select-input-option-content-text-secondary np-text-body-default",
-          children: note
-        }) : null]
-      }), description ? /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: clsx.clsx('np-select-input-option-content-text-secondary np-text-body-default', withinTrigger && 'np-select-input-option-content-text-within-trigger'),
-        children: description
-      }) : null]
-    })]
-  });
-}
-
-exports.SelectInputOptionContent = SelectInputOptionContent;
-exports.SelectInputOptionContentWithinTriggerContext = SelectInputOptionContentWithinTriggerContext;
-//# sourceMappingURL=SelectInputOptionContent.js.map

package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputOptionContent.js","sources":["../../../../src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useContext, createContext } from 'react';\n\nexport const SelectInputOptionContentWithinTriggerContext = createContext(false);\n\nexport interface SelectInputOptionContentProps {\n  title: string;\n  note?: string;\n  description?: string;\n  icon?: React.ReactNode;\n}\n\nexport function SelectInputOptionContent({\n  title,\n  note,\n  description,\n  icon,\n}: SelectInputOptionContentProps) {\n  const withinTrigger = useContext(SelectInputOptionContentWithinTriggerContext);\n\n  return (\n    <div\n      className={clsx(\n        'np-select-input-option-content-container',\n        (note || description) && 'np-text-body-large',\n      )}\n    >\n      {icon ? (\n        <div\n          className={clsx(\n            'np-select-input-option-content-icon',\n            !withinTrigger && 'np-select-input-option-content-icon--not-within-trigger',\n          )}\n        >\n          {icon}\n        </div>\n      ) : null}\n\n      <div className=\"np-select-input-option-content-text\">\n        <div\n          className={clsx(\n            'np-select-input-option-content-text-line-1',\n            withinTrigger && 'np-select-input-option-content-text-within-trigger',\n          )}\n        >\n          <div className=\"d-inline\">{title}</div>\n          {note ? (\n            <span className=\"np-select-input-option-content-text-secondary np-text-body-default\">\n              {note}\n            </span>\n          ) : null}\n        </div>\n\n        {description ? (\n          <div\n            className={clsx(\n              'np-select-input-option-content-text-secondary np-text-body-default',\n              withinTrigger && 'np-select-input-option-content-text-within-trigger',\n            )}\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["SelectInputOptionContentWithinTriggerContext","createContext","SelectInputOptionContent","title","note","description","icon","withinTrigger","useContext","_jsxs","className","clsx","children","_jsx"],"mappings":";;;;;;MAGaA,4CAA4C,gBAAGC,mBAAa,CAAC,KAAK;AASzE,SAAUC,wBAAwBA,CAAC;EACvCC,KAAK;EACLC,IAAI;EACJC,WAAW;AACXC,EAAAA;AAAI,CAC0B,EAAA;AAC9B,EAAA,MAAMC,aAAa,GAAGC,gBAAU,CAACR,4CAA4C,CAAC;AAE9E,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,SAAI,CACb,0CAA0C,EAC1C,CAACP,IAAI,IAAIC,WAAW,KAAK,oBAAoB,CAC7C;IAAAO,QAAA,EAAA,CAEDN,IAAI,gBACHO,cAAA,CAAA,KAAA,EAAA;MACEH,SAAS,EAAEC,SAAI,CACb,qCAAqC,EACrC,CAACJ,aAAa,IAAI,yDAAyD,CAC3E;AAAAK,MAAAA,QAAA,EAEDN;AAAI,KACF,CAAC,GACJ,IAAI,eAERG,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,qCAAqC;AAAAE,MAAAA,QAAA,gBAClDH,eAAA,CAAA,KAAA,EAAA;QACEC,SAAS,EAAEC,SAAI,CACb,4CAA4C,EAC5CJ,aAAa,IAAI,oDAAoD,CACrE;AAAAK,QAAAA,QAAA,gBAEFC,cAAA,CAAA,KAAA,EAAA;AAAKH,UAAAA,SAAS,EAAC,UAAU;AAAAE,UAAAA,QAAA,EAAET;AAAK,SAAM,CACtC,EAACC,IAAI,gBACHS,cAAA,CAAA,MAAA,EAAA;AAAMH,UAAAA,SAAS,EAAC,oEAAoE;AAAAE,UAAAA,QAAA,EACjFR;SACG,CAAC,GACL,IAAI;AAAA,OACL,CAEL,EAACC,WAAW,gBACVQ,cAAA,CAAA,KAAA,EAAA;QACEH,SAAS,EAAEC,SAAI,CACb,oEAAoE,EACpEJ,aAAa,IAAI,oDAAoD,CACrE;AAAAK,QAAAA,QAAA,EAEDP;OACE,CAAC,GACJ,IAAI;AAAA,KACL,CACP;AAAA,GAAK,CAAC;AAEV;;;;;"}

package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs

@@ -1,38 +0,0 @@
-import { clsx } from 'clsx';
-import { createContext, useContext } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const SelectInputOptionContentWithinTriggerContext = /*#__PURE__*/createContext(false);
-function SelectInputOptionContent({
-  title,
-  note,
-  description,
-  icon
-}) {
-  const withinTrigger = useContext(SelectInputOptionContentWithinTriggerContext);
-  return /*#__PURE__*/jsxs("div", {
-    className: clsx('np-select-input-option-content-container', (note || description) && 'np-text-body-large'),
-    children: [icon ? /*#__PURE__*/jsx("div", {
-      className: clsx('np-select-input-option-content-icon', !withinTrigger && 'np-select-input-option-content-icon--not-within-trigger'),
-      children: icon
-    }) : null, /*#__PURE__*/jsxs("div", {
-      className: "np-select-input-option-content-text",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: clsx('np-select-input-option-content-text-line-1', withinTrigger && 'np-select-input-option-content-text-within-trigger'),
-        children: [/*#__PURE__*/jsx("div", {
-          className: "d-inline",
-          children: title
-        }), note ? /*#__PURE__*/jsx("span", {
-          className: "np-select-input-option-content-text-secondary np-text-body-default",
-          children: note
-        }) : null]
-      }), description ? /*#__PURE__*/jsx("div", {
-        className: clsx('np-select-input-option-content-text-secondary np-text-body-default', withinTrigger && 'np-select-input-option-content-text-within-trigger'),
-        children: description
-      }) : null]
-    })]
-  });
-}
-
-export { SelectInputOptionContent, SelectInputOptionContentWithinTriggerContext };
-//# sourceMappingURL=SelectInputOptionContent.mjs.map

package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputOptionContent.mjs","sources":["../../../../src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useContext, createContext } from 'react';\n\nexport const SelectInputOptionContentWithinTriggerContext = createContext(false);\n\nexport interface SelectInputOptionContentProps {\n  title: string;\n  note?: string;\n  description?: string;\n  icon?: React.ReactNode;\n}\n\nexport function SelectInputOptionContent({\n  title,\n  note,\n  description,\n  icon,\n}: SelectInputOptionContentProps) {\n  const withinTrigger = useContext(SelectInputOptionContentWithinTriggerContext);\n\n  return (\n    <div\n      className={clsx(\n        'np-select-input-option-content-container',\n        (note || description) && 'np-text-body-large',\n      )}\n    >\n      {icon ? (\n        <div\n          className={clsx(\n            'np-select-input-option-content-icon',\n            !withinTrigger && 'np-select-input-option-content-icon--not-within-trigger',\n          )}\n        >\n          {icon}\n        </div>\n      ) : null}\n\n      <div className=\"np-select-input-option-content-text\">\n        <div\n          className={clsx(\n            'np-select-input-option-content-text-line-1',\n            withinTrigger && 'np-select-input-option-content-text-within-trigger',\n          )}\n        >\n          <div className=\"d-inline\">{title}</div>\n          {note ? (\n            <span className=\"np-select-input-option-content-text-secondary np-text-body-default\">\n              {note}\n            </span>\n          ) : null}\n        </div>\n\n        {description ? (\n          <div\n            className={clsx(\n              'np-select-input-option-content-text-secondary np-text-body-default',\n              withinTrigger && 'np-select-input-option-content-text-within-trigger',\n            )}\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["SelectInputOptionContentWithinTriggerContext","createContext","SelectInputOptionContent","title","note","description","icon","withinTrigger","useContext","_jsxs","className","clsx","children","_jsx"],"mappings":";;;;MAGaA,4CAA4C,gBAAGC,aAAa,CAAC,KAAK;AASzE,SAAUC,wBAAwBA,CAAC;EACvCC,KAAK;EACLC,IAAI;EACJC,WAAW;AACXC,EAAAA;AAAI,CAC0B,EAAA;AAC9B,EAAA,MAAMC,aAAa,GAAGC,UAAU,CAACR,4CAA4C,CAAC;AAE9E,EAAA,oBACES,IAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,IAAI,CACb,0CAA0C,EAC1C,CAACP,IAAI,IAAIC,WAAW,KAAK,oBAAoB,CAC7C;IAAAO,QAAA,EAAA,CAEDN,IAAI,gBACHO,GAAA,CAAA,KAAA,EAAA;MACEH,SAAS,EAAEC,IAAI,CACb,qCAAqC,EACrC,CAACJ,aAAa,IAAI,yDAAyD,CAC3E;AAAAK,MAAAA,QAAA,EAEDN;AAAI,KACF,CAAC,GACJ,IAAI,eAERG,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,qCAAqC;AAAAE,MAAAA,QAAA,gBAClDH,IAAA,CAAA,KAAA,EAAA;QACEC,SAAS,EAAEC,IAAI,CACb,4CAA4C,EAC5CJ,aAAa,IAAI,oDAAoD,CACrE;AAAAK,QAAAA,QAAA,gBAEFC,GAAA,CAAA,KAAA,EAAA;AAAKH,UAAAA,SAAS,EAAC,UAAU;AAAAE,UAAAA,QAAA,EAAET;AAAK,SAAM,CACtC,EAACC,IAAI,gBACHS,GAAA,CAAA,MAAA,EAAA;AAAMH,UAAAA,SAAS,EAAC,oEAAoE;AAAAE,UAAAA,QAAA,EACjFR;SACG,CAAC,GACL,IAAI;AAAA,OACL,CAEL,EAACC,WAAW,gBACVQ,GAAA,CAAA,KAAA,EAAA;QACEH,SAAS,EAAEC,IAAI,CACb,oEAAoE,EACpEJ,aAAa,IAAI,oDAAoD,CACrE;AAAAK,QAAAA,QAAA,EAEDP;OACE,CAAC,GACJ,IAAI;AAAA,KACL,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}

package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var React = require('react');
-var Header = require('../../../../header/Header.js');
-var Section = require('../../../../section/Section.js');
-var SelectInputItemView = require('../ItemView/SelectInputItemView.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function SelectInputGroupItemView({
-  item,
-  renderValue,
-  needle
-}) {
-  const headerId = React.useId();
-  const header = /*#__PURE__*/jsxRuntime.jsx(Header.default, {
-    as: "header",
-    role: "none",
-    id: headerId,
-    title: item.label
-    // @ts-expect-error when we migrate ActionButton to new Button this should be sorted
-    ,
-    action: item.action && {
-      text: item.action.label,
-      onClick: item.action.onClick
-    },
-    className: "np-select-input-group-item-header p-x-1"
-  });
-  return (
-    /*#__PURE__*/
-    // An empty container may be rendered when no options match `needle`
-    // However, pre-filtering would result in worse performance overall
-    jsxRuntime.jsxs(Section.default, {
-      as: "section",
-      role: "group",
-      "aria-labelledby": headerId,
-      className: clsx.clsx('m-y-0', needle === null && 'np-select-input-group-item--without-needle'),
-      children: [needle == null ? header : null, item.options.map((option, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView.SelectInputItemView
-      // eslint-disable-next-line react/no-array-index-key
-      , {
-        item: option,
-        renderValue: renderValue,
-        needle: needle
-      }, index))]
-    })
-  );
-}
-
-exports.SelectInputGroupItemView = SelectInputGroupItemView;
-//# sourceMappingURL=SelectInputGroupItemView.js.map

package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputGroupItemView.js","sources":["../../../../../src/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId } from 'react';\nimport Header from '../../../../header';\nimport Section from '../../../../section';\nimport type { SelectInputGroupItemViewProps } from '../../SelectInput.types';\nimport { SelectInputItemView } from '../ItemView';\n\nexport function SelectInputGroupItemView<T = string>({\n  item,\n  renderValue,\n  needle,\n}: SelectInputGroupItemViewProps<T>) {\n  const headerId = useId();\n\n  const header = (\n    <Header\n      as=\"header\"\n      role=\"none\"\n      id={headerId}\n      title={item.label}\n      // @ts-expect-error when we migrate ActionButton to new Button this should be sorted\n      action={\n        item.action && {\n          text: item.action.label,\n          onClick: item.action.onClick,\n        }\n      }\n      className=\"np-select-input-group-item-header p-x-1\"\n    />\n  );\n\n  return (\n    // An empty container may be rendered when no options match `needle`\n    // However, pre-filtering would result in worse performance overall\n    <Section\n      as=\"section\"\n      role=\"group\"\n      aria-labelledby={headerId}\n      className={clsx('m-y-0', needle === null && 'np-select-input-group-item--without-needle')}\n    >\n      {needle == null ? header : null}\n      {item.options.map((option, index) => (\n        <SelectInputItemView\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          item={option}\n          renderValue={renderValue}\n          needle={needle}\n        />\n      ))}\n    </Section>\n  );\n}\n"],"names":["SelectInputGroupItemView","item","renderValue","needle","headerId","useId","header","_jsx","Header","as","role","id","title","label","action","text","onClick","className","_jsxs","Section","clsx","children","options","map","option","index","SelectInputItemView"],"mappings":";;;;;;;;;AAOM,SAAUA,wBAAwBA,CAAa;EACnDC,IAAI;EACJC,WAAW;AACXC,EAAAA;AAAM,CAC2B,EAAA;AACjC,EAAA,MAAMC,QAAQ,GAAGC,WAAK,EAAE;AAExB,EAAA,MAAMC,MAAM,gBACVC,cAAA,CAACC,cAAM,EAAA;AACLC,IAAAA,EAAE,EAAC,QAAQ;AACXC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,EAAE,EAAEP,QAAS;IACbQ,KAAK,EAAEX,IAAI,CAACY;AACZ;AAAA;AACAC,IAAAA,MAAM,EACJb,IAAI,CAACa,MAAM,IAAI;AACbC,MAAAA,IAAI,EAAEd,IAAI,CAACa,MAAM,CAACD,KAAK;AACvBG,MAAAA,OAAO,EAAEf,IAAI,CAACa,MAAM,CAACE;KAExB;AACDC,IAAAA,SAAS,EAAC;AAAyC,GAAA,CAEtD;AAED,EAAA;AAAA;AACE;AACA;AACAC,IAAAA,eAAA,CAACC,eAAO,EAAA;AACNV,MAAAA,EAAE,EAAC,SAAS;AACZC,MAAAA,IAAI,EAAC,OAAO;AACZ,MAAA,iBAAA,EAAiBN,QAAS;MAC1Ba,SAAS,EAAEG,SAAI,CAAC,OAAO,EAAEjB,MAAM,KAAK,IAAI,IAAI,4CAA4C,CAAE;MAAAkB,QAAA,EAAA,CAEzFlB,MAAM,IAAI,IAAI,GAAGG,MAAM,GAAG,IAAI,EAC9BL,IAAI,CAACqB,OAAO,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBAC9BlB,cAAA,CAACmB;AACC;AAAA,QAAA;AAEAzB,QAAAA,IAAI,EAAEuB,MAAO;AACbtB,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,MAAM,EAAEA;OAAO,EAHVsB,KAGU,CAElB,CAAC;KACK;AAAC;AAEd;;;;"}

package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.mjs

@@ -1,48 +0,0 @@
-import { clsx } from 'clsx';
-import { useId } from 'react';
-import Header from '../../../../header/Header.mjs';
-import Section from '../../../../section/Section.mjs';
-import { SelectInputItemView } from '../ItemView/SelectInputItemView.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function SelectInputGroupItemView({
-  item,
-  renderValue,
-  needle
-}) {
-  const headerId = useId();
-  const header = /*#__PURE__*/jsx(Header, {
-    as: "header",
-    role: "none",
-    id: headerId,
-    title: item.label
-    // @ts-expect-error when we migrate ActionButton to new Button this should be sorted
-    ,
-    action: item.action && {
-      text: item.action.label,
-      onClick: item.action.onClick
-    },
-    className: "np-select-input-group-item-header p-x-1"
-  });
-  return (
-    /*#__PURE__*/
-    // An empty container may be rendered when no options match `needle`
-    // However, pre-filtering would result in worse performance overall
-    jsxs(Section, {
-      as: "section",
-      role: "group",
-      "aria-labelledby": headerId,
-      className: clsx('m-y-0', needle === null && 'np-select-input-group-item--without-needle'),
-      children: [needle == null ? header : null, item.options.map((option, index) => /*#__PURE__*/jsx(SelectInputItemView
-      // eslint-disable-next-line react/no-array-index-key
-      , {
-        item: option,
-        renderValue: renderValue,
-        needle: needle
-      }, index))]
-    })
-  );
-}
-
-export { SelectInputGroupItemView };
-//# sourceMappingURL=SelectInputGroupItemView.mjs.map

package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputGroupItemView.mjs","sources":["../../../../../src/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId } from 'react';\nimport Header from '../../../../header';\nimport Section from '../../../../section';\nimport type { SelectInputGroupItemViewProps } from '../../SelectInput.types';\nimport { SelectInputItemView } from '../ItemView';\n\nexport function SelectInputGroupItemView<T = string>({\n  item,\n  renderValue,\n  needle,\n}: SelectInputGroupItemViewProps<T>) {\n  const headerId = useId();\n\n  const header = (\n    <Header\n      as=\"header\"\n      role=\"none\"\n      id={headerId}\n      title={item.label}\n      // @ts-expect-error when we migrate ActionButton to new Button this should be sorted\n      action={\n        item.action && {\n          text: item.action.label,\n          onClick: item.action.onClick,\n        }\n      }\n      className=\"np-select-input-group-item-header p-x-1\"\n    />\n  );\n\n  return (\n    // An empty container may be rendered when no options match `needle`\n    // However, pre-filtering would result in worse performance overall\n    <Section\n      as=\"section\"\n      role=\"group\"\n      aria-labelledby={headerId}\n      className={clsx('m-y-0', needle === null && 'np-select-input-group-item--without-needle')}\n    >\n      {needle == null ? header : null}\n      {item.options.map((option, index) => (\n        <SelectInputItemView\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          item={option}\n          renderValue={renderValue}\n          needle={needle}\n        />\n      ))}\n    </Section>\n  );\n}\n"],"names":["SelectInputGroupItemView","item","renderValue","needle","headerId","useId","header","_jsx","Header","as","role","id","title","label","action","text","onClick","className","_jsxs","Section","clsx","children","options","map","option","index","SelectInputItemView"],"mappings":";;;;;;;AAOM,SAAUA,wBAAwBA,CAAa;EACnDC,IAAI;EACJC,WAAW;AACXC,EAAAA;AAAM,CAC2B,EAAA;AACjC,EAAA,MAAMC,QAAQ,GAAGC,KAAK,EAAE;AAExB,EAAA,MAAMC,MAAM,gBACVC,GAAA,CAACC,MAAM,EAAA;AACLC,IAAAA,EAAE,EAAC,QAAQ;AACXC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,EAAE,EAAEP,QAAS;IACbQ,KAAK,EAAEX,IAAI,CAACY;AACZ;AAAA;AACAC,IAAAA,MAAM,EACJb,IAAI,CAACa,MAAM,IAAI;AACbC,MAAAA,IAAI,EAAEd,IAAI,CAACa,MAAM,CAACD,KAAK;AACvBG,MAAAA,OAAO,EAAEf,IAAI,CAACa,MAAM,CAACE;KAExB;AACDC,IAAAA,SAAS,EAAC;AAAyC,GAAA,CAEtD;AAED,EAAA;AAAA;AACE;AACA;AACAC,IAAAA,IAAA,CAACC,OAAO,EAAA;AACNV,MAAAA,EAAE,EAAC,SAAS;AACZC,MAAAA,IAAI,EAAC,OAAO;AACZ,MAAA,iBAAA,EAAiBN,QAAS;MAC1Ba,SAAS,EAAEG,IAAI,CAAC,OAAO,EAAEjB,MAAM,KAAK,IAAI,IAAI,4CAA4C,CAAE;MAAAkB,QAAA,EAAA,CAEzFlB,MAAM,IAAI,IAAI,GAAGG,MAAM,GAAG,IAAI,EAC9BL,IAAI,CAACqB,OAAO,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBAC9BlB,GAAA,CAACmB;AACC;AAAA,QAAA;AAEAzB,QAAAA,IAAI,EAAEuB,MAAO;AACbtB,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,MAAM,EAAEA;OAAO,EAHVsB,KAGU,CAElB,CAAC;KACK;AAAC;AAEd;;;;"}

package/build/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var React = require('react');
-var react = require('@headlessui/react');
-var icons = require('@transferwise/icons');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SelectInputItemsCountContext = /*#__PURE__*/React.createContext(undefined);
-const SelectInputItemPositionContext = /*#__PURE__*/React.createContext(undefined);
-function SelectInputOption({
-  value,
-  disabled,
-  children
-}) {
-  const itemsCount = React.useContext(SelectInputItemsCountContext);
-  const itemPosition = React.useContext(SelectInputItemPositionContext);
-  return /*#__PURE__*/jsxRuntime.jsx(react.ListboxOption, {
-    as: "div",
-    value: value,
-    "aria-setsize": itemsCount,
-    "aria-posinset": itemPosition,
-    disabled: disabled,
-    className: ({
-      active,
-      disabled: uiDisabled
-    }) => clsx.clsx('np-select-input-option-container np-text-body-large', active && 'np-select-input-option-container--active', uiDisabled && 'np-select-input-option-container--disabled'),
-    children: ({
-      selected
-    }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "np-select-input-option",
-        children: children
-      }), /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
-        size: 16,
-        className: clsx.clsx('np-select-input-option-check', !selected && 'np-select-input-option-check--not-selected')
-      })]
-    })
-  });
-}
-
-exports.SelectInputItemPositionContext = SelectInputItemPositionContext;
-exports.SelectInputItemsCountContext = SelectInputItemsCountContext;
-exports.SelectInputOption = SelectInputOption;
-//# sourceMappingURL=SelectInputOption.js.map