@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/SelectInputV2/SelectInputProvider.cjs

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const SelectInputContext = React.createContext({
+  options: [],
+  multiselect: false,
+  onSearch: () => {
+  },
+  isDropdownVisible: false,
+  setIsDropdownVisible: () => {
+  },
+  searchInput: "",
+  setSearchInput: () => {
+  },
+  selectAll: {
+    label: ""
+  },
+  selectAllGroup: false,
+  numberOfOptions: 0,
+  displayedOptions: [],
+  selectedData: {
+    allSelected: false,
+    selectedGroups: [],
+    selectedValues: []
+  },
+  setSelectedData: () => {
+  },
+  onChange: () => {
+  }
+});
+const useSelectInput = () => React.useContext(SelectInputContext);
+const SelectInputProvider = ({
+  options,
+  multiselect,
+  selectAll,
+  value,
+  selectAllGroup,
+  numberOfOptions,
+  children,
+  onChange
+}) => {
+  const currentValue = React.useMemo(() => {
+    if (value) {
+      if (Array.isArray(value)) {
+        return value;
+      }
+      return [value];
+    }
+    return [];
+  }, [value]);
+  const selectedGroups = React.useMemo(() => {
+    if (Array.isArray(options)) {
+      return [];
+    }
+    return Object.keys(options).filter((group) => options[group].every((groupOption) => currentValue.includes(groupOption.value)));
+  }, [currentValue, options]);
+  const [displayedOptions, setDisplayedOptions] = React.useState(options);
+  const [isDropdownVisible, setIsDropdownVisible] = React.useState(false);
+  const [searchInput, setSearchInput] = React.useState("");
+  const allValues = React.useMemo(() => {
+    if (!Array.isArray(options)) {
+      return Object.keys(options).map((group) => options[group].filter((option) => !option.disabled)).flat();
+    }
+    return options;
+  }, [options]);
+  const allGroups = React.useMemo(() => {
+    if (!Array.isArray(options)) {
+      return Object.keys(options);
+    }
+    return [];
+  }, [options]);
+  const reducer = (state, action) => {
+    switch (action.type) {
+      case "selectAll":
+        if (state.allSelected) {
+          return {
+            selectedValues: [],
+            allSelected: false,
+            selectedGroups: []
+          };
+        }
+        return {
+          selectedValues: allValues.map((option) => option.value),
+          allSelected: true,
+          selectedGroups: allGroups
+        };
+      case "selectGroup":
+        if (!Array.isArray(options)) {
+          if (state.selectedGroups.includes(action.selectedGroup)) {
+            return {
+              selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue)),
+              allSelected: false,
+              selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup)
+            };
+          }
+          const newSelectedValues = [...state.selectedValues];
+          options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
+          return {
+            selectedValues: newSelectedValues,
+            allSelected: newSelectedValues.length === numberOfOptions,
+            selectedGroups: [...state.selectedGroups, action.selectedGroup]
+          };
+        }
+        return state;
+      case "selectOption":
+        if (multiselect) {
+          if (state.selectedValues.includes(action.clickedOption.value)) {
+            return {
+              selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value),
+              allSelected: false,
+              selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : []
+            };
+          }
+          return {
+            selectedValues: [...state.selectedValues, action.clickedOption.value],
+            allSelected: state.selectedValues.length + 1 === numberOfOptions,
+            selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups
+          };
+        }
+        return {
+          selectedValues: [action.clickedOption.value],
+          allSelected: false,
+          selectedGroups: state.selectedGroups
+        };
+      case "clearAll":
+        return {
+          selectedGroups: [],
+          selectedValues: [],
+          allSelected: false
+        };
+      case "update":
+        return {
+          selectedGroups: state.selectedGroups,
+          allSelected: state.allSelected,
+          selectedValues: state.selectedValues.filter((selectedValue) => {
+            if (!Array.isArray(options)) {
+              return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
+            }
+            return options.some((option) => option.value === selectedValue && !option.disabled);
+          })
+        };
+      default:
+        return state;
+    }
+  };
+  const [selectedData, setSelectedData] = React.useReducer(reducer, {
+    selectedValues: currentValue,
+    allSelected: false,
+    selectedGroups
+  });
+  const providerValue = React.useMemo(() => ({
+    onSearch: setDisplayedOptions,
+    isDropdownVisible,
+    setIsDropdownVisible,
+    searchInput,
+    setSearchInput,
+    options,
+    multiselect,
+    selectAll,
+    selectAllGroup,
+    numberOfOptions,
+    displayedOptions,
+    selectedData,
+    setSelectedData,
+    onChange
+  }), [displayedOptions, isDropdownVisible, multiselect, numberOfOptions, options, searchInput, selectAll, selectAllGroup, selectedData, onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectInputContext.Provider, { value: providerValue, children });
+};
+exports.SelectInputProvider = SelectInputProvider;
+exports.useSelectInput = useSelectInput;

package/dist/components/SelectInputV2/SelectInputProvider.js

@@ -11,11 +11,17 @@ const SelectInputContext = createContext({
   searchInput: "",
   setSearchInput: () => {
   },
-  selectAll: { label: "" },
+  selectAll: {
+    label: ""
+  },
   selectAllGroup: false,
   numberOfOptions: 0,
   displayedOptions: [],
-  selectedData: { allSelected: false, selectedGroups: [], selectedValues: [] },
+  selectedData: {
+    allSelected: false,
+    selectedGroups: [],
+    selectedValues: []
+  },
   setSelectedData: () => {
   },
   onChange: () => {
@@ -45,20 +51,14 @@ const SelectInputProvider = ({
     if (Array.isArray(options)) {
       return [];
     }
-    return Object.keys(options).filter(
-      (group) => options[group].every(
-        (groupOption) => currentValue.includes(groupOption.value)
-      )
-    );
+    return Object.keys(options).filter((group) => options[group].every((groupOption) => currentValue.includes(groupOption.value)));
   }, [currentValue, options]);
   const [displayedOptions, setDisplayedOptions] = useState(options);
   const [isDropdownVisible, setIsDropdownVisible] = useState(false);
   const [searchInput, setSearchInput] = useState("");
   const allValues = useMemo(() => {
     if (!Array.isArray(options)) {
-      return Object.keys(options).map(
-        (group) => options[group].filter((option) => !option.disabled)
-      ).flat();
+      return Object.keys(options).map((group) => options[group].filter((option) => !option.disabled)).flat();
     }
     return options;
   }, [options]);
@@ -72,7 +72,11 @@ const SelectInputProvider = ({
     switch (action.type) {
       case "selectAll":
         if (state.allSelected) {
-          return { selectedValues: [], allSelected: false, selectedGroups: [] };
+          return {
+            selectedValues: [],
+            allSelected: false,
+            selectedGroups: []
+          };
         }
         return {
           selectedValues: allValues.map((option) => option.value),
@@ -83,21 +87,13 @@ const SelectInputProvider = ({
         if (!Array.isArray(options)) {
           if (state.selectedGroups.includes(action.selectedGroup)) {
             return {
-              selectedValues: [...state.selectedValues].filter(
-                (selectedValue) => !options[action.selectedGroup].find(
-                  (option) => option.value === selectedValue
-                )
-              ),
+              selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue)),
               allSelected: false,
-              selectedGroups: state.selectedGroups.filter(
-                (selectedGroup) => selectedGroup !== action.selectedGroup
-              )
+              selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup)
             };
           }
           const newSelectedValues = [...state.selectedValues];
-          options[action.selectedGroup].map(
-            (option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value)
-          );
+          options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
           return {
             selectedValues: newSelectedValues,
             allSelected: newSelectedValues.length === numberOfOptions,
@@ -109,27 +105,15 @@ const SelectInputProvider = ({
         if (multiselect) {
           if (state.selectedValues.includes(action.clickedOption.value)) {
             return {
-              selectedValues: state.selectedValues.filter(
-                (val) => val !== action.clickedOption.value
-              ),
+              selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value),
               allSelected: false,
-              selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter(
-                (selectedGroup) => selectedGroup !== action.group
-              ) : []
+              selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : []
             };
           }
           return {
-            selectedValues: [
-              ...state.selectedValues,
-              action.clickedOption.value
-            ],
+            selectedValues: [...state.selectedValues, action.clickedOption.value],
             allSelected: state.selectedValues.length + 1 === numberOfOptions,
-            selectedGroups: !Array.isArray(options) && action.group && options[action.group].every(
-              (option) => [
-                ...state.selectedValues,
-                action.clickedOption.value
-              ].includes(option.value) || option.disabled
-            ) ? [...state.selectedGroups, action.group] : state.selectedGroups
+            selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups
           };
         }
         return {
@@ -138,22 +122,20 @@ const SelectInputProvider = ({
           selectedGroups: state.selectedGroups
         };
       case "clearAll":
-        return { selectedGroups: [], selectedValues: [], allSelected: false };
+        return {
+          selectedGroups: [],
+          selectedValues: [],
+          allSelected: false
+        };
       case "update":
         return {
           selectedGroups: state.selectedGroups,
           allSelected: state.allSelected,
           selectedValues: state.selectedValues.filter((selectedValue) => {
             if (!Array.isArray(options)) {
-              return Object.keys(options).some(
-                (group) => options[group].some(
-                  (option) => option.value === selectedValue && !option.disabled
-                )
-              );
+              return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
             }
-            return options.some(
-              (option) => option.value === selectedValue && !option.disabled
-            );
+            return options.some((option) => option.value === selectedValue && !option.disabled);
           })
         };
       default:
@@ -165,36 +147,22 @@ const SelectInputProvider = ({
     allSelected: false,
     selectedGroups
   });
-  const providerValue = useMemo(
-    () => ({
-      onSearch: setDisplayedOptions,
-      isDropdownVisible,
-      setIsDropdownVisible,
-      searchInput,
-      setSearchInput,
-      options,
-      multiselect,
-      selectAll,
-      selectAllGroup,
-      numberOfOptions,
-      displayedOptions,
-      selectedData,
-      setSelectedData,
-      onChange
-    }),
-    [
-      displayedOptions,
-      isDropdownVisible,
-      multiselect,
-      numberOfOptions,
-      options,
-      searchInput,
-      selectAll,
-      selectAllGroup,
-      selectedData,
-      onChange
-    ]
-  );
+  const providerValue = useMemo(() => ({
+    onSearch: setDisplayedOptions,
+    isDropdownVisible,
+    setIsDropdownVisible,
+    searchInput,
+    setSearchInput,
+    options,
+    multiselect,
+    selectAll,
+    selectAllGroup,
+    numberOfOptions,
+    displayedOptions,
+    selectedData,
+    setSelectedData,
+    onChange
+  }), [displayedOptions, isDropdownVisible, multiselect, numberOfOptions, options, searchInput, selectAll, selectAllGroup, selectedData, onChange]);
   return /* @__PURE__ */ jsx(SelectInputContext.Provider, { value: providerValue, children });
 };
 export {

package/dist/components/SelectInputV2/findOptionInOptions.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const findOptionInOptions = (options, optionValue) => {
+  let flatOptions = [];
+  if (!Array.isArray(options)) {
+    flatOptions = Object.keys(options).map((group) => options[group]).flat();
+  } else {
+    flatOptions = options;
+  }
+  return flatOptions.find((option) => option.value === optionValue);
+};
+exports.findOptionInOptions = findOptionInOptions;

package/dist/components/SelectInputV2/index.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const React = require("react");
+const index$1 = require("../Stack/index.cjs");
+const index = require("../Text/index.cjs");
+const Dropdown = require("./Dropdown.cjs");
+const SelectBar = require("./SelectBar.cjs");
+const SelectInputProvider = require("./SelectInputProvider.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const SelectInputContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ebdnz3x1"
+} : {
+  target: "ebdnz3x1",
+  label: "SelectInputContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "1d3w5wq",
+  styles: "width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBIdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXRWMi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL0Ryb3Bkb3duJ1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTZWxlY3RJbnB1dFByb3ZpZGVyIH0gZnJvbSAnLi9TZWxlY3RJbnB1dFByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEYXRhVHlwZSB9IGZyb20gJy4vdHlwZXMnXG5cbnR5cGUgU2VsZWN0SW5wdXRWMlByb3BzPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuID0gZmFsc2U+ID0ge1xuICAvKipcbiAgICogSW5wdXQgbmFtZVxuICAgKi9cbiAgbmFtZTogc3RyaW5nXG4gIC8qKlxuICAgKiBQbGFjZSBob2xkZXIgd2hlbiBubyB2YWx1ZSBkZWZpbmVkXG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZ1xuICAvKipcbiAgICogV2hlbiBzZWFyY2hhYmxlLCBwbGFjZWhvbGRlciB3aGVuIG5vIHZhbHVlIGlzIHNlYXJjaGVkXG4gICAqL1xuICBwbGFjZWhvbGRlclNlYXJjaD86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgb2YgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhlbHBlciB0ZXh0IHRvIGdpdmUgbW9yZSBpbmZvcm1hdGlvbiB0byB0aGUgdXNlclxuICAgKi9cbiAgaGVscGVyPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3RhYmxlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM6IERhdGFUeXBlXG4gIC8qKlxuICAgKiBNZXNzYWdlIHRvIHNob3cgd2hlbiBubyBvcHRpb24gYXZhaWxhYmxlXG4gICAqL1xuICBlbXB0eVN0YXRlPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0IGlzIHBvc3NpYmxlIHRvIHNlYXJjaCB0aHJvdWdoIHRoZSBpbnB1dFxuICAgKi9cbiAgc2VhcmNoYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBpbiBkaXNhYmxlZFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBjb21wb25lbnQgaW4gcmVhZE9ubHlcbiAgICovXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBjbGVhciB0aGUgc2VhcmNoIGlucHV0XG4gICAqL1xuICBjbGVhcmFibGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBpbnB1dFxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgLyoqXG4gICAqIFdoZXRoZXIgZmllbGQgaXMgcmVxdWlyZWRcbiAgICovXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogTW9yZSBpbmZvcm1hdGlvbiByZWdhcmRpbmcvZGVzY3JpcHRpb24gb2ZzIHRoZSBzZWxlY3RJbnB1dFxuICAgKi9cbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hldGhlciBvcHRpb24gZGVzY3JpcHRpb24gaXMgb24gdGhlIHJpZ2h0IG9mIHRoZSBvcHRpb24gb3IgdW5kZXIgaXRcbiAgICovXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICAvKipcbiAgICogV2hlcmUgdG8gcGxhY2UgdGhlIGFkZGl0aW9uYWwgaW5mbyBwcm9wXG4gICAqL1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ/OiAnbGVmdCcgfCAncmlnaHQnXG4gIC8qKlxuICAgKiBUbyBhZGQgY3VzdG9tIGZpeGVkIGVsZW1lbnRzIGF0IHRoZSBib3R0b20gb2YgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBmb290ZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIERpc3BsYXkgYW4gZXJyb3IgbWVzc2FnZSB1bmRlciB0aGUgc2VsZWN0IGJhclxuICAgKi9cbiAgZXJyb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIERpc3BsYXkgYSBzdWNjZXNzIG1lc3NhZ2UgdW5kZXIgdGhlIHNlbGVjdCBiYXJcbiAgICovXG4gIHN1Y2Nlc3M/OiBzdHJpbmdcbiAgLyoqXG4gICAqIExvYWQgbW9yZSBidXR0b24gdG8gaW1wbGVtZW50IGxhenkgbG9hZGluZ1xuICAgKi9cbiAgbG9hZE1vcmU/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdGhlIG9wdGlvbnMgYXJlIGxvYWRpbmcsIGRpc3BsYXkgYSBza2VsZXRvblxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQWRkcyBhbiBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9uc1xuICAgKi9cbiAgc2VsZWN0QWxsPzogeyBsYWJlbDogUmVhY3ROb2RlOyBkZXNjcmlwdGlvbj86IHN0cmluZyB9XG4gIC8qKlxuICAgKiBXaGVuIG9wdGlvbnMgYXJlIGdyb3VwLCBkZWZpbmUgYSBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9ucyBvZiBhIGdyb3VwXG4gICAqL1xuICBzZWxlY3RBbGxHcm91cD86IGJvb2xlYW5cbiAgYXV0b2ZvY3VzPzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBzZWxlY3QgbXVsdGlwbGUgb3B0aW9uc1xuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBJc011bHRpXG4gIC8qKlxuICAgKiBEZWZhdWx0IHZhbHVlLCBtdXN0IGJlIG9uZSBvZiB0aGUgb3B0aW9uc1xuICAgKi9cbiAgdmFsdWU/OiBJc011bHRpIGV4dGVuZHMgdHJ1ZSA/IHN0cmluZ1tdIDogc3RyaW5nXG4gIG9uQ2hhbmdlPzogSXNNdWx0aSBleHRlbmRzIHRydWVcbiAgICA/ICh2YWx1ZTogc3RyaW5nW10pID0+IHZvaWRcbiAgICA6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBQaWNrPFxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sXG4gICdpZCcgfCAnb25CbHVyJyB8ICdvbkZvY3VzJyB8ICdhcmlhLWxhYmVsJyB8ICdjbGFzc05hbWUnXG4+XG5cbmNvbnN0IFNlbGVjdElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG4vKipcbiAqIFNlbGVjdElucHV0VjIgY29tcG9uZW50IGlzIHVzZWQgdG8gc2VsZWN0IG9uZSBvciBtYW55IGVsZW1lbnRzIGZyb20gYSBzZWxlY3Rpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTZWxlY3RJbnB1dFYyID0gPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuPih7XG4gIG5hbWUsXG4gIGlkLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIG9uQ2hhbmdlLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgdmFsdWUsXG4gIGxhYmVsLFxuICBoZWxwZXIsXG4gIG9wdGlvbnMsXG4gIHNpemUgPSAnbGFyZ2UnLFxuICBlbXB0eVN0YXRlLFxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbiA9ICdjb2x1bW4nLFxuICBzdWNjZXNzLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBmb290ZXIsXG4gIHBsYWNlaG9sZGVyU2VhcmNoID0gJ1NlYXJjaCBpbiBsaXN0JyxcbiAgcGxhY2Vob2xkZXIgPSAnU2VsZWN0IGl0ZW0nLFxuICBzZWFyY2hhYmxlID0gdHJ1ZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgY2xlYXJhYmxlID0gdHJ1ZSxcbiAgbXVsdGlzZWxlY3QgPSBmYWxzZSxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgYXV0b2ZvY3VzLFxuICBsb2FkTW9yZSxcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgaXNMb2FkaW5nLFxuICBzZWxlY3RBbGwsXG4gIHNlbGVjdEFsbEdyb3VwID0gZmFsc2UsXG59OiBTZWxlY3RJbnB1dFYyUHJvcHM8SXNNdWx0aT4pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBudW1iZXJPZk9wdGlvbnMgPSBBcnJheS5pc0FycmF5KG9wdGlvbnMpXG4gICAgPyBvcHRpb25zLmxlbmd0aFxuICAgIDogT2JqZWN0LnZhbHVlcyhvcHRpb25zKS5yZWR1Y2UoXG4gICAgICAgIChhY2MsIGN1cnJlbnQpID0+XG4gICAgICAgICAgYWNjICsgY3VycmVudC5maWx0ZXIob3B0aW9uID0+ICFvcHRpb24uZGlzYWJsZWQpLmxlbmd0aCxcbiAgICAgICAgMCxcbiAgICAgIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RJbnB1dFByb3ZpZGVyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgbXVsdGlzZWxlY3Q9e211bHRpc2VsZWN0fVxuICAgICAgc2VsZWN0QWxsPXtzZWxlY3RBbGx9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzZWxlY3RBbGxHcm91cD17c2VsZWN0QWxsR3JvdXB9XG4gICAgICBudW1iZXJPZk9wdGlvbnM9e251bWJlck9mT3B0aW9uc31cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8U2VsZWN0SW5wdXRDb250YWluZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBhcmlhLWxhYmVsPXtuYW1lfVxuICAgICAgPlxuICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICBlbXB0eVN0YXRlPXtlbXB0eVN0YXRlfVxuICAgICAgICAgIGRlc2NyaXB0aW9uRGlyZWN0aW9uPXtkZXNjcmlwdGlvbkRpcmVjdGlvbn1cbiAgICAgICAgICBzZWFyY2hhYmxlPXtzZWFyY2hhYmxlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlclNlYXJjaH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICByZWZTZWxlY3Q9e3JlZn1cbiAgICAgICAgICBsb2FkTW9yZT17bG9hZE1vcmV9XG4gICAgICAgICAgb3B0aW9uYWxJbmZvUGxhY2VtZW50PXtvcHRpb25hbEluZm9QbGFjZW1lbnR9XG4gICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgID5cbiAgICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0+XG4gICAgICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9PlxuICAgICAgICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U3Ryb25nJyA6ICdib2R5U21hbGxTdHJvbmcnfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgbGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPEljb24gbmFtZT1cImFzdGVyaXNrXCIgc2VudGltZW50PVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtsYWJlbERlc2NyaXB0aW9uID8/IG51bGx9XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPFNlbGVjdEJhclxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICBjbGVhcmFibGU9e2NsZWFyYWJsZX1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgc3VjY2Vzcz17c3VjY2Vzc31cbiAgICAgICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgICAgICBhdXRvRm9jdXM9e2F1dG9mb2N1c31cbiAgICAgICAgICAgICAgaW5uZXJSZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgeyFlcnJvciAmJiAhc3VjY2VzcyA/IChcbiAgICAgICAgICA8SGVscGVyVGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3MgPyAoXG4gICAgICAgICAgPEhlbHBlclRleHRcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e2Vycm9yID8gJ2RhbmdlcicgOiAnc3VjY2Vzcyd9XG4gICAgICAgICAgICBwcm9taW5lbmNlPVwiZGVmYXVsdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3N9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU2VsZWN0SW5wdXRDb250YWluZXI+XG4gICAgPC9TZWxlY3RJbnB1dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const HelperText = /* @__PURE__ */ _styled__default.default(index.Text, process.env.NODE_ENV === "production" ? {
+  target: "ebdnz3x0"
+} : {
+  target: "ebdnz3x0",
+  label: "HelperText"
+})("padding-top:", ({
+  theme
+}) => theme.space["0.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZIK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXRWMi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL0Ryb3Bkb3duJ1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTZWxlY3RJbnB1dFByb3ZpZGVyIH0gZnJvbSAnLi9TZWxlY3RJbnB1dFByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEYXRhVHlwZSB9IGZyb20gJy4vdHlwZXMnXG5cbnR5cGUgU2VsZWN0SW5wdXRWMlByb3BzPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuID0gZmFsc2U+ID0ge1xuICAvKipcbiAgICogSW5wdXQgbmFtZVxuICAgKi9cbiAgbmFtZTogc3RyaW5nXG4gIC8qKlxuICAgKiBQbGFjZSBob2xkZXIgd2hlbiBubyB2YWx1ZSBkZWZpbmVkXG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZ1xuICAvKipcbiAgICogV2hlbiBzZWFyY2hhYmxlLCBwbGFjZWhvbGRlciB3aGVuIG5vIHZhbHVlIGlzIHNlYXJjaGVkXG4gICAqL1xuICBwbGFjZWhvbGRlclNlYXJjaD86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgb2YgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhlbHBlciB0ZXh0IHRvIGdpdmUgbW9yZSBpbmZvcm1hdGlvbiB0byB0aGUgdXNlclxuICAgKi9cbiAgaGVscGVyPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3RhYmxlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM6IERhdGFUeXBlXG4gIC8qKlxuICAgKiBNZXNzYWdlIHRvIHNob3cgd2hlbiBubyBvcHRpb24gYXZhaWxhYmxlXG4gICAqL1xuICBlbXB0eVN0YXRlPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0IGlzIHBvc3NpYmxlIHRvIHNlYXJjaCB0aHJvdWdoIHRoZSBpbnB1dFxuICAgKi9cbiAgc2VhcmNoYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBpbiBkaXNhYmxlZFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBjb21wb25lbnQgaW4gcmVhZE9ubHlcbiAgICovXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBjbGVhciB0aGUgc2VhcmNoIGlucHV0XG4gICAqL1xuICBjbGVhcmFibGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBpbnB1dFxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgLyoqXG4gICAqIFdoZXRoZXIgZmllbGQgaXMgcmVxdWlyZWRcbiAgICovXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogTW9yZSBpbmZvcm1hdGlvbiByZWdhcmRpbmcvZGVzY3JpcHRpb24gb2ZzIHRoZSBzZWxlY3RJbnB1dFxuICAgKi9cbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hldGhlciBvcHRpb24gZGVzY3JpcHRpb24gaXMgb24gdGhlIHJpZ2h0IG9mIHRoZSBvcHRpb24gb3IgdW5kZXIgaXRcbiAgICovXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICAvKipcbiAgICogV2hlcmUgdG8gcGxhY2UgdGhlIGFkZGl0aW9uYWwgaW5mbyBwcm9wXG4gICAqL1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ/OiAnbGVmdCcgfCAncmlnaHQnXG4gIC8qKlxuICAgKiBUbyBhZGQgY3VzdG9tIGZpeGVkIGVsZW1lbnRzIGF0IHRoZSBib3R0b20gb2YgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBmb290ZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIERpc3BsYXkgYW4gZXJyb3IgbWVzc2FnZSB1bmRlciB0aGUgc2VsZWN0IGJhclxuICAgKi9cbiAgZXJyb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIERpc3BsYXkgYSBzdWNjZXNzIG1lc3NhZ2UgdW5kZXIgdGhlIHNlbGVjdCBiYXJcbiAgICovXG4gIHN1Y2Nlc3M/OiBzdHJpbmdcbiAgLyoqXG4gICAqIExvYWQgbW9yZSBidXR0b24gdG8gaW1wbGVtZW50IGxhenkgbG9hZGluZ1xuICAgKi9cbiAgbG9hZE1vcmU/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdGhlIG9wdGlvbnMgYXJlIGxvYWRpbmcsIGRpc3BsYXkgYSBza2VsZXRvblxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQWRkcyBhbiBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9uc1xuICAgKi9cbiAgc2VsZWN0QWxsPzogeyBsYWJlbDogUmVhY3ROb2RlOyBkZXNjcmlwdGlvbj86IHN0cmluZyB9XG4gIC8qKlxuICAgKiBXaGVuIG9wdGlvbnMgYXJlIGdyb3VwLCBkZWZpbmUgYSBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9ucyBvZiBhIGdyb3VwXG4gICAqL1xuICBzZWxlY3RBbGxHcm91cD86IGJvb2xlYW5cbiAgYXV0b2ZvY3VzPzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBzZWxlY3QgbXVsdGlwbGUgb3B0aW9uc1xuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBJc011bHRpXG4gIC8qKlxuICAgKiBEZWZhdWx0IHZhbHVlLCBtdXN0IGJlIG9uZSBvZiB0aGUgb3B0aW9uc1xuICAgKi9cbiAgdmFsdWU/OiBJc011bHRpIGV4dGVuZHMgdHJ1ZSA/IHN0cmluZ1tdIDogc3RyaW5nXG4gIG9uQ2hhbmdlPzogSXNNdWx0aSBleHRlbmRzIHRydWVcbiAgICA/ICh2YWx1ZTogc3RyaW5nW10pID0+IHZvaWRcbiAgICA6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBQaWNrPFxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sXG4gICdpZCcgfCAnb25CbHVyJyB8ICdvbkZvY3VzJyB8ICdhcmlhLWxhYmVsJyB8ICdjbGFzc05hbWUnXG4+XG5cbmNvbnN0IFNlbGVjdElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG4vKipcbiAqIFNlbGVjdElucHV0VjIgY29tcG9uZW50IGlzIHVzZWQgdG8gc2VsZWN0IG9uZSBvciBtYW55IGVsZW1lbnRzIGZyb20gYSBzZWxlY3Rpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTZWxlY3RJbnB1dFYyID0gPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuPih7XG4gIG5hbWUsXG4gIGlkLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIG9uQ2hhbmdlLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgdmFsdWUsXG4gIGxhYmVsLFxuICBoZWxwZXIsXG4gIG9wdGlvbnMsXG4gIHNpemUgPSAnbGFyZ2UnLFxuICBlbXB0eVN0YXRlLFxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbiA9ICdjb2x1bW4nLFxuICBzdWNjZXNzLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBmb290ZXIsXG4gIHBsYWNlaG9sZGVyU2VhcmNoID0gJ1NlYXJjaCBpbiBsaXN0JyxcbiAgcGxhY2Vob2xkZXIgPSAnU2VsZWN0IGl0ZW0nLFxuICBzZWFyY2hhYmxlID0gdHJ1ZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgY2xlYXJhYmxlID0gdHJ1ZSxcbiAgbXVsdGlzZWxlY3QgPSBmYWxzZSxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgYXV0b2ZvY3VzLFxuICBsb2FkTW9yZSxcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgaXNMb2FkaW5nLFxuICBzZWxlY3RBbGwsXG4gIHNlbGVjdEFsbEdyb3VwID0gZmFsc2UsXG59OiBTZWxlY3RJbnB1dFYyUHJvcHM8SXNNdWx0aT4pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBudW1iZXJPZk9wdGlvbnMgPSBBcnJheS5pc0FycmF5KG9wdGlvbnMpXG4gICAgPyBvcHRpb25zLmxlbmd0aFxuICAgIDogT2JqZWN0LnZhbHVlcyhvcHRpb25zKS5yZWR1Y2UoXG4gICAgICAgIChhY2MsIGN1cnJlbnQpID0+XG4gICAgICAgICAgYWNjICsgY3VycmVudC5maWx0ZXIob3B0aW9uID0+ICFvcHRpb24uZGlzYWJsZWQpLmxlbmd0aCxcbiAgICAgICAgMCxcbiAgICAgIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RJbnB1dFByb3ZpZGVyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgbXVsdGlzZWxlY3Q9e211bHRpc2VsZWN0fVxuICAgICAgc2VsZWN0QWxsPXtzZWxlY3RBbGx9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzZWxlY3RBbGxHcm91cD17c2VsZWN0QWxsR3JvdXB9XG4gICAgICBudW1iZXJPZk9wdGlvbnM9e251bWJlck9mT3B0aW9uc31cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8U2VsZWN0SW5wdXRDb250YWluZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBhcmlhLWxhYmVsPXtuYW1lfVxuICAgICAgPlxuICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICBlbXB0eVN0YXRlPXtlbXB0eVN0YXRlfVxuICAgICAgICAgIGRlc2NyaXB0aW9uRGlyZWN0aW9uPXtkZXNjcmlwdGlvbkRpcmVjdGlvbn1cbiAgICAgICAgICBzZWFyY2hhYmxlPXtzZWFyY2hhYmxlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlclNlYXJjaH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICByZWZTZWxlY3Q9e3JlZn1cbiAgICAgICAgICBsb2FkTW9yZT17bG9hZE1vcmV9XG4gICAgICAgICAgb3B0aW9uYWxJbmZvUGxhY2VtZW50PXtvcHRpb25hbEluZm9QbGFjZW1lbnR9XG4gICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgID5cbiAgICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0+XG4gICAgICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9PlxuICAgICAgICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U3Ryb25nJyA6ICdib2R5U21hbGxTdHJvbmcnfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgbGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPEljb24gbmFtZT1cImFzdGVyaXNrXCIgc2VudGltZW50PVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtsYWJlbERlc2NyaXB0aW9uID8/IG51bGx9XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPFNlbGVjdEJhclxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICBjbGVhcmFibGU9e2NsZWFyYWJsZX1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgc3VjY2Vzcz17c3VjY2Vzc31cbiAgICAgICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgICAgICBhdXRvRm9jdXM9e2F1dG9mb2N1c31cbiAgICAgICAgICAgICAgaW5uZXJSZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgeyFlcnJvciAmJiAhc3VjY2VzcyA/IChcbiAgICAgICAgICA8SGVscGVyVGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3MgPyAoXG4gICAgICAgICAgPEhlbHBlclRleHRcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e2Vycm9yID8gJ2RhbmdlcicgOiAnc3VjY2Vzcyd9XG4gICAgICAgICAgICBwcm9taW5lbmNlPVwiZGVmYXVsdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3N9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU2VsZWN0SW5wdXRDb250YWluZXI+XG4gICAgPC9TZWxlY3RJbnB1dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
+const SelectInputV2 = ({
+  name,
+  id,
+  onBlur,
+  onFocus,
+  onChange,
+  "aria-label": ariaLabel,
+  value,
+  label,
+  helper,
+  options,
+  size = "large",
+  emptyState,
+  descriptionDirection = "column",
+  success,
+  error,
+  "data-testid": dataTestId,
+  className,
+  footer,
+  placeholderSearch = "Search in list",
+  placeholder = "Select item",
+  searchable = true,
+  disabled = false,
+  readOnly = false,
+  clearable = true,
+  multiselect = false,
+  required = false,
+  labelDescription,
+  autofocus,
+  loadMore,
+  optionalInfoPlacement = "right",
+  isLoading,
+  selectAll,
+  selectAllGroup = false
+}) => {
+  const ref = React.useRef(null);
+  const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce((acc, current) => acc + current.filter((option) => !option.disabled).length, 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectInputProvider.SelectInputProvider, { options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, onChange, children: /* @__PURE__ */ jsxRuntime.jsxs(SelectInputContainer, { id, onBlur, onFocus, "data-testid": dataTestId, className, "aria-label": name, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown, { emptyState, descriptionDirection, searchable, placeholder: placeholderSearch, footer, refSelect: ref, loadMore, optionalInfoPlacement, isLoading, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 0.5, "aria-label": ariaLabel, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "row", gap: 0.5, children: [
+        label ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "label", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: label }) : null,
+        required && label ? /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "asterisk", sentiment: "danger", size: 8 }) : null,
+        labelDescription ?? null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectBar.SelectBar, { size, clearable, readOnly, disabled, placeholder, success, error, autoFocus: autofocus, innerRef: ref })
+    ] }) }),
+    !error && !success ? /* @__PURE__ */ jsxRuntime.jsx(HelperText, { variant: "caption", as: "p", sentiment: "neutral", prominence: "default", children: helper }) : null,
+    error || success ? /* @__PURE__ */ jsxRuntime.jsx(HelperText, { variant: "caption", as: "p", sentiment: error ? "danger" : "success", prominence: "default", children: error || success }) : null
+  ] }) });
+};
+exports.SelectInputV2 = SelectInputV2;