@dreamcommerce/aurora 2.1.10 → 2.1.12

package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISearchListResultsProps } from '../types';
+export declare const SearchListResults: FC<ISearchListResultsProps>;
+export default SearchListResults;

package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useSearchList } from '../context.js';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/search_list/main.module.less.js';
+
+const SearchListResults = ({ SearchListItem }) => {
+    const [{ items }] = useSearchList();
+    return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListResults] }, items.map((item, index) => {
+        return React.createElement(SearchListItem, { key: `search-item-${index}`, item: item });
+    })));
+};
+
+export default SearchListResults;
+export { SearchListResults };
+//# sourceMappingURL=search_list_results.js.map

package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/search_list/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SET_ITEMS = "set-items";
+export declare const FILTER_ITEMS = "filter-items";
+export declare const SET_SEARCH_VALUE = "set-search-value";
+export declare const FILTER_KEY = "name";

package/build/esm/packages/aurora/src/components/search_list/constants.js

@@ -0,0 +1,7 @@
+const SET_ITEMS = 'set-items';
+const FILTER_ITEMS = 'filter-items';
+const SET_SEARCH_VALUE = 'set-search-value';
+const FILTER_KEY = 'name';
+
+export { FILTER_ITEMS, FILTER_KEY, SET_ITEMS, SET_SEARCH_VALUE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/search_list/constants.js.map

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

package/build/esm/packages/aurora/src/components/search_list/context.d.ts

@@ -0,0 +1,5 @@
+import { ISearchListContextProviderProps, SearchListState } from './types';
+import { Dispatch, FC } from 'react';
+export declare type SearchListContext = [SearchListState, Dispatch<any>];
+export declare const SearchListContextProvider: FC<ISearchListContextProviderProps>;
+export declare const useSearchList: () => SearchListContext;

package/build/esm/packages/aurora/src/components/search_list/context.js

@@ -0,0 +1,51 @@
+import React, { createContext, useReducer, useMemo, useContext } from 'react';
+import { SET_SEARCH_VALUE, FILTER_ITEMS, SET_ITEMS } from './constants.js';
+
+const SearchListContext = createContext(null);
+const reducer = (state, action) => {
+    switch (action.type) {
+        case SET_ITEMS: {
+            return {
+                ...state,
+                items: action.payload.items
+            };
+        }
+        case FILTER_ITEMS: {
+            const filteredItems = state.initialData.filter((item) => {
+                var _a;
+                return (_a = item[action.payload.filterKey]) === null || _a === void 0 ? void 0 : _a.includes(action.payload.searchValue);
+            });
+            return {
+                ...state,
+                items: filteredItems
+            };
+        }
+        case SET_SEARCH_VALUE: {
+            return {
+                ...state,
+                searchValue: action.payload.searchValue
+            };
+        }
+        default:
+            return state;
+    }
+};
+const SearchListContextProvider = ({ children, data }) => {
+    const [state, dispatch] = useReducer(reducer, {
+        items: data,
+        initialData: [...data],
+        searchValue: ''
+    });
+    const value = useMemo(() => [state, dispatch], [state]);
+    return React.createElement(SearchListContext.Provider, { value: value }, children);
+};
+const useSearchList = () => {
+    const context = useContext(SearchListContext);
+    if (!context) {
+        throw new Error('useSearchList must be used within SearchListProvider');
+    }
+    return context;
+};
+
+export { SearchListContextProvider, useSearchList };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/search_list/context.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/search_list/css_classes.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    searchList: string;
+    searchListInput: string;
+    searchListInputField: string;
+    searchListInputIcon: string;
+    searchListInputFieldWithIcon: string;
+    searchListResults: string;
+};
+export default _default;

package/build/esm/packages/aurora/src/components/search_list/css_classes.js

@@ -0,0 +1,11 @@
+var CSS_CLASSES = {
+    searchList: 'search-list',
+    searchListInput: 'search-list__input',
+    searchListInputField: 'search-list__input-field',
+    searchListInputIcon: 'search-list__input-icon',
+    searchListInputFieldWithIcon: 'search-list__input-field-with-icon',
+    searchListResults: 'search-list__results'
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/search_list/css_classes.js.map

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

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

@@ -0,0 +1,53 @@
+import { Dispatch, FC, ReactNode } from 'react';
+import { FILTER_ITEMS, SET_ITEMS, SET_SEARCH_VALUE } from './constants';
+export interface ISearchListProps {
+    children: ReactNode;
+    data: TSearchListItem[];
+}
+export interface ISearchListInputProps {
+    placeholderText?: string;
+    hasIcon?: boolean;
+}
+export declare type TSearchListItem = {
+    name: string;
+};
+export declare type TSearchListItemProps<Item = unknown> = {
+    item: Item & TSearchListItem;
+};
+export interface ISearchListResultsProps {
+    SearchListItem: FC<TSearchListItemProps>;
+}
+export declare type SearchListState = {
+    items: TSearchListItem[];
+    initialData: TSearchListItem[];
+    searchValue: string;
+};
+interface ISetItems {
+    type: typeof SET_ITEMS;
+    payload: {
+        items: TSearchListItem[];
+    };
+}
+interface IFilterItems {
+    type: typeof FILTER_ITEMS;
+    payload: {
+        filterKey: string;
+        searchValue: string;
+    };
+}
+interface ISetSearchValue {
+    type: typeof SET_SEARCH_VALUE;
+    payload: {
+        searchValue: string;
+    };
+}
+export declare type SearchListActionsType = ISetItems | IFilterItems | ISetSearchValue;
+export interface ISearchListContextProps {
+    state: SearchListState;
+    dispatch: Dispatch<any>;
+}
+export interface ISearchListContextProviderProps {
+    children: ReactNode;
+    data: TSearchListItem[];
+}
+export {};

package/build/esm/packages/aurora/src/components/search_list/types.js

@@ -0,0 +1,3 @@
+import 'react';
+import './constants';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/search_list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/search_list/types.ts"],"names":[],"mappings":"AAAA,OAAwC,OAAO,CAAC;AAChD,OAA0D,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/tabs/components/tabs.js

@@ -1,14 +1,14 @@
-import React, { useState } from 'react';
-import { classNames } from '../../../utilities/styles/classNames.js';
+import React, { useContext, useEffect } from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import { TabsContext } from '../context.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
-import { TabContext } from '../context.js';
 
-const Tabs = ({ children, small = false }) => {
-    const [selected, setSelected] = useState(null);
-    const isSelected = (tabId) => tabId === selected;
-    return (React.createElement(TabContext.Provider, { value: { selected, setSelected, isSelected } },
-        React.createElement("nav", { className: classNames(['tabs', small && 'tabs_small'], cssClasses) },
-            React.createElement("ul", { className: cssClasses['tabs__list'] }, children))));
+const Tabs = ({ initialActiveTabId, children }) => {
+    const { setActiveId } = useContext(TabsContext);
+    useEffect(() => {
+        setActiveId(initialActiveTabId);
+    }, [setActiveId, initialActiveTabId]);
+    return React.createElement("div", { className: cssClasses[CSS_CLASSES.tabs] }, children);
 };
 
 export default Tabs;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsItemProps } from '../types';
+export declare const TabsItem: FC<ITabsItemProps>;
+export default TabsItem;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item.js

@@ -0,0 +1,14 @@
+import React, { useContext } from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import { TabsContext } from '../context.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+
+const TabsItem = ({ id, children }) => {
+    const { activeId, setActiveId } = useContext(TabsContext);
+    const activeItem = activeId === id;
+    return (React.createElement("button", { className: `${cssClasses[CSS_CLASSES.tabsItem]} ${activeItem ? cssClasses[CSS_CLASSES.tabsItemActive] : ''}`, role: "tab", tabIndex: activeItem ? 1 : -1, "aria-selected": activeItem, "aria-controls": id, onClick: () => setActiveId(id) }, children));
+};
+
+export default TabsItem;
+export { TabsItem };
+//# sourceMappingURL=tabs_item.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item_list.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsItemListProps } from '../types';
+export declare const TabsItemList: FC<ITabsItemListProps>;
+export default TabsItemList;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item_list.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+
+const TabsItemList = ({ children }) => {
+    return (React.createElement("div", { role: "tablist", className: cssClasses[CSS_CLASSES.tabsItemList] }, children));
+};
+
+export default TabsItemList;
+export { TabsItemList };
+//# sourceMappingURL=tabs_item_list.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item_list.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsPanelProps } from '../types';
+export declare const TabsPanel: FC<ITabsPanelProps>;
+export default TabsPanel;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+
+const TabsPanel = ({ id, children }) => {
+    return (React.createElement("div", { role: "tabpanel", tabIndex: 0, "aria-labelledby": id, className: cssClasses[CSS_CLASSES.tabsPanel] }, children));
+};
+
+export default TabsPanel;
+export { TabsPanel };
+//# sourceMappingURL=tabs_panel.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel_list.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsPanelListProps } from '../types';
+export declare const TabsPanelList: FC<ITabsPanelListProps>;
+export default TabsPanelList;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel_list.js

@@ -0,0 +1,19 @@
+import React, { useContext } from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import { TabsContext } from '../context.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+
+const TabsPanelList = ({ children }) => {
+    const { activeId } = useContext(TabsContext);
+    return (React.createElement("div", { className: cssClasses[CSS_CLASSES.tabsPanelList] }, children &&
+        React.Children.map(children, (child) => {
+            if (child.type.name !== 'TabsPanel') {
+                throw new Error('The child components should be of type TabsPanel');
+            }
+            return child.props.id === activeId ? child : null;
+        })));
+};
+
+export default TabsPanelList;
+export { TabsPanelList };
+//# sourceMappingURL=tabs_panel_list.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_panel_list.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/tabs/components/tabs_wrapper.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsWrapperProps } from '../types';
+declare const TabsWrapper: FC<ITabsWrapperProps>;
+export default TabsWrapper;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_wrapper.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TabsContextProvider } from '../context.js';
+
+const TabsWrapper = ({ children }) => {
+    return React.createElement(TabsContextProvider, null, children);
+};
+
+export default TabsWrapper;
+//# sourceMappingURL=tabs_wrapper.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_wrapper.js.map

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

package/build/esm/packages/aurora/src/components/tabs/context.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-import { ITabContextProps } from "./types";
-export declare const TabContext: import("react").Context<ITabContextProps>;
+import { ITabsContextProps, ITabsContextProviderProps } from './types';
+import React, { FC } from 'react';
+export declare const TabsContext: React.Context<ITabsContextProps>;
+export declare const TabsContextProvider: FC<ITabsContextProviderProps>;
+export default TabsContextProvider;

package/build/esm/packages/aurora/src/components/tabs/context.js

@@ -1,10 +1,14 @@
-import { createContext } from 'react';
+import React, { useState } from 'react';
 
-const TabContext = createContext({
-    selected: null,
-    setSelected: () => { },
-    isSelected: () => false
-});
+const TabsContext = React.createContext({
+    activeId: null,
+    setActiveId: () => { }
+});
+const TabsContextProvider = ({ children }) => {
+    const [activeId, setActiveId] = useState(null);
+    return React.createElement(TabsContext.Provider, { value: { activeId, setActiveId } }, children);
+};
 
-export { TabContext };
+export default TabsContextProvider;
+export { TabsContext, TabsContextProvider };
 //# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/esm/packages/aurora/src/components/tabs/css_classes.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    tabs: string;
+    tabsItemList: string;
+    tabsItem: string;
+    tabsItemActive: string;
+    tabsPanelList: string;
+    tabsPanel: string;
+};
+export default _default;

package/build/esm/packages/aurora/src/components/tabs/css_classes.js

@@ -0,0 +1,11 @@
+var CSS_CLASSES = {
+    tabs: 'tabs',
+    tabsItemList: 'tabs__item-list',
+    tabsItem: 'tabs__item',
+    tabsItemActive: 'tabs__item_active',
+    tabsPanelList: 'tabs__panel-list',
+    tabsPanel: 'tabs__panel'
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/tabs/css_classes.js.map

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

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

@@ -1,12 +1,29 @@
-import { Dispatch, SetStateAction } from 'react';
-export interface ITabsProps {
-    small?: boolean;
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+export interface ITabsContextProps {
+    activeId: string | null;
+    setActiveId: Dispatch<SetStateAction<any>>;
+}
+export interface ITabsContextProviderProps {
+    children: ReactNode;
+}
+export interface ITabsItemListProps {
+    children: ReactNode;
+}
+export interface ITabsItemProps {
+    id: string;
+    children: ReactNode;
 }
-export interface ITabItemProps {
-    initial?: boolean;
+export interface ITabsPanelListProps {
+    children: ReactNode;
 }
-export interface ITabContextProps {
-    selected: any;
-    isSelected(id: string): boolean;
-    setSelected: Dispatch<SetStateAction<any>>;
+export interface ITabsPanelProps {
+    id: string;
+    children: ReactNode;
+}
+export interface ITabsWrapperProps {
+    children: ReactNode;
+}
+export interface ITabsProps {
+    children: ReactNode;
+    initialActiveTabId: string;
 }

package/build/esm/packages/aurora/src/components/tabs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAoD,OAAO,CAAC"}

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

@@ -0,0 +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_search-list__input__2P74O {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n  margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n  width: 100%;\n  padding: 9px 5px;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n  padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n  position: absolute;\n  left: 9px;\n  line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n  content: '\\E925';\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-size: 18px;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n";
+var cssClasses = {"search-list__input":"main-module_search-list__input__2P74O","search-list__input-field":"main-module_search-list__input-field__X5bVY","search-list__input-field-with-icon":"main-module_search-list__input-field-with-icon__1JdS2","search-list__input-icon":"main-module_search-list__input-icon__21RsB","search-list__results":"main-module_search-list__results__23fx5"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

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

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

package/build/esm/packages/aurora/src/css/tabs/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.main-module_tabs__2HIWW:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_tabs__list__3-ySb {\n  display: flex;\n}\n.main-module_tabs__item__2peSO {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 2rem;\n  text-align: center;\n  border-color: #ececec;\n  border-style: solid;\n  border-width: 1px 1px 1px 0;\n  cursor: pointer;\n}\n.main-module_tabs__item__2peSO:first-child {\n  border-left-width: 1px;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n}\n.main-module_tabs__item__2peSO:last-child {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n}\n.main-module_tabs__item__2peSO:hover {\n  z-index: 1;\n  text-decoration: none;\n  box-shadow: 0 0 3px 0 #3c83ec, inset 1px 0px 0px 0px #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_tabs__item__2peSO:hover:first-child {\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_tabs__item_active__1LSjR {\n  background-color: #3c83ec;\n  color: #ffffff;\n  border-color: #3c83ec;\n}\n.main-module_tabs__item_active-light__ktpTV {\n  color: #5c657e;\n  box-shadow: inset 0 0 4px 0 #3c83ec, inset 0 -12px 2px 0 rgba(60, 131, 236, 0.08);\n}\n.main-module_tabs_small__1nC7E .main-module_tabs__item__2peSO {\n  padding: 0.358rem 1rem;\n}\n";
-var cssClasses = {"tabs":"main-module_tabs__2HIWW","tabs__list":"main-module_tabs__list__3-ySb","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__item_active-light":"main-module_tabs__item_active-light__ktpTV","tabs_small":"main-module_tabs_small__1nC7E"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tabs__item-list__2R9BF {\n  display: flex;\n  gap: 8px;\n  list-style: none;\n}\n.main-module_tabs__item__2peSO {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: #f3f4f8;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  font-weight: 600;\n  color: #5c657e;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n.main-module_tabs__item_active__1LSjR {\n  position: relative;\n  margin-top: -2px;\n  margin-bottom: -1px;\n  background-color: #ffffff;\n  border-top: 2px solid #3c83ec;\n  border-bottom: 1px solid #ffffff;\n  color: #2d3748;\n  box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n  -webkit-clip-path: inset(-9px -9px 0 -9px);\n          clip-path: inset(-9px -9px 0 -9px);\n  z-index: 1;\n}\n.main-module_tabs__panel-list__3Ob_w {\n  margin: 0 -16px;\n  padding: 16px 16px 0 16px;\n  background-color: #ffffff;\n  box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n  -webkit-clip-path: inset(-5px 0 0 0);\n          clip-path: inset(-5px 0 0 0);\n}\n";
+var cssClasses = {"tabs__item-list":"main-module_tabs__item-list__2R9BF","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__panel-list":"main-module_tabs__panel-list__3Ob_w"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/packages/aurora/src/hooks/use_unique_id.js

@@ -1,18 +1,16 @@
-let counter = 0;
-/**
- * hook to generate unique Id
- * @return {
- *     uniqueId, function to generate uniqueId
- * }
- */
-const useUniqueId = () => {
-    const uniqueId = () => (prefix = 'id') => {
-        return `${prefix}-${counter++}`;
-    };
-    return {
-        uniqueId
-    };
+let counter = 0;
+/**
+ * hook to generate unique Id
+ * @return {
+ *     uniqueId, function to generate uniqueId
+ * }
+ */
+export const useUniqueId = () => {
+    const uniqueId = () => (prefix = 'id') => {
+        return `${prefix}-${counter++}`;
+    };
+    return {
+        uniqueId
+    };
 };
-
-export { useUniqueId };
-//# sourceMappingURL=use_unique_id.js.map
+//# sourceMappingURL=use_unique_id.js.map

package/build/esm/packages/aurora/src/hooks/use_unique_id.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;"}
+{"version":3,"file":"use_unique_id.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_unique_id.ts"],"names":[],"mappings":"AAAA,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,MAAM,QAAQ,GACV,GAAG,EAAE,CACL,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE;QACd,OAAO,GAAG,MAAM,IAAI,OAAO,EAAE,EAAE,CAAC;IACpC,CAAC,CAAC;IAEN,OAAO;QACH,QAAQ;KACX,CAAC;AACN,CAAC,CAAC"}

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

@@ -5,7 +5,6 @@ import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
  */
 import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
 import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
-import { TabItem, Tabs } from "./components/tabs";
 import AbsoluteModal from "./components/modal/hoc/absolute_modal";
 /**
  * import components for export
@@ -13,6 +12,12 @@ 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";
@@ -64,6 +69,9 @@ import { ModalContext } from "./components/modal/context/modal_context";
 import ModalProvider from "./components/modal/hoc/modal_provider";
 import MultiSelect from "./components/dropdown/hoc/multiselect";
 import RelativeModal from "./components/modal/hoc/relative_modal";
+import SearchList from "./components/search_list/components/search_list";
+import SearchListInput from "./components/search_list/components/search_list_input";
+import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
 import Spacing from "./components/spacing";
 import { TFilePickerFile } from "./components/file_picker/types";
@@ -81,7 +89,7 @@ import { useFlashMessenger } from "./components/flash_messenger/context";
 /**
  * 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, Tabs, TabItem, 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 };
 /**
  * export types
  */

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

@@ -1,10 +1,14 @@
-export { default as Tabs } from './components/tabs/components/tabs.js';
-export { TabItem } from './components/tabs/components/tab_item.js';
 export { default as AbsoluteModal } from './components/modal/hoc/absolute_modal/index.js';
 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';
@@ -46,6 +50,9 @@ export { default as Modal } from './components/modal/index.js';
 export { ModalContext } from './components/modal/context/modal_context.js';
 export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
 export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
+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 Tooltip } from './components/tooltip/index.js';
 export { default as WithLoader } from './components/with_loader/index.js';

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;"}
+{"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/package.json

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