@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

package/lib/cjs/components/form/SelectInput/VirtualMenuList.js

@@ -1,36 +1,41 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var VirtualMenuList_exports = {};
+__export(VirtualMenuList_exports, {
   VirtualMenuList: () => VirtualMenuList,
   VirtualRow: () => VirtualRow
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_react_window = __toModule(require("react-window"));
-const VirtualRow = (0, import_react.memo)(({ style, children }) => /* @__PURE__ */ import_react.default.createElement("div", {
-  style
-}, children));
+module.exports = __toCommonJS(VirtualMenuList_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_react_window = require("react-window");
+const VirtualRow = (0, import_react.memo)(({ style, children }) => /* @__PURE__ */ import_react.default.createElement("div", { style }, children));
 function VirtualMenuList(props) {
   const { children, options, maxHeight, getValue, getStyles, selectProps } = props;
   const { noOptionsMessage, rowHeight = 0 } = selectProps;
@@ -40,16 +45,23 @@ function VirtualMenuList(props) {
   const childrenLength = Array.isArray(children) ? children.length : 0;
   const minHeight = Math.min(maxHeight, rowHeight * childrenLength);
   const menuStyle = getStyles("menuList", props);
-  const focusedIndex = (0, import_react.useMemo)(() => Array.isArray(children) ? Math.max(children.findIndex((child) => import_react.default.isValidElement(child) && child.props.isFocused), 0) : 0, [children]);
+  const focusedIndex = (0, import_react.useMemo)(
+    () => Array.isArray(children) ? Math.max(
+      children.findIndex(
+        (child) => import_react.default.isValidElement(child) && child.props.isFocused
+      ),
+      0
+    ) : 0,
+    [children]
+  );
   (0, import_react.useEffect)(() => {
-    listRef.current?.scrollToItem(focusedIndex);
+    var _a;
+    (_a = listRef.current) == null ? void 0 : _a.scrollToItem(focusedIndex);
   }, [focusedIndex]);
   if (!children || !Array.isArray(children))
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
   if (childrenLength === 0 && noOptionsMessage) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.NoOptionsMessage, {
-      ...{ ...props, innerProps: {} }
-    });
+    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.NoOptionsMessage, { ...{ ...props, innerProps: {} } });
   }
   children.length && children.forEach((node) => {
     if (!node || !import_react.default.isValidElement(node))
@@ -57,19 +69,32 @@ function VirtualMenuList(props) {
     delete node.props.innerProps.onMouseMove;
     delete node.props.innerProps.onMouseOver;
   });
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { ...menuStyle, maxHeight: "auto" },
-    onWheelCapture: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
-    ref: listRef,
-    width: "100%",
-    height: minHeight,
-    overscanCount: 50,
-    itemCount: childrenLength,
-    itemSize: rowHeight,
-    initialScrollOffset: initialOffset
-  }, ({ index, style }) => /* @__PURE__ */ import_react.default.createElement(VirtualRow, {
-    style
-  }, children[index])));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: { ...menuStyle, maxHeight: "auto" },
+      onWheelCapture: (e) => (
+        /*
+          This event causes issues with react-window.
+          react-select logic is based on whether the bottom/top of the list has been reached
+          but with virtual lists it just does not work and prevents scrolling…
+        */
+        e.stopPropagation()
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_react_window.FixedSizeList,
+      {
+        ref: listRef,
+        width: "100%",
+        height: minHeight,
+        overscanCount: 50,
+        itemCount: childrenLength,
+        itemSize: rowHeight,
+        initialScrollOffset: initialOffset
+      },
+      ({ index, style }) => /* @__PURE__ */ import_react.default.createElement(VirtualRow, { style }, children[index])
+    )
+  );
 }
 //# sourceMappingURL=VirtualMenuList.js.map

package/lib/cjs/components/form/SelectInput/VirtualMenuList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/VirtualMenuList.tsx"],
   "sourcesContent": ["import React, { memo, useMemo, useRef, useEffect } from \"react\";\nimport { components, GroupBase, MenuListProps } from \"react-select\";\nimport { FixedSizeList, FixedSizeList as List } from \"react-window\";\nimport { Props as SelectProps } from \"./index\";\n\nexport type RowProps = React.PropsWithChildren<{ style: React.CSSProperties }>;\nexport const VirtualRow = memo(({ style, children }: RowProps) => (\n  <div style={style}>{children}</div>\n));\n\nexport function VirtualMenuList<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: MenuListProps<O, M, G>): React.ReactElement {\n  const { children, options, maxHeight, getValue, getStyles, selectProps } = props;\n  const { noOptionsMessage, rowHeight = 0 } = selectProps as SelectProps<O, M, G>;\n\n  const listRef = useRef<FixedSizeList>();\n  const [value] = getValue();\n  const initialOffset = options.indexOf(value) * rowHeight;\n  const childrenLength = Array.isArray(children) ? children.length : 0;\n  const minHeight = Math.min(maxHeight, rowHeight * childrenLength);\n\n  const menuStyle = getStyles(\"menuList\", props);\n\n  const focusedIndex = useMemo(\n    () =>\n      Array.isArray(children)\n        ? Math.max(\n            children.findIndex(\n              (child: React.ReactNode) => React.isValidElement(child) && child.props.isFocused,\n            ),\n            0,\n          )\n        : 0,\n    [children],\n  );\n\n  useEffect(() => {\n    listRef.current?.scrollToItem(focusedIndex);\n  }, [focusedIndex]);\n\n  if (!children || !Array.isArray(children)) return <></>;\n\n  if (childrenLength === 0 && noOptionsMessage) {\n    return <components.NoOptionsMessage {...{ ...props, innerProps: {} }} />;\n  }\n\n  children.length &&\n    children.forEach((node: React.ReactNode) => {\n      if (!node || !React.isValidElement(node)) return;\n      delete node.props.innerProps.onMouseMove; // NB: Removes lag on hover, see https://github.com/JedWatson/react-select/issues/3128#issuecomment-433834170\n      delete node.props.innerProps.onMouseOver;\n    });\n\n  return (\n    <div\n      style={{ ...(menuStyle as React.CSSProperties), maxHeight: \"auto\" }}\n      onWheelCapture={(e) =>\n        /*\n          This event causes issues with react-window.\n          react-select logic is based on whether the bottom/top of the list has been reached\n          but with virtual lists it just does not work and prevents scrolling\u2026\n        */\n        e.stopPropagation()\n      }\n    >\n      <List\n        ref={listRef as React.LegacyRef<FixedSizeList>}\n        width=\"100%\"\n        height={minHeight}\n        overscanCount={50}\n        itemCount={childrenLength}\n        itemSize={rowHeight}\n        initialScrollOffset={initialOffset}\n      >\n        {({ index, style }) => <VirtualRow style={style}>{children[index]}</VirtualRow>}\n      </List>\n    </div>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AACxD,0BAAqD;AACrD,0BAAqD;AAI9C,MAAM,aAAa,uBAAK,CAAC,EAAE,OAAO,eACvC,mDAAC,OAAD;AAAA,EAAK;AAAA,GAAe;AAGf,yBAIL,OAAmD;AACnD,QAAM,EAAE,UAAU,SAAS,WAAW,UAAU,WAAW,gBAAgB;AAC3E,QAAM,EAAE,kBAAkB,YAAY,MAAM;AAE5C,QAAM,UAAU;AAChB,QAAM,CAAC,SAAS;AAChB,QAAM,gBAAgB,QAAQ,QAAQ,SAAS;AAC/C,QAAM,iBAAiB,MAAM,QAAQ,YAAY,SAAS,SAAS;AACnE,QAAM,YAAY,KAAK,IAAI,WAAW,YAAY;AAElD,QAAM,YAAY,UAAU,YAAY;AAExC,QAAM,eAAe,0BACnB,MACE,MAAM,QAAQ,YACV,KAAK,IACH,SAAS,UACP,CAAC,UAA2B,qBAAM,eAAe,UAAU,MAAM,MAAM,YAEzE,KAEF,GACN,CAAC;AAGH,8BAAU,MAAM;AACd,YAAQ,SAAS,aAAa;AAAA,KAC7B,CAAC;AAEJ,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ;AAAW,WAAO;AAElD,MAAI,mBAAmB,KAAK,kBAAkB;AAC5C,WAAO,mDAAC,+BAAW,kBAAZ;AAAA,SAAiC,KAAK,OAAO,YAAY;AAAA;AAAA;AAGlE,WAAS,UACP,SAAS,QAAQ,CAAC,SAA0B;AAC1C,QAAI,CAAC,QAAQ,CAAC,qBAAM,eAAe;AAAO;AAC1C,WAAO,KAAK,MAAM,WAAW;AAC7B,WAAO,KAAK,MAAM,WAAW;AAAA;AAGjC,SACE,mDAAC,OAAD;AAAA,IACE,OAAO,KAAM,WAAmC,WAAW;AAAA,IAC3D,gBAAgB,CAAC,MAMf,EAAE;AAAA,KAGJ,mDAAC,mCAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,UAAU;AAAA,IACV,qBAAqB;AAAA,KAEpB,CAAC,EAAE,OAAO,YAAY,mDAAC,YAAD;AAAA,IAAY;AAAA,KAAe,SAAS;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AACxD,0BAAqD;AACrD,0BAAqD;AAI9C,MAAM,iBAAa,mBAAK,CAAC,EAAE,OAAO,SAAS,MAChD,6BAAAA,QAAA,cAAC,SAAI,SAAe,QAAS,CAC9B;AAEM,SAAS,gBAId,OAAmD;AACnD,QAAM,EAAE,UAAU,SAAS,WAAW,UAAU,WAAW,YAAY,IAAI;AAC3E,QAAM,EAAE,kBAAkB,YAAY,EAAE,IAAI;AAE5C,QAAM,cAAU,qBAAsB;AACtC,QAAM,CAAC,KAAK,IAAI,SAAS;AACzB,QAAM,gBAAgB,QAAQ,QAAQ,KAAK,IAAI;AAC/C,QAAM,iBAAiB,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS;AACnE,QAAM,YAAY,KAAK,IAAI,WAAW,YAAY,cAAc;AAEhE,QAAM,YAAY,UAAU,YAAY,KAAK;AAE7C,QAAM,mBAAe;AAAA,IACnB,MACE,MAAM,QAAQ,QAAQ,IAClB,KAAK;AAAA,MACH,SAAS;AAAA,QACP,CAAC,UAA2B,aAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,MAAM;AAAA,MACzE;AAAA,MACA;AAAA,IACF,IACA;AAAA,IACN,CAAC,QAAQ;AAAA,EACX;AAEA,8BAAU,MAAM;AAvClB;AAwCI,kBAAQ,YAAR,mBAAiB,aAAa;AAAA,EAChC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,QAAQ;AAAG,WAAO,6BAAAA,QAAA,2BAAAA,QAAA,cAAE;AAEpD,MAAI,mBAAmB,KAAK,kBAAkB;AAC5C,WAAO,6BAAAA,QAAA,cAAC,+BAAW,kBAAX,EAA6B,GAAG,EAAE,GAAG,OAAO,YAAY,CAAC,EAAE,GAAG;AAAA,EACxE;AAEA,WAAS,UACP,SAAS,QAAQ,CAAC,SAA0B;AAC1C,QAAI,CAAC,QAAQ,CAAC,aAAAA,QAAM,eAAe,IAAI;AAAG;AAC1C,WAAO,KAAK,MAAM,WAAW;AAC7B,WAAO,KAAK,MAAM,WAAW;AAAA,EAC/B,CAAC;AAEH,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,GAAI,WAAmC,WAAW,OAAO;AAAA,MAClE,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMf,EAAE,gBAAgB;AAAA;AAAA;AAAA,IAGpB,6BAAAA,QAAA;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,UAAU;AAAA,QACV,qBAAqB;AAAA;AAAA,MAEpB,CAAC,EAAE,OAAO,MAAM,MAAM,6BAAAD,QAAA,cAAC,cAAW,SAAe,SAAS,KAAK,CAAE;AAAA,IACpE;AAAA,EACF;AAEJ;",
+  "names": ["React", "List"]
 }

package/lib/cjs/components/form/SelectInput/index.js

@@ -1,39 +1,46 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectInput_exports = {};
+__export(SelectInput_exports, {
   default: () => SelectInput_default
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_styled_components = __toModule(require("styled-components"));
-var DropdownIndicatorModule = __toModule(require("./DropdownIndicator"));
-var ValueContainerModule = __toModule(require("./ValueContainer"));
-var ControlModule = __toModule(require("./Control"));
-var MenuListModule = __toModule(require("./MenuList"));
-var OptionModule = __toModule(require("./Option"));
-var import_IndicatorsContainer = __toModule(require("./IndicatorsContainer"));
-var import_BaseInput = __toModule(require("../BaseInput"));
+module.exports = __toCommonJS(SelectInput_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = __toESM(require("react-select"));
+var import_styled_components = require("styled-components");
+var DropdownIndicatorModule = __toESM(require("./DropdownIndicator"));
+var ValueContainerModule = __toESM(require("./ValueContainer"));
+var ControlModule = __toESM(require("./Control"));
+var MenuListModule = __toESM(require("./MenuList"));
+var OptionModule = __toESM(require("./Option"));
+var import_IndicatorsContainer = require("./IndicatorsContainer");
+var import_BaseInput = require("../BaseInput");
 const stylesFn = (theme) => ({
   control: ControlModule.getStyles(theme),
   valueContainer: ValueContainerModule.getStyles(),
@@ -84,32 +91,36 @@ function SelectInput({
   ...props
 }) {
   const theme = (0, import_styled_components.useTheme)();
-  const styles = (0, import_react.useMemo)(() => extendStyles ? extendStyles(stylesFn(theme)) : stylesFn(theme), [theme, extendStyles]);
+  const styles = (0, import_react.useMemo)(
+    () => extendStyles ? extendStyles(stylesFn(theme)) : stylesFn(theme),
+    [theme, extendStyles]
+  );
   const { isDisabled, components = {} } = props;
-  const innerContent = /* @__PURE__ */ import_react.default.createElement(import_react_select.default, {
-    ...props,
-    styles: {
-      ...styles,
-      ...props.styles
-    },
-    classNamePrefix: "react-select",
-    components: {
-      Control: ControlModule.Control,
-      ValueContainer: ValueContainerModule.ValueContainer,
-      IndicatorsContainer: import_IndicatorsContainer.IndicatorsContainer,
-      DropdownIndicator: DropdownIndicatorModule.DropdownIndicator,
-      MenuList: MenuListModule.MenuList,
-      Option: OptionModule.Option,
-      IndicatorSeparator: null,
-      ...components
-    },
-    rowHeight
-  });
+  const innerContent = /* @__PURE__ */ import_react.default.createElement(
+    import_react_select.default,
+    {
+      ...props,
+      styles: {
+        ...styles,
+        ...props.styles
+      },
+      classNamePrefix: "react-select",
+      components: {
+        Control: ControlModule.Control,
+        ValueContainer: ValueContainerModule.ValueContainer,
+        IndicatorsContainer: import_IndicatorsContainer.IndicatorsContainer,
+        DropdownIndicator: DropdownIndicatorModule.DropdownIndicator,
+        MenuList: MenuListModule.MenuList,
+        Option: OptionModule.Option,
+        IndicatorSeparator: null,
+        ...components
+      },
+      rowHeight
+    }
+  );
   if (unwrapped)
     return innerContent;
-  return /* @__PURE__ */ import_react.default.createElement("div", null, innerContent, error && !isDisabled && /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputErrorContainer, {
-    variant: "paragraph"
-  }, error));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, innerContent, error && !isDisabled && /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputErrorContainer, { variant: "paragraph" }, error));
 }
 var SelectInput_default = (0, import_react.memo)(SelectInput);
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/form/SelectInput/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/index.tsx"],
   "sourcesContent": ["import React, { memo, useMemo } from \"react\";\nimport Select, {\n  Props as SelectProps,\n  ControlProps,\n  IndicatorsContainerProps,\n  GroupBase,\n  StylesConfig,\n} from \"react-select\";\nimport { DefaultTheme, useTheme } from \"styled-components\";\nimport * as DropdownIndicatorModule from \"./DropdownIndicator\";\nimport * as ValueContainerModule from \"./ValueContainer\";\nimport * as ControlModule from \"./Control\";\nimport * as MenuListModule from \"./MenuList\";\nimport * as OptionModule from \"./Option\";\nimport { IndicatorsContainer } from \"./IndicatorsContainer\";\nimport { InputErrorContainer } from \"../BaseInput\";\n\nexport type SelfProps<O, M extends boolean, G extends GroupBase<O>> = {\n  /* An error which will be displayed below the component and will change the style. */\n  error?: string;\n  /* A component which will be rendered on the left side of the select. */\n  renderLeft?: (props: ControlProps<O, M, G>) => React.ReactNode;\n  /* A component which will be rendered on the right side of the select, before the indicators. */\n  renderRight?: (props: IndicatorsContainerProps<O, M, G>) => React.ReactNode;\n  /* This value is used to calculate the height of the menu list when dealing with virtual lists. */\n  rowHeight?: number;\n  /* Removes all wrappers when rendering the element. */\n  unwrapped?: boolean;\n  /* Extends defined styles. */\n  extendStyles?: (styles: StylesConfig<O, M, G>) => StylesConfig<O, M, G>;\n};\nexport type Props<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n> = SelectProps<O, M, G> & SelfProps<O, M, G>;\n\nconst stylesFn = <O, M extends boolean, G extends GroupBase<O>>(\n  theme: DefaultTheme,\n): StylesConfig<O, M, G> => ({\n  control: ControlModule.getStyles(theme),\n  valueContainer: ValueContainerModule.getStyles(),\n  dropdownIndicator: DropdownIndicatorModule.getStyles(),\n  menuList: MenuListModule.getStyles(theme),\n  option: OptionModule.getStyles(),\n  input: (provided) => ({\n    ...provided,\n    color: theme.colors.neutral.c100,\n  }),\n  placeholder: (provided) => ({\n    ...provided,\n    color: theme.colors.neutral.c60,\n  }),\n  singleValue: (provided) => ({\n    ...provided,\n    color: \"inherit\",\n  }),\n  multiValue: (provided) => ({\n    ...provided,\n    backgroundColor: theme.colors.primary.c20,\n    borderRadius: theme.radii[1],\n  }),\n  multiValueLabel: (provided) => ({\n    ...provided,\n    color: theme.colors.neutral.c100,\n  }),\n  multiValueRemove: (provided) => ({\n    ...provided,\n    cursor: \"pointer\",\n    \":hover\": {\n      color: theme.colors.error.c100,\n      backgroundColor: theme.colors.error.c30,\n    },\n  }),\n  menu: (provided) => ({\n    ...provided,\n    border: 0,\n    boxShadow: \"none\",\n    background: \"none\",\n  }),\n});\n\nfunction SelectInput<O, M extends boolean, G extends GroupBase<O>>({\n  error,\n  rowHeight = 48,\n  unwrapped,\n  extendStyles,\n  ...props\n}: Props<O, M, G>): JSX.Element {\n  const theme = useTheme();\n  const styles = useMemo(\n    () => (extendStyles ? extendStyles(stylesFn<O, M, G>(theme)) : stylesFn<O, M, G>(theme)),\n    [theme, extendStyles],\n  );\n  const { isDisabled, components = {} } = props;\n\n  const innerContent = (\n    <Select\n      {...props}\n      styles={{\n        ...styles,\n        ...props.styles,\n      }}\n      classNamePrefix=\"react-select\"\n      components={{\n        Control: ControlModule.Control,\n        ValueContainer: ValueContainerModule.ValueContainer,\n        IndicatorsContainer,\n        DropdownIndicator: DropdownIndicatorModule.DropdownIndicator,\n        MenuList: MenuListModule.MenuList,\n        Option: OptionModule.Option,\n        IndicatorSeparator: null,\n        ...components,\n      }}\n      // @ts-expect-error We want to be able to pass extra props here\u2026\n      rowHeight={rowHeight}\n    />\n  );\n\n  if (unwrapped) return innerContent;\n\n  return (\n    <div>\n      {innerContent}\n      {error && !isDisabled && (\n        <InputErrorContainer variant={\"paragraph\"}>{error}</InputErrorContainer>\n      )}\n    </div>\n  );\n}\n\nexport default memo(SelectInput) as typeof SelectInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAqC;AACrC,0BAMO;AACP,+BAAuC;AACvC,8BAAyC;AACzC,2BAAsC;AACtC,oBAA+B;AAC/B,qBAAgC;AAChC,mBAA8B;AAC9B,iCAAoC;AACpC,uBAAoC;AAsBpC,MAAM,WAAW,CACf,UAC2B;AAAA,EAC3B,SAAS,cAAc,UAAU;AAAA,EACjC,gBAAgB,qBAAqB;AAAA,EACrC,mBAAmB,wBAAwB;AAAA,EAC3C,UAAU,eAAe,UAAU;AAAA,EACnC,QAAQ,aAAa;AAAA,EACrB,OAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA,EAE9B,aAAa,CAAC,aAAc;AAAA,OACvB;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA,EAE9B,aAAa,CAAC,aAAc;AAAA,OACvB;AAAA,IACH,OAAO;AAAA;AAAA,EAET,YAAY,CAAC,aAAc;AAAA,OACtB;AAAA,IACH,iBAAiB,MAAM,OAAO,QAAQ;AAAA,IACtC,cAAc,MAAM,MAAM;AAAA;AAAA,EAE5B,iBAAiB,CAAC,aAAc;AAAA,OAC3B;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA,EAE9B,kBAAkB,CAAC,aAAc;AAAA,OAC5B;AAAA,IACH,QAAQ;AAAA,IACR,UAAU;AAAA,MACR,OAAO,MAAM,OAAO,MAAM;AAAA,MAC1B,iBAAiB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,EAGxC,MAAM,CAAC,aAAc;AAAA,OAChB;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA;AAAA;AAIhB,qBAAmE;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,KACG;AAAA,GAC2B;AAC9B,QAAM,QAAQ;AACd,QAAM,SAAS,0BACb,MAAO,eAAe,aAAa,SAAkB,UAAU,SAAkB,QACjF,CAAC,OAAO;AAEV,QAAM,EAAE,YAAY,aAAa,OAAO;AAExC,QAAM,eACJ,mDAAC,6BAAD;AAAA,OACM;AAAA,IACJ,QAAQ;AAAA,SACH;AAAA,SACA,MAAM;AAAA;AAAA,IAEX,iBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS,cAAc;AAAA,MACvB,gBAAgB,qBAAqB;AAAA,MACrC;AAAA,MACA,mBAAmB,wBAAwB;AAAA,MAC3C,UAAU,eAAe;AAAA,MACzB,QAAQ,aAAa;AAAA,MACrB,oBAAoB;AAAA,SACjB;AAAA;AAAA,IAGL;AAAA;AAIJ,MAAI;AAAW,WAAO;AAEtB,SACE,mDAAC,OAAD,MACG,cACA,SAAS,CAAC,cACT,mDAAC,sCAAD;AAAA,IAAqB,SAAS;AAAA,KAAc;AAAA;AAMpD,IAAO,sBAAQ,uBAAK;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AACrC,0BAMO;AACP,+BAAuC;AACvC,8BAAyC;AACzC,2BAAsC;AACtC,oBAA+B;AAC/B,qBAAgC;AAChC,mBAA8B;AAC9B,iCAAoC;AACpC,uBAAoC;AAsBpC,MAAM,WAAW,CACf,WAC2B;AAAA,EAC3B,SAAS,cAAc,UAAU,KAAK;AAAA,EACtC,gBAAgB,qBAAqB,UAAU;AAAA,EAC/C,mBAAmB,wBAAwB,UAAU;AAAA,EACrD,UAAU,eAAe,UAAU,KAAK;AAAA,EACxC,QAAQ,aAAa,UAAU;AAAA,EAC/B,OAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AAAA,EACA,aAAa,CAAC,cAAc;AAAA,IAC1B,GAAG;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AAAA,EACA,aAAa,CAAC,cAAc;AAAA,IAC1B,GAAG;AAAA,IACH,OAAO;AAAA,EACT;AAAA,EACA,YAAY,CAAC,cAAc;AAAA,IACzB,GAAG;AAAA,IACH,iBAAiB,MAAM,OAAO,QAAQ;AAAA,IACtC,cAAc,MAAM,MAAM,CAAC;AAAA,EAC7B;AAAA,EACA,iBAAiB,CAAC,cAAc;AAAA,IAC9B,GAAG;AAAA,IACH,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AAAA,EACA,kBAAkB,CAAC,cAAc;AAAA,IAC/B,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,UAAU;AAAA,MACR,OAAO,MAAM,OAAO,MAAM;AAAA,MAC1B,iBAAiB,MAAM,OAAO,MAAM;AAAA,IACtC;AAAA,EACF;AAAA,EACA,MAAM,CAAC,cAAc;AAAA,IACnB,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;AAEA,SAAS,YAA0D;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,QAAM,YAAQ,mCAAS;AACvB,QAAM,aAAS;AAAA,IACb,MAAO,eAAe,aAAa,SAAkB,KAAK,CAAC,IAAI,SAAkB,KAAK;AAAA,IACtF,CAAC,OAAO,YAAY;AAAA,EACtB;AACA,QAAM,EAAE,YAAY,aAAa,CAAC,EAAE,IAAI;AAExC,QAAM,eACJ,6BAAAA,QAAA;AAAA,IAAC,oBAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,GAAG,MAAM;AAAA,MACX;AAAA,MACA,iBAAgB;AAAA,MAChB,YAAY;AAAA,QACV,SAAS,cAAc;AAAA,QACvB,gBAAgB,qBAAqB;AAAA,QACrC;AAAA,QACA,mBAAmB,wBAAwB;AAAA,QAC3C,UAAU,eAAe;AAAA,QACzB,QAAQ,aAAa;AAAA,QACrB,oBAAoB;AAAA,QACpB,GAAG;AAAA,MACL;AAAA,MAEA;AAAA;AAAA,EACF;AAGF,MAAI;AAAW,WAAO;AAEtB,SACE,6BAAAD,QAAA,cAAC,aACE,cACA,SAAS,CAAC,cACT,6BAAAA,QAAA,cAAC,wCAAoB,SAAS,eAAc,KAAM,CAEtD;AAEJ;AAEA,IAAO,0BAAQ,mBAAK,WAAW;",
+  "names": ["React", "Select"]
 }