@dreamcommerce/aurora 2.1.12 → 2.1.14

package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState, useEffect } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssRangePicker, cssRangePickerContainer } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
 import { PureDatepicker } from '../components/pure_date_picker.js';
 import CommonRanges from '../components/common_ranges.js';

package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePicker } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { PureDatepicker } from '../components/pure_date_picker.js';
 import Buttons from '../components/buttons.js';
 

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -5,7 +5,7 @@ import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
-import iconCssClasses from '../../../css/icons/main.module.less.js';
+import cssClasses$1 from '../../../css/icons/main.module.less.js';
 import { classNames } from '../../../utilities/styles/classNames.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
@@ -78,7 +78,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
                 React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
-                    headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
+                    headerGoBackIcon || React.createElement(IconArrow, { className: cssClasses$1['icon_rotate-180'] }),
                     React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };

package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IDropdownListProps } from '../types';
+import React from 'react';
 /**
  * Dropdown.List component. Displays list.
  * @component

package/build/esm/packages/aurora/src/components/dropdown/components/list.js

@@ -19,11 +19,11 @@ isWithGroups,
 /**
  * Children nodes
  */
-children }) => {
+children, onScroll }) => {
     const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {
         [cssClasses[cssDropdownListWithGroup]]: isWithGroups
     });
-    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
+    return (React.createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
 };
 
 export default List;

package/build/esm/packages/aurora/src/components/dropdown/components/select.js

@@ -1,8 +1,11 @@
 import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
+import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
+import inputCssClasses from '../../../css/input/main.module.less.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
+import IconClose from '../../../assets/icon_close.js';
 
 /**
  * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
@@ -26,7 +29,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions }) => {
+selectedOptions, placeholder, onRemoveOptions }) => {
     const ref = useRef(null);
     /**
      * get values from dropdown context
@@ -42,8 +45,13 @@ selectedOptions }) => {
     const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
     const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    const handleOnClick = (ev) => {
+        ev.stopPropagation();
+        onRemoveOptions && onRemoveOptions();
+    };
     return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
+                React.createElement(IconClose, { size: "s" }))) }),
         $hiddenInputs));
 };
 

package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -98,7 +98,7 @@ onChange }) => {
     useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
             React.createElement(Dropdown.Content, null,
                 isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
                 React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -75,7 +75,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer }) => {
+portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -105,13 +105,15 @@ portalContainer }) => {
     }, [options]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
             React.createElement(Dropdown.Content, { portalContainer: portalContainer },
                 isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
-                    var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
-                }))))));
+                React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
+                    optionsList.map((option) => {
+                        var _a, _b;
+                        return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
+                    }),
+                    innerAdditionalContent)))));
 };
 
 export default Select;

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts

@@ -12,7 +12,7 @@ import { ISelectOption } from '../types';
  *
  * @returns {Array} Tuple - selected values and state setter for them
  */
-export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
+export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption?: ISelectOption) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
 /**
  * dropdown:change event
  *

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js

@@ -16,7 +16,7 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
     const [selectedValues, setSelectedValue] = useState([]);
     const setSelectedValues = useCallback((selectedOption) => {
         var _a;
-        setSelectedValue(() => [selectedOption]);
+        setSelectedValue(selectedOption ? () => [selectedOption] : []);
         if (typeof onChangeCb === 'function') {
             onChangeCb(selectedOption);
             const event = new CustomEvent('dropdown:change', {

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.d.ts

@@ -13,7 +13,7 @@ import { ISelectOption } from '../types';
  *
  * @returns {Array} Tuple - selected values and state setter for them
  */
-export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
+export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
 /**
  * dropdown:change event
  *

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -22,6 +22,10 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
      * @param {ISelectOption} selectedOption choosen option
      */
     const setSelectedValues = useCallback((selectedOption) => {
+        if (!selectedOption) {
+            setSelectedValue([]);
+            return;
+        }
         setSelectedValue((previousSelectedOptions) => {
             var _a;
             let allSelectedOptions;

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/types.d.ts

@@ -26,6 +26,8 @@ export interface IDropdownSelectProps {
     selectedOptions: Array<ISelectOption>;
     isDisabled?: boolean;
     isReadonly?: boolean;
+    placeholder?: string;
+    onRemoveOptions?: (...args: any[]) => any;
 }
 export interface IDropdownLabelProps {
     label: string;
@@ -57,6 +59,7 @@ export interface IDropdownSearchProps {
 export interface IDropdownListProps {
     isWithGroups?: boolean;
     children?: ReactNode;
+    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
 }
 export interface IDropdownOptionProps {
     option: ISelectOption;
@@ -91,7 +94,10 @@ export interface ISelectProps extends IDropdownProps {
     isReadonly?: boolean;
     isDisabled?: boolean;
     isWithSearch?: boolean;
+    placeholder?: string;
+    innerAdditionalContent?: React.ReactNode;
     onChange?: (selectedOption: ISelectOption) => void;
+    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
 }
 export interface ISelectOption {
     text: string;

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
+import IconClose from '../../../assets/icon_close.js';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';
-import IconClose from '../../../assets/icon_close.js';
 import Grid from '../../grid/index.js';
 
 const FlashMessage = ({ message }) => {

package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n  display: flex;\n  align-items: center;\n  color: #e60c54;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n  fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  transform: translateY(-25%) rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/packages/aurora/src/css/icons/main.module.less.js

@@ -1,8 +1,8 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".main-module_icon__orgwn {\n  display: inline-flex;\n  fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n  transform: rotate(180deg);\n}\n";
-var iconCssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ"};
+var css_248z = ".main-module_icon__orgwn {\n  display: inline-flex;\n  fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n  transform: rotate(180deg);\n}\n.main-module_icon_s__31065 {\n  width: 8px;\n  height: 8px;\n}\n.main-module_icon_m__1LrtC {\n  width: 13px;\n  height: 13px;\n}\n";
+var cssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ","icon_s":"main-module_icon_s__31065","icon_m":"main-module_icon_m__1LrtC"};
 styleInject(css_248z);
 
-export default iconCssClasses;
+export default cssClasses;
 //# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/input/main.module.less.js

@@ -1,8 +1,8 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n  width: 100%;\n  padding: 0.715em;\n  display: block;\n  outline: 0;\n  font-family: inherit;\n  color: #2d3748;\n  font-size: 14px;\n  font-size: 1rem;\n  transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n  border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n  border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n  border-color: #3c83ec;\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n  background-color: #ececec;\n  border-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n  background-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n  padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n  padding-right: 2rem;\n}\n.main-module_control__input__sYzjo {\n  cursor: default;\n}\n::-moz-placeholder {\n  color: #abb4cd;\n}\n:-ms-input-placeholder {\n  color: #abb4cd;\n}\n::placeholder {\n  color: #abb4cd;\n}\n";
-var cssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n  width: 100%;\n  padding: 0.715em;\n  display: block;\n  outline: 0;\n  font-family: inherit;\n  color: #2d3748;\n  font-size: 14px;\n  font-size: 1rem;\n  transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n  border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n  border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n  border-color: #3c83ec;\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n  background-color: #ececec;\n  border-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n  background-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n  padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n  padding-right: 2rem;\n  display: flex;\n}\n.main-module_control__input__sYzjo {\n  cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n  background-color: transparent;\n  padding-right: 11px;\n  border-right: 1px solid #abb4cd;\n  cursor: pointer;\n}\n::-moz-placeholder {\n  color: #abb4cd;\n}\n:-ms-input-placeholder {\n  color: #abb4cd;\n}\n::placeholder {\n  color: #abb4cd;\n}\n";
+var inputCssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
 styleInject(css_248z);
 
-export default cssClasses;
+export default inputCssClasses;
 //# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/index.d.ts

@@ -12,12 +12,6 @@ import AbsoluteModal from "./components/modal/hoc/absolute_modal";
 import Button from "./components/button";
 import ButtonsGroup from "./components/buttons_group";
 import ColorPicker from "./components/color_picker";
-import Tabs from "./components/tabs/components/tabs";
-import TabsItem from "./components/tabs/components/tabs_item";
-import TabsItemList from "./components/tabs/components/tabs_item_list";
-import TabsPanel from "./components/tabs/components/tabs_panel";
-import TabsPanelList from "./components/tabs/components/tabs_panel_list";
-import TabsWrapper from "./components/tabs/components/tabs_wrapper";
 import ControlCellSelector from "./components/controls/hoc/control_cell_selector";
 import ControlCheckbox from "./components/controls/hoc/control_checkbox";
 import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_switch";
@@ -60,6 +54,7 @@ import IconArrow from "./assets/icon_arrow";
  */
 import IconCalendar from "./assets/icon_calendar";
 import IconTick from "./assets/icon_tick";
+import IconWarning from "./assets/icon_warning";
 import Label from "./components/label";
 import Link from "./components/link";
 import Loader from "./components/loader";
@@ -77,19 +72,26 @@ import Spacing from "./components/spacing";
 import { TFilePickerFile } from "./components/file_picker/types";
 import { TMessageBoxType } from "./components/message-box/types";
 import Table from "./components/table";
+import Tabs from "./components/tabs/components/tabs";
+import TabsItem from "./components/tabs/components/tabs_item";
+import TabsItemList from "./components/tabs/components/tabs_item_list";
+import TabsPanel from "./components/tabs/components/tabs_panel";
+import TabsPanelList from "./components/tabs/components/tabs_panel_list";
+import TabsWrapper from "./components/tabs/components/tabs_wrapper";
 import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
 import WithLoader from "./components/with_loader";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
+import { useToggle } from "./components/dropdown/hooks";
 /**
  * export hooks
  */
 /**
  * export components
  */
-export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link };
+export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconWarning, useToggle };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -3,12 +3,6 @@ export { default as Button } from './components/button/index.js';
 export { default as ButtonsGroup } from './components/buttons_group/index.js';
 export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
 export { default as ColorPicker } from './components/color_picker/index.js';
-export { default as Tabs } from './components/tabs/components/tabs.js';
-export { TabsItem } from './components/tabs/components/tabs_item.js';
-export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
-export { TabsPanel } from './components/tabs/components/tabs_panel.js';
-export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
-export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
 export { default as IconTick } from './assets/icon_tick.js';
 export { default as Label } from './components/label/index.js';
 export { default as Hint } from './components/hint/index.js';
@@ -16,6 +10,7 @@ export { default as ControlCellSelector } from './components/controls/hoc/contro
 export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
 export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
 export { default as IconArrow } from './assets/icon_arrow.js';
+export { useToggle } from './components/dropdown/hooks/use_toggle.js';
 export { default as Dropdown } from './components/dropdown/index.js';
 export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
 export { default as IconCalendar } from './assets/icon_calendar.js';
@@ -44,6 +39,7 @@ export { default as FlashMessagesList } from './components/flash_messenger/compo
 export { default as FlashMessenger } from './components/flash_messenger/index.js';
 export { default as Gallery } from './components/gallery/index.js';
 export { default as Heading } from './components/heading/index.js';
+export { default as IconWarning } from './assets/icon_warning.js';
 export { default as Link } from './components/link/index.js';
 export { default as Loader } from './components/loader/index.js';
 export { default as Modal } from './components/modal/index.js';
@@ -54,6 +50,12 @@ export { SearchList } from './components/search_list/components/search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
 export { default as Spacing } from './components/spacing/index.js';
+export { default as Tabs } from './components/tabs/components/tabs.js';
+export { TabsItem } from './components/tabs/components/tabs_item.js';
+export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
+export { TabsPanel } from './components/tabs/components/tabs_panel.js';
+export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
+export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
 export { default as Tooltip } from './components/tooltip/index.js';
 export { default as WithLoader } from './components/with_loader/index.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.1.12",
+  "version": "2.1.14",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",