@cube-dev/ui-kit 0.0.0-canary-f5fd193 → 0.0.0-canary-f92d079

package/cjs/tasty/styles/marginBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/marginInline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/outline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/padding.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/paddingBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/paddingInline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/predefined.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 
@@ -40,9 +40,9 @@ const modAttrs_1 = require("./utils/modAttrs");
 const renderStyles_1 = require("./utils/renderStyles");
 const responsive_1 = require("./utils/responsive");
 const list_1 = require("./styles/list");
-const cache_wrapper_1 = require("./utils/cache-wrapper");
+const styles_1 = require("./utils/styles");
 const mergeStyles_1 = require("./utils/mergeStyles");
-const getDisplayName_1 = require("./utils/getDisplayName");
+const get_display_name_1 = require("./utils/get-display-name");
 // Implementation
 function tasty(Component, options) {
     if (typeof Component === 'string') {
@@ -79,95 +79,60 @@ function tasty(Component, options) {
             }, propsWithStylesValues);
             return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as ?? extendTag, element: element || extendElement }));
         });
-        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, getDisplayName_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
+        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, get_display_name_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
         return _WrappedComponent;
     }
-    const tastyOptions = Component;
-    let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, ...defaultProps } = tastyOptions;
-    let _TastyComponent;
-    if (variants) {
-        /**
-         * Create a tasty component for each variant.
-         * Then return a component that receives a `variant` and chooses the right component.
-         */
-        const variantComponents = Object.keys(variants).reduce((map, variant) => {
-            const variantStyles = variants?.[variant];
-            map[variant] = tasty({
-                as: originalAs,
-                styles: (0, mergeStyles_1.mergeStyles)(defaultStyles, variantStyles),
-                styleProps,
-                ...defaultProps,
-            });
+    options = Component;
+    let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
+    let Element = styled_components_1.default[originalAs](({ css }) => css);
+    /**
+     * An additional optimization that allows to avoid rendering styles across various instances
+     * of the same element if no custom styles are provided via `styles` prop or direct style props.
+     */
+    const renderDefaultStyles = (0, styles_1.cacheWrapper)((breakpoints) => {
+        return (0, renderStyles_1.renderStyles)(defaultStyles, (0, responsive_1.pointsToZones)(breakpoints));
+    });
+    let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
+    let _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
+        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
+        let propStyles = (styleProps
+            ? styleProps.concat(list_1.BASE_STYLES)
+            : list_1.BASE_STYLES).reduce((map, prop) => {
+            if (prop in otherProps) {
+                map[prop] = otherProps[prop];
+                delete otherProps[prop];
+            }
             return map;
         }, {});
-        if (!variantComponents['default']) {
-            variantComponents['default'] = tasty({
-                as: originalAs,
-                styles: defaultStyles,
-                styleProps,
-                ...defaultProps,
-            });
+        if (Object.keys(propStyles).length === 0) {
+            propStyles = null;
         }
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
-            const { variant, ...restProps } = allProps;
-            const Component = (variantComponents[variant] ||
-                variantComponents['default']);
-            return (0, jsx_runtime_1.jsx)(Component, { ...restProps, ref: ref });
-        });
-    }
-    else {
-        let Element = styled_components_1.default[originalAs](({ css }) => css);
-        /**
-         * An additional optimization that allows to avoid rendering styles across various instances
-         * of the same element if no custom styles are provided via `styles` prop or direct style props.
-         */
-        const renderDefaultStyles = (0, cache_wrapper_1.cacheWrapper)((breakpoints) => {
-            return (0, renderStyles_1.renderStyles)(defaultStyles || {}, (0, responsive_1.pointsToZones)(breakpoints));
-        });
-        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
-            let { as, styles, variant, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
-            let propStyles = (styleProps
-                ? styleProps.concat(list_1.BASE_STYLES)
-                : list_1.BASE_STYLES).reduce((map, prop) => {
-                if (prop in otherProps) {
-                    map[prop] = otherProps[prop];
-                    delete otherProps[prop];
-                }
-                return map;
-            }, {});
-            if (Object.keys(propStyles).length === 0) {
-                propStyles = null;
-            }
-            if (!styles || (styles && Object.keys(styles).length === 0)) {
-                styles = undefined;
-            }
-            const propStylesCacheKey = JSON.stringify(propStyles);
-            const stylesCacheKey = (0, react_1.useMemo)(() => {
-                return JSON.stringify(styles);
-            }, [styles]);
-            const useDefaultStyles = !propStyles && !styles;
-            const styleCacheKey = (0, react_1.useMemo)(() => {
-                return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
-            }, [propStylesCacheKey, stylesCacheKey]);
-            let allStyles = (0, react_1.useMemo)(() => useDefaultStyles
-                ? defaultStyles
-                : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styleCacheKey]);
-            let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-            breakpoints = breakpoints ?? contextBreakpoints;
-            let renderedStyles = (0, react_1.useMemo)(() => {
-                return useDefaultStyles
-                    ? renderDefaultStyles(breakpoints)
-                    : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints));
-            }, [allStyles, breakpoints]);
-            if (mods) {
-                Object.assign(otherProps, (0, modAttrs_1.modAttrs)(mods));
-            }
-            return ((0, jsx_runtime_1.jsx)(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
-        });
-    }
+        if (!styles || (styles && Object.keys(styles).length === 0)) {
+            styles = undefined;
+        }
+        const propStylesCacheKey = JSON.stringify(propStyles);
+        const stylesCacheKey = (0, react_1.useMemo)(() => {
+            return JSON.stringify(styles);
+        }, [styles]);
+        const useDefaultStyles = !propStyles && !styles;
+        const styleCacheKey = (0, react_1.useMemo)(() => {
+            return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
+        }, [propStylesCacheKey, stylesCacheKey]);
+        let allStyles = (0, react_1.useMemo)(() => useDefaultStyles
+            ? defaultStyles
+            : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styleCacheKey]);
+        let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
+        breakpoints = breakpoints ?? contextBreakpoints;
+        let renderedStyles = (0, react_1.useMemo)(() => {
+            return useDefaultStyles
+                ? renderDefaultStyles(breakpoints)
+                : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints));
+        }, [allStyles, breakpoints]);
+        if (mods) {
+            Object.assign(otherProps, (0, modAttrs_1.modAttrs)(mods));
+        }
+        return ((0, jsx_runtime_1.jsx)(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
+    });
     _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
     return _TastyComponent;
 }

package/cjs/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/{getDisplayName.js → get-display-name.js}

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/modAttrs.js

@@ -1,26 +1,23 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modAttrs = void 0;
-const case_converter_1 = require("./case-converter");
-const cache_wrapper_1 = require("./cache-wrapper");
 function modAttrs(map) {
     return map
         ? Object.keys(map).reduce((attrs, key) => {
             if (map[key]) {
-                attrs[`data-is-${(0, case_converter_1.camelToKebab)(key)}`] = '';
+                attrs[`data-is-${key}`] = '';
             }
             return attrs;
         }, {})
         : null;
 }
-const _modAttrs = (0, cache_wrapper_1.cacheWrapper)(modAttrs);
-exports.modAttrs = _modAttrs;
+exports.modAttrs = modAttrs;
 
         

package/cjs/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 
@@ -39,7 +39,7 @@ const CACHE_LIMIT = 1000;
  * @param {string} [suffix]
  * @return {string}
  */
-function renderStyles(styles, responsive = [], suffix) {
+function renderStyles(styles, responsive, suffix) {
     const zones = responsive;
     const responsiveStyles = Array.from(Array(zones.length)).map(() => '');
     const cacheKey = JSON.stringify({ s: styles, r: responsive, suffix });
@@ -58,7 +58,7 @@ function renderStyles(styles, responsive = [], suffix) {
         if (selectorKeys.length) {
             selectorKeys.forEach((key) => {
                 const addSuffix = getSelector(key);
-                innerStyles += renderStyles(styles?.[key], responsive, addSuffix);
+                innerStyles += renderStyles(styles[key], responsive, addSuffix);
             });
         }
         keys.forEach((styleName) => {
@@ -74,7 +74,7 @@ function renderStyles(styles, responsive = [], suffix) {
                 let isResponsive = false;
                 const lookupStyles = STYLE.__lookupStyles;
                 const filteredStyleMap = lookupStyles.reduce((map, name) => {
-                    map[name] = styles?.[name];
+                    map[name] = styles[name];
                     if (Array.isArray(map[name])) {
                         if (map[name].length === 0) {
                             delete map[name];

package/cjs/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/styles.js

@@ -1,15 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeState = exports.COMPUTE_FUNC_MAP = exports.styleStateMapToStyleStateDataList = exports.parseStateNotation = exports.STATE_OPERATOR_LIST = exports.STATE_OPERATORS = exports.styleMapToStyleMapStateList = exports.getModesFromStyleStateListMap = exports.getModesFromStyleStateList = exports.replaceStateValues = exports.styleHandlerCacheWrapper = exports.applyStates = exports.renderStylesToSC = exports.extractStyles = exports.extendStyles = exports.customUnit = exports.filterMods = exports.transferMods = exports.hexToRgb = exports.getRgbValuesFromRgbaString = exports.strToRgb = exports.colorProp = exports.rgbColorProp = exports.parseColor = exports.parseStyle = exports.createRule = exports.DIRECTIONS = exports.CUSTOM_UNITS = void 0;
-const case_converter_1 = require("./case-converter");
-const cache_wrapper_1 = require("./cache-wrapper");
+exports.cacheWrapper = exports.computeState = exports.COMPUTE_FUNC_MAP = exports.styleStateMapToStyleStateDataList = exports.parseStateNotation = exports.STATE_OPERATOR_LIST = exports.STATE_OPERATORS = exports.styleMapToStyleMapStateList = exports.getModesFromStyleStateListMap = exports.getModesFromStyleStateList = exports.replaceStateValues = exports.styleHandlerCacheWrapper = exports.applyStates = exports.renderStylesToSC = exports.extractStyles = exports.extendStyles = exports.customUnit = exports.filterMods = exports.transferMods = exports.hexToRgb = exports.getRgbValuesFromRgbaString = exports.strToRgb = exports.colorProp = exports.rgbColorProp = exports.parseColor = exports.parseStyle = exports.createRule = exports.DIRECTIONS = exports.CUSTOM_UNITS = void 0;
 const index_1 = require("./index");
 const devMode = process.env.NODE_ENV !== 'production';
 const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
@@ -65,18 +63,8 @@ function createRule(prop, value, selector) {
     return `${prop}: ${value};\n`;
 }
 exports.createRule = createRule;
-const MOD_NAME_CACHE = new Map();
-function getModSelector(modName, negative = false) {
-    if (!MOD_NAME_CACHE.has(modName)) {
-        MOD_NAME_CACHE.set(modName, modName.match(/^[a-z]/) ? `[data-is-${(0, case_converter_1.camelToKebab)(modName)}]` : modName);
-    }
-    const value = MOD_NAME_CACHE.get(modName);
-    if (value.startsWith(':not(')) {
-        return negative ? value.slice(5, -1) : value;
-    }
-    else {
-        return negative ? `:not(${value})` : value;
-    }
+function getModSelector(modName) {
+    return modName.match(/^[a-z]/) ? `[data-is-${modName}]` : modName;
 }
 /**
  *
@@ -549,7 +537,7 @@ function applyStates(selector, states, suffix = '') {
         if (!state.value)
             return css;
         const modifiers = `${(state.mods || []).map(getModSelector).join('')}${(state.notMods || [])
-            .map((mod) => getModSelector(mod, true))
+            .map((mod) => `:not(${getModSelector(mod)})`)
             .join('')}`;
         // TODO: replace `replace()` a REAL hotfix
         return `${css}${selector}${modifiers}${suffix}{\n${state.value.replace(/^&&/, '&')}}\n`;
@@ -557,10 +545,10 @@ function applyStates(selector, states, suffix = '') {
 }
 exports.applyStates = applyStates;
 function styleHandlerCacheWrapper(styleHandler, limit = 1000) {
-    const wrappedStyleHandler = (0, cache_wrapper_1.cacheWrapper)((styleMap) => {
+    const wrappedStyleHandler = cacheWrapper((styleMap) => {
         return renderStylesToSC(styleHandler(styleMap));
     }, limit);
-    const wrappedMapHandler = (0, cache_wrapper_1.cacheWrapper)((styleMap, suffix = '') => {
+    const wrappedMapHandler = cacheWrapper((styleMap, suffix = '') => {
         if (styleMap == null || styleMap === false)
             return null;
         const stateMapList = styleMapToStyleMapStateList(styleMap);
@@ -646,7 +634,7 @@ function styleMapToStyleMapStateList(styleMap, filterKeys) {
     return styleStateList;
 }
 exports.styleMapToStyleMapStateList = styleMapToStyleMapStateList;
-const STATES_REGEXP = /([&|!^])|([()])|([a-z][a-z0-9-]+)|(:[a-z][a-z0-9]+\([:a-z0-9-]+\)|:[a-z][a-z0-9-]+)|(\.[a-z][a-z0-9-]+)|(\[[^\]]+])/gi;
+const STATES_REGEXP = /([&|!^])|([()])|([a-z0-6-]+)|(:[a-z0-6-]+)|(\.[a-z0-6-]+)|(\[[^\]]+])/gi;
 exports.STATE_OPERATORS = {
     NOT: '!',
     AND: '&',
@@ -749,7 +737,7 @@ function parseStateNotationInner(notation, value) {
         value,
     };
 }
-exports.parseStateNotation = (0, cache_wrapper_1.cacheWrapper)(parseStateNotationInner);
+exports.parseStateNotation = cacheWrapper(parseStateNotationInner);
 /**
  * Parse state notation and return tokens, modifiers and compute model.
  */
@@ -848,5 +836,28 @@ function computeState(computeModel, valueMap) {
     return !!func(a, b);
 }
 exports.computeState = computeState;
+/**
+ * Create a function that caches the result up to the limit.
+ */
+function cacheWrapper(handler, limit = 1000) {
+    let cache = {};
+    let count = 0;
+    return ((firstArg, secondArg) => {
+        const key = typeof firstArg === 'string' && secondArg == null
+            ? firstArg
+            : JSON.stringify([firstArg, secondArg]);
+        if (!cache[key]) {
+            if (count > limit) {
+                cache = {};
+                count = 0;
+            }
+            count++;
+            cache[key] =
+                secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
+        }
+        return cache[key];
+    });
+}
+exports.cacheWrapper = cacheWrapper;
 
         

package/cjs/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */
 

package/cjs/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f5fd193
+ * @cube-dev/ui-kit v0.0.0-canary-f92d079
  * Released under the MIT license.
  */