@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/{src/components → components}/SelectInputV2/SelectInputProvider.js

@@ -1,16 +1,18 @@
-import { useMemo, useState, useReducer, createContext, useContext } from 'react';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-const SelectInputContext = /*#__PURE__*/createContext({
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useMemo, useState, useReducer, useContext } from "react";
+const SelectInputContext = createContext({
   options: [],
   multiselect: false,
-  onSearch: () => {},
+  onSearch: () => {
+  },
   isDropdownVisible: false,
-  setIsDropdownVisible: () => {},
-  searchInput: '',
-  setSearchInput: () => {},
+  setIsDropdownVisible: () => {
+  },
+  searchInput: "",
+  setSearchInput: () => {
+  },
   selectAll: {
-    label: ''
+    label: ""
   },
   selectAllGroup: false,
   numberOfOptions: 0,
@@ -20,8 +22,10 @@ const SelectInputContext = /*#__PURE__*/createContext({
     selectedGroups: [],
     selectedValues: []
   },
-  setSelectedData: () => {},
-  onChange: () => {}
+  setSelectedData: () => {
+  },
+  onChange: () => {
+  }
 });
 const useSelectInput = () => useContext(SelectInputContext);
 const SelectInputProvider = ({
@@ -47,14 +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 [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]);
@@ -66,7 +70,7 @@ const SelectInputProvider = ({
   }, [options]);
   const reducer = (state, action) => {
     switch (action.type) {
-      case 'selectAll':
+      case "selectAll":
         if (state.allSelected) {
           return {
             selectedValues: [],
@@ -75,21 +79,21 @@ const SelectInputProvider = ({
           };
         }
         return {
-          selectedValues: allValues.map(option => option.value),
+          selectedValues: allValues.map((option) => option.value),
           allSelected: true,
           selectedGroups: allGroups
         };
-      case 'selectGroup':
+      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)),
+              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,
@@ -97,19 +101,19 @@ const SelectInputProvider = ({
           };
         }
         return state;
-      case 'selectOption':
+      case "selectOption":
         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],
             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 {
@@ -117,22 +121,21 @@ const SelectInputProvider = ({
           allSelected: false,
           selectedGroups: state.selectedGroups
         };
-      case 'clearAll':
+      case "clearAll":
         return {
           selectedGroups: [],
           selectedValues: [],
           allSelected: false
         };
-      case 'update':
-        // update the selected values to only keep non-disabled one
+      case "update":
         return {
           selectedGroups: state.selectedGroups,
           allSelected: state.allSelected,
-          selectedValues: state.selectedValues.filter(selectedValue => {
+          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:
@@ -160,10 +163,9 @@ const SelectInputProvider = ({
     setSelectedData,
     onChange
   }), [displayedOptions, isDropdownVisible, multiselect, numberOfOptions, options, searchInput, selectAll, selectAllGroup, selectedData, onChange]);
-  return jsx(SelectInputContext.Provider, {
-    value: providerValue,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(SelectInputContext.Provider, { value: providerValue, children });
+};
+export {
+  SelectInputProvider,
+  useSelectInput
 };
-
-export { SelectInputProvider, useSelectInput };

package/dist/components/SelectInputV2/findOptionInOptions.d.ts

@@ -0,0 +1,2 @@
+import type { DataType, OptionType } from './types';
+export declare const findOptionInOptions: (options: DataType, optionValue: string) => OptionType | undefined;

package/dist/components/SelectInputV2/findOptionInOptions.js

@@ -0,0 +1,12 @@
+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);
+};
+export {
+  findOptionInOptions
+};

package/dist/components/SelectInputV2/index.d.ts

@@ -0,0 +1,115 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DataType } from './types';
+type SelectInputV2Props<IsMulti extends undefined | boolean = false> = {
+    /**
+     * Input name
+     */
+    name: string;
+    /**
+     * Place holder when no value defined
+     */
+    placeholder?: string;
+    /**
+     * When searchable, placeholder when no value is searched
+     */
+    placeholderSearch?: string;
+    /**
+     * Label of the component
+     */
+    label?: string;
+    /**
+     * Helper text to give more information to the user
+     */
+    helper?: string;
+    /**
+     * Selectable options
+     */
+    options: DataType;
+    /**
+     * Message to show when no option available
+     */
+    emptyState?: ReactNode;
+    /**
+     * Whether it is possible to search through the input
+     */
+    searchable?: boolean;
+    /**
+     * Whether the component in disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the component in readOnly
+     */
+    readOnly?: boolean;
+    /**
+     * Whether it is possible to clear the search input
+     */
+    clearable?: boolean;
+    /**
+     * Size of the input
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Whether field is required
+     */
+    required?: boolean;
+    /**
+     * More information regarding/description ofs the selectInput
+     */
+    labelDescription?: ReactNode;
+    /**
+     * Whether option description is on the right of the option or under it
+     */
+    descriptionDirection?: 'row' | 'column';
+    /**
+     * Where to place the additional info prop
+     */
+    optionalInfoPlacement?: 'left' | 'right';
+    /**
+     * To add custom fixed elements at the bottom of the dropdown
+     */
+    footer?: ReactNode;
+    /**
+     * Display an error message under the select bar
+     */
+    error?: string;
+    /**
+     * Display a success message under the select bar
+     */
+    success?: string;
+    /**
+     * Load more button to implement lazy loading
+     */
+    loadMore?: ReactNode;
+    /**
+     * When the options are loading, display a skeleton
+     */
+    isLoading?: boolean;
+    /**
+     * Adds an option to select every selectable options
+     */
+    selectAll?: {
+        label: ReactNode;
+        description?: string;
+    };
+    /**
+     * When options are group, define a option to select every selectable options of a group
+     */
+    selectAllGroup?: boolean;
+    autofocus?: boolean;
+    /**
+     * Whether it is possible to select multiple options
+     */
+    multiselect?: IsMulti;
+    /**
+     * Default value, must be one of the options
+     */
+    value?: IsMulti extends true ? string[] : string;
+    onChange?: IsMulti extends true ? (value: string[]) => void : (value: string) => void;
+    'data-testid'?: string;
+} & Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className'>;
+/**
+ * SelectInputV2 component is used to select one or many elements from a selection.
+ */
+export declare const SelectInputV2: <IsMulti extends boolean | undefined>({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, "data-testid": dataTestId, className, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, }: SelectInputV2Props<IsMulti>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SelectInputV2/index.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Icon } from "@ultraviolet/icons";
+import { useRef } from "react";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { Dropdown } from "./Dropdown.js";
+import { SelectBar } from "./SelectBar.js";
+import { SelectInputProvider } from "./SelectInputProvider.js";
+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("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(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 = 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__ */ jsx(SelectInputProvider, { options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, onChange, children: /* @__PURE__ */ jsxs(SelectInputContainer, { id, onBlur, onFocus, "data-testid": dataTestId, className, "aria-label": name, children: [
+    /* @__PURE__ */ jsx(Dropdown, { emptyState, descriptionDirection, searchable, placeholder: placeholderSearch, footer, refSelect: ref, loadMore, optionalInfoPlacement, isLoading, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, "aria-label": ariaLabel, children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 0.5, children: [
+        label ? /* @__PURE__ */ jsx(Text, { as: "label", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: label }) : null,
+        required && label ? /* @__PURE__ */ jsx(Icon, { name: "asterisk", sentiment: "danger", size: 8 }) : null,
+        labelDescription ?? null
+      ] }),
+      /* @__PURE__ */ jsx(SelectBar, { size, clearable, readOnly, disabled, placeholder, success, error, autoFocus: autofocus, innerRef: ref })
+    ] }) }),
+    !error && !success ? /* @__PURE__ */ jsx(HelperText, { variant: "caption", as: "p", sentiment: "neutral", prominence: "default", children: helper }) : null,
+    error || success ? /* @__PURE__ */ jsx(HelperText, { variant: "caption", as: "p", sentiment: error ? "danger" : "success", prominence: "default", children: error || success }) : null
+  ] }) });
+};
+export {
+  SelectInputV2
+};

package/dist/components/SelectInputV2/types.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+export type OptionType = {
+    value: string;
+    label: ReactNode;
+    disabled: boolean;
+    description?: string;
+    optionalInfo?: ReactNode;
+    searchText?: string;
+};
+export type DataType = Record<string, OptionType[]> | OptionType[];
+export type ReducerState = {
+    selectedValues: string[];
+    allSelected: boolean;
+    selectedGroups: string[];
+};
+export type ReducerAction = {
+    type: 'selectAll';
+} | {
+    type: 'selectGroup';
+    selectedGroup: string;
+} | {
+    type: 'selectOption';
+    clickedOption: OptionType;
+    group?: string;
+} | {
+    type: 'clearAll';
+} | {
+    type: 'update';
+};
+export declare const INPUT_SIZE_HEIGHT: {
+    readonly large: 48;
+    readonly medium: 40;
+    readonly small: 32;
+};
+export declare const SIZES_TAG: {
+    readonly letterWidth: 5;
+    readonly tagWidth: 72;
+};

package/dist/{src/components → components}/SelectInputV2/types.js

@@ -7,5 +7,7 @@ const SIZES_TAG = {
   letterWidth: 5,
   tagWidth: 72
 };
-
-export { INPUT_SIZE_HEIGHT, SIZES_TAG };
+export {
+  INPUT_SIZE_HEIGHT,
+  SIZES_TAG
+};

package/dist/components/SelectableCard/index.d.ts

@@ -0,0 +1,25 @@
+import type { ChangeEventHandler, FocusEventHandler, ReactNode } from 'react';
+type SelectableCardProps = {
+    name?: string;
+    children?: (({ disabled, checked, }: Pick<SelectableCardProps, 'checked' | 'disabled'>) => ReactNode) | ReactNode;
+    value: string | number;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    showTick?: boolean;
+    type?: 'radio' | 'checkbox';
+    disabled?: boolean;
+    checked?: boolean;
+    className?: string;
+    isError?: boolean;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    id?: string;
+    tooltip?: string;
+    label?: ReactNode;
+    'data-testid'?: string;
+};
+/**
+ * SelectableCard is a component that can be used to create a radio or checkbox card.
+ * It can be used to create a list of selectable items or a single selectable item.
+ */
+export declare const SelectableCard: import("react").ForwardRefExoticComponent<SelectableCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};