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

package/lib/cjs/components/form/SearchInput/Input.stories.js

@@ -1,32 +1,39 @@
+"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 Input_stories_exports = {};
+__export(Input_stories_exports, {
   Search: () => Search,
   default: () => Input_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Input_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
 var Input_stories_default = {
   title: "Form/Input/Search",
   argTypes: {
@@ -42,11 +49,6 @@ var Input_stories_default = {
 };
 const Search = (args) => {
   const [value, setValue] = import_react.default.useState("");
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    value,
-    onChange: setValue,
-    placeholder: "Placeholder"
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, value, onChange: setValue, placeholder: "Placeholder" });
 };
 //# sourceMappingURL=Input.stories.js.map

package/lib/cjs/components/form/SearchInput/Input.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SearchInput/Input.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport SearchInput from \"./index\";\nimport { InputProps } from \"../BaseInput\";\n\nexport default {\n  title: \"Form/Input/Search\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n  },\n};\n\nexport const Search = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return <SearchInput {...args} value={value} onChange={setValue} placeholder={\"Placeholder\"} />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,SAAS,CAAC,SAAkC;AACvD,QAAM,CAAC,OAAO,YAAY,qBAAM,SAAS;AAEzC,SAAO,mDAAC,sBAAD;AAAA,OAAiB;AAAA,IAAM;AAAA,IAAc,UAAU;AAAA,IAAU,aAAa;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,SAAS,CAAC,SAAkC;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,EAAE;AAE3C,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAa,GAAG,MAAM,OAAc,UAAU,UAAU,aAAa,eAAe;AAC9F;",
+  "names": ["React", "SearchInput"]
 }

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

@@ -1,42 +1,55 @@
+"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 SearchInput_exports = {};
+__export(SearchInput_exports, {
   default: () => SearchInput_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_BaseInput = __toModule(require("../BaseInput"));
-var import_SearchMedium = __toModule(require("@ledgerhq/icons-ui/react/SearchMedium"));
+module.exports = __toCommonJS(SearchInput_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = require("styled-components");
+var import_BaseInput = __toESM(require("../BaseInput"));
+var import_SearchMedium = __toESM(require("@ledgerhq/icons-ui/react/SearchMedium"));
 function SearchInput(props, ref) {
   const theme = (0, import_styled_components.useTheme)();
-  return /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-    ref,
-    ...props,
-    renderLeft: /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputRenderLeftContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SearchMedium.default, {
-      color: props.disabled ? theme.colors.neutral.c50 : theme.colors.neutral.c70
-    }))
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_BaseInput.default,
+    {
+      ref,
+      ...props,
+      renderLeft: /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputRenderLeftContainer, null, /* @__PURE__ */ import_react.default.createElement(
+        import_SearchMedium.default,
+        {
+          color: props.disabled ? theme.colors.neutral.c50 : theme.colors.neutral.c70
+        }
+      ))
+    }
+  );
 }
 var SearchInput_default = import_react.default.forwardRef(SearchInput);
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SearchInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport Input, { InputProps, InputRenderLeftContainer } from \"../BaseInput\";\nimport SearchMedium from \"@ledgerhq/icons-ui/react/SearchMedium\";\n\nfunction SearchInput(props: InputProps, ref?: React.ForwardedRef<HTMLInputElement>): JSX.Element {\n  const theme = useTheme();\n\n  return (\n    <Input\n      ref={ref}\n      {...props}\n      renderLeft={\n        <InputRenderLeftContainer>\n          <SearchMedium\n            color={props.disabled ? theme.colors.neutral.c50 : theme.colors.neutral.c70}\n          />\n        </InputRenderLeftContainer>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(SearchInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAyB;AACzB,uBAA4D;AAC5D,0BAAyB;AAEzB,qBAAqB,OAAmB,KAAyD;AAC/F,QAAM,QAAQ;AAEd,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,OACI;AAAA,IACJ,YACE,mDAAC,2CAAD,MACE,mDAAC,6BAAD;AAAA,MACE,OAAO,MAAM,WAAW,MAAM,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAQpF,IAAO,sBAAQ,qBAAM,WAAW;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAyB;AACzB,uBAA4D;AAC5D,0BAAyB;AAEzB,SAAS,YAAY,OAAmB,KAAyD;AAC/F,QAAM,YAAQ,mCAAS;AAEvB,SACE,6BAAAA,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,YACE,6BAAAD,QAAA,cAAC,iDACC,6BAAAA,QAAA;AAAA,QAAC,oBAAAE;AAAA,QAAA;AAAA,UACC,OAAO,MAAM,WAAW,MAAM,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAC1E,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAF,QAAM,WAAW,WAAW;",
+  "names": ["React", "Input", "SearchMedium"]
 }

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

@@ -1,33 +1,40 @@
+"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 Control_exports = {};
+__export(Control_exports, {
   Control: () => Control,
   getStyles: () => getStyles
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_BaseInput = __toModule(require("../BaseInput"));
+module.exports = __toCommonJS(Control_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_BaseInput = require("../BaseInput");
 function getStyles(theme) {
   return (provided) => ({
     ...provided,
@@ -44,12 +51,6 @@ function getStyles(theme) {
 function Control(props) {
   const { isFocused, selectProps, children } = props;
   const { isDisabled, error, renderLeft } = selectProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputContainer, {
-    disabled: isDisabled,
-    error,
-    focus: isFocused
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Control, {
-    ...props
-  }, renderLeft ? renderLeft(props) : null, children));
+  return /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputContainer, { disabled: isDisabled, error, focus: isFocused }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Control, { ...props }, renderLeft ? renderLeft(props) : null, children));
 }
 //# sourceMappingURL=Control.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/Control.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, ControlProps } from \"react-select\";\nimport { DefaultTheme } from \"styled-components\";\nimport { InputContainer } from \"../BaseInput\";\nimport { Props as SelectProps } from \"./index\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(theme: DefaultTheme): NonNullable<StylesConfig<O, M, G>[\"control\"]> {\n  return (provided) => ({\n    ...provided,\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    border: 0,\n    padding: `0px ${theme.space[7]}px`,\n    boxShadow: \"none\",\n    borderRadius: \"inherit\",\n    background: \"transparent\",\n  });\n}\n\nexport function Control<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: ControlProps<O, M, G>): JSX.Element {\n  const { isFocused, selectProps, children } = props;\n\n  const { isDisabled, error, renderLeft } = selectProps as SelectProps<O, M, G>;\n\n  return (\n    <InputContainer disabled={isDisabled} error={error} focus={isFocused}>\n      <components.Control {...props}>\n        {renderLeft ? renderLeft(props) : null}\n        {children}\n      </components.Control>\n    </InputContainer>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAkE;AAElE,uBAA+B;AAGxB,mBAIL,OAAoE;AACpE,SAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,MAAM;AAAA,IAC5B,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA;AAAA;AAIT,iBAIL,OAA2C;AAC3C,QAAM,EAAE,WAAW,aAAa,aAAa;AAE7C,QAAM,EAAE,YAAY,OAAO,eAAe;AAE1C,SACE,mDAAC,iCAAD;AAAA,IAAgB,UAAU;AAAA,IAAY;AAAA,IAAc,OAAO;AAAA,KACzD,mDAAC,+BAAW,SAAZ;AAAA,OAAwB;AAAA,KACrB,aAAa,WAAW,SAAS,MACjC;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAkE;AAElE,uBAA+B;AAGxB,SAAS,UAId,OAAoE;AACpE,SAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,MAAM,CAAC;AAAA,IAC7B,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AACF;AAEO,SAAS,QAId,OAA2C;AAC3C,QAAM,EAAE,WAAW,aAAa,SAAS,IAAI;AAE7C,QAAM,EAAE,YAAY,OAAO,WAAW,IAAI;AAE1C,SACE,6BAAAA,QAAA,cAAC,mCAAe,UAAU,YAAY,OAAc,OAAO,aACzD,6BAAAA,QAAA,cAAC,+BAAW,SAAX,EAAoB,GAAG,SACrB,aAAa,WAAW,KAAK,IAAI,MACjC,QACH,CACF;AAEJ;",
+  "names": ["React"]
 }

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

@@ -1,35 +1,42 @@
+"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 DropdownIndicator_exports = {};
+__export(DropdownIndicator_exports, {
   DropdownIndicator: () => DropdownIndicator,
   getStyles: () => getStyles
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_react2 = __toModule(require("@ledgerhq/icons-ui/react"));
+module.exports = __toCommonJS(DropdownIndicator_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_styled_components = require("styled-components");
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_react2 = require("@ledgerhq/icons-ui/react");
 function getStyles() {
   return (provided) => ({
     ...provided,
@@ -41,14 +48,6 @@ function DropdownIndicator(props) {
   const { isDisabled } = props.selectProps;
   const ChevronIcon = props.selectProps.menuIsOpen ? import_react2.ChevronTopMedium : import_react2.ChevronBottomMedium;
   const color = isDisabled ? theme.colors.neutral.c60 : theme.colors.neutral.c100;
-  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.DropdownIndicator, {
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    as: "div",
-    color,
-    style: { display: "flex" }
-  }, /* @__PURE__ */ import_react.default.createElement(ChevronIcon, {
-    size: 12
-  })));
+  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { as: "div", color, style: { display: "flex" } }, /* @__PURE__ */ import_react.default.createElement(ChevronIcon, { size: 12 })));
 }
 //# sourceMappingURL=DropdownIndicator.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/DropdownIndicator.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, DropdownIndicatorProps } from \"react-select\";\nimport { useTheme } from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport { ChevronBottomMedium, ChevronTopMedium } from \"@ledgerhq/icons-ui/react\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(): NonNullable<StylesConfig<O, M, G>[\"dropdownIndicator\"]> {\n  return (provided) => ({\n    ...provided,\n    padding: 0,\n  });\n}\n\nexport function DropdownIndicator<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: DropdownIndicatorProps<O, M, G>): JSX.Element {\n  const theme = useTheme();\n  const { isDisabled } = props.selectProps;\n\n  const ChevronIcon = props.selectProps.menuIsOpen ? ChevronTopMedium : ChevronBottomMedium;\n  const color = isDisabled ? theme.colors.neutral.c60 : theme.colors.neutral.c100;\n\n  return (\n    <components.DropdownIndicator {...props}>\n      <Text as=\"div\" color={color} style={{ display: \"flex\" }}>\n        <ChevronIcon size={12} />\n      </Text>\n    </components.DropdownIndicator>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA4E;AAC5E,+BAAyB;AACzB,kBAAiB;AACjB,oBAAsD;AAE/C,qBAIsD;AAC3D,SAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,SAAS;AAAA;AAAA;AAIN,2BAIL,OAAqD;AACrD,QAAM,QAAQ;AACd,QAAM,EAAE,eAAe,MAAM;AAE7B,QAAM,cAAc,MAAM,YAAY,aAAa,iCAAmB;AACtE,QAAM,QAAQ,aAAa,MAAM,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAE3E,SACE,mDAAC,+BAAW,mBAAZ;AAAA,OAAkC;AAAA,KAChC,mDAAC,qBAAD;AAAA,IAAM,IAAG;AAAA,IAAM;AAAA,IAAc,OAAO,EAAE,SAAS;AAAA,KAC7C,mDAAC,aAAD;AAAA,IAAa,MAAM;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA4E;AAC5E,+BAAyB;AACzB,kBAAiB;AACjB,IAAAA,gBAAsD;AAE/C,SAAS,YAI6C;AAC3D,SAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACF;AAEO,SAAS,kBAId,OAAqD;AACrD,QAAM,YAAQ,mCAAS;AACvB,QAAM,EAAE,WAAW,IAAI,MAAM;AAE7B,QAAM,cAAc,MAAM,YAAY,aAAa,iCAAmB;AACtE,QAAM,QAAQ,aAAa,MAAM,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAE3E,SACE,6BAAAC,QAAA,cAAC,+BAAW,mBAAX,EAA8B,GAAG,SAChC,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,IAAG,OAAM,OAAc,OAAO,EAAE,SAAS,OAAO,KACpD,6BAAAD,QAAA,cAAC,eAAY,MAAM,IAAI,CACzB,CACF;AAEJ;",
+  "names": ["import_react", "React", "Text"]
 }

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

@@ -1,38 +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 IndicatorsContainer_exports = {};
+__export(IndicatorsContainer_exports, {
   IndicatorsContainer: () => IndicatorsContainer
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_Flex = __toModule(require("../../layout/Flex"));
+module.exports = __toCommonJS(IndicatorsContainer_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_Flex = __toESM(require("../../layout/Flex"));
 function IndicatorsContainer(props) {
   const { renderRight } = props.selectProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    alignItems: "center"
-  }, renderRight ? renderRight(props) : null, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.IndicatorsContainer, {
-    ...props
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { alignItems: "center" }, renderRight ? renderRight(props) : null, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.IndicatorsContainer, { ...props }));
 }
 //# sourceMappingURL=IndicatorsContainer.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/IndicatorsContainer.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, IndicatorsContainerProps } from \"react-select\";\nimport FlexBox from \"../../layout/Flex\";\nimport { Props as SelectProps } from \"./index\";\n\nexport function IndicatorsContainer<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: IndicatorsContainerProps<O, M, G>): JSX.Element {\n  const { renderRight } = props.selectProps as SelectProps<O, M, G>;\n\n  return (\n    <FlexBox alignItems=\"center\">\n      {renderRight ? renderRight(props) : null}\n      <components.IndicatorsContainer {...props} />\n    </FlexBox>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAgE;AAChE,kBAAoB;AAGb,6BAIL,OAAuD;AACvD,QAAM,EAAE,gBAAgB,MAAM;AAE9B,SACE,mDAAC,qBAAD;AAAA,IAAS,YAAW;AAAA,KACjB,cAAc,YAAY,SAAS,MACpC,mDAAC,+BAAW,qBAAZ;AAAA,OAAoC;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAgE;AAChE,kBAAoB;AAGb,SAAS,oBAId,OAAuD;AACvD,QAAM,EAAE,YAAY,IAAI,MAAM;AAE9B,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAQ,YAAW,YACjB,cAAc,YAAY,KAAK,IAAI,MACpC,6BAAAD,QAAA,cAAC,+BAAW,qBAAX,EAAgC,GAAG,OAAO,CAC7C;AAEJ;",
+  "names": ["React", "FlexBox"]
 }

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

@@ -1,32 +1,39 @@
+"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 MenuList_exports = {};
+__export(MenuList_exports, {
   MenuList: () => MenuList,
   getStyles: () => getStyles
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
+module.exports = __toCommonJS(MenuList_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
 function getStyles(theme) {
   const isLight = theme.colors.type === "light";
   return (provided) => ({
@@ -43,8 +50,6 @@ function getStyles(theme) {
   });
 }
 function MenuList(props) {
-  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MenuList, {
-    ...props
-  }, props.children);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MenuList, { ...props }, props.children);
 }
 //# sourceMappingURL=MenuList.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/MenuList.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, MenuListProps } from \"react-select\";\nimport { DefaultTheme } from \"styled-components\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(theme: DefaultTheme): NonNullable<StylesConfig<O, M, G>[\"menuList\"]> {\n  const isLight = theme.colors.type === \"light\";\n  return (provided) => ({\n    ...provided,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space[2],\n    padding: theme.space[3],\n    border: `1px solid ${theme.colors.neutral[isLight ? \"c20\" : \"c30\"]}`,\n    borderRadius: \"8px\",\n    boxShadow: `0px 6px 12px rgba(0, 0, 0, ${isLight ? 0.04 : 0.08})`,\n    background: theme.colors.neutral[isLight ? \"c00\" : \"c20\"],\n    color: theme.colors.neutral.c80,\n  });\n}\n\nexport function MenuList<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: MenuListProps<O, M, G>): JSX.Element {\n  return <components.MenuList {...props}>{props.children}</components.MenuList>;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmE;AAG5D,mBAIL,OAAqE;AACrE,QAAM,UAAU,MAAM,OAAO,SAAS;AACtC,SAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,MAAM;AAAA,IACjB,SAAS,MAAM,MAAM;AAAA,IACrB,QAAQ,aAAa,MAAM,OAAO,QAAQ,UAAU,QAAQ;AAAA,IAC5D,cAAc;AAAA,IACd,WAAW,8BAA8B,UAAU,OAAO;AAAA,IAC1D,YAAY,MAAM,OAAO,QAAQ,UAAU,QAAQ;AAAA,IACnD,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIzB,kBAIL,OAA4C;AAC5C,SAAO,mDAAC,+BAAW,UAAZ;AAAA,OAAyB;AAAA,KAAQ,MAAM;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmE;AAG5D,SAAS,UAId,OAAqE;AACrE,QAAM,UAAU,MAAM,OAAO,SAAS;AACtC,SAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,MAAM,CAAC;AAAA,IAClB,SAAS,MAAM,MAAM,CAAC;AAAA,IACtB,QAAQ,aAAa,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK;AAAA,IACjE,cAAc;AAAA,IACd,WAAW,8BAA8B,UAAU,OAAO;AAAA,IAC1D,YAAY,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK;AAAA,IACxD,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AACF;AAEO,SAAS,SAId,OAA4C;AAC5C,SAAO,6BAAAA,QAAA,cAAC,+BAAW,UAAX,EAAqB,GAAG,SAAQ,MAAM,QAAS;AACzD;",
+  "names": ["React"]
 }

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

@@ -1,34 +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 Option_exports = {};
+__export(Option_exports, {
   Option: () => Option,
   getStyles: () => getStyles
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Text = __toModule(require("../../asorted/Text"));
+module.exports = __toCommonJS(Option_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_styled_components = __toESM(require("styled-components"));
+var import_Text = __toESM(require("../../asorted/Text"));
 function getStyles() {
   return (provided) => ({
     ...provided,
@@ -84,14 +91,16 @@ const Wrapper = (0, import_styled_components.default)(import_Text.default).attrs
 `;
 function Option(props) {
   const { render, children, ...innerProps } = props;
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    disabled: props.isDisabled,
-    selected: props.isSelected,
-    focus: props.isFocused,
-    fontWeight: "semiBold",
-    variant: "paragraph"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, {
-    ...innerProps
-  }, render ? render(props) : children));
+  return /* @__PURE__ */ import_react.default.createElement(
+    Wrapper,
+    {
+      disabled: props.isDisabled,
+      selected: props.isSelected,
+      focus: props.isFocused,
+      fontWeight: "semiBold",
+      variant: "paragraph"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, { ...innerProps }, render ? render(props) : children)
+  );
 }
 //# sourceMappingURL=Option.js.map