@cube-dev/ui-kit 0.16.3 → 0.17.0

package/cjs/tasty/utils/cache-wrapper.js

@@ -0,0 +1,35 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.17.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cacheWrapper = void 0;
+/**
+ * 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/case-converter.js

@@ -0,0 +1,16 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.17.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.camelToKebab = void 0;
+function camelToKebab(str) {
+    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+}
+exports.camelToKebab = camelToKebab;
+
+        

package/cjs/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/modAttrs.js

@@ -1,23 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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-${key}`] = '';
+                attrs[`data-is-${(0, case_converter_1.camelToKebab)(key)}`] = '';
             }
             return attrs;
         }, {})
         : null;
 }
-exports.modAttrs = modAttrs;
+const _modAttrs = (0, cache_wrapper_1.cacheWrapper)(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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/styles.js

@@ -1,13 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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");
 const index_1 = require("./index");
 const devMode = process.env.NODE_ENV !== 'production';
 const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
@@ -63,8 +65,12 @@ function createRule(prop, value, selector) {
     return `${prop}: ${value};\n`;
 }
 exports.createRule = createRule;
+const MOD_NAME_CACHE = new Map();
 function getModSelector(modName) {
-    return modName.match(/^[a-z]/) ? `[data-is-${modName}]` : modName;
+    if (!MOD_NAME_CACHE.has(modName)) {
+        MOD_NAME_CACHE.set(modName, modName.match(/^[a-z]/) ? `[data-is-${(0, case_converter_1.camelToKebab)(modName)}]` : modName);
+    }
+    return MOD_NAME_CACHE.get(modName);
 }
 /**
  *
@@ -537,7 +543,15 @@ function applyStates(selector, states, suffix = '') {
         if (!state.value)
             return css;
         const modifiers = `${(state.mods || []).map(getModSelector).join('')}${(state.notMods || [])
-            .map((mod) => `:not(${getModSelector(mod)})`)
+            .map((mod) => {
+            let selector = getModSelector(mod);
+            if (selector.startsWith(':not(')) {
+                return selector.slice(5, -1);
+            }
+            else {
+                return `:not(${selector})`;
+            }
+        })
             .join('')}`;
         // TODO: replace `replace()` a REAL hotfix
         return `${css}${selector}${modifiers}${suffix}{\n${state.value.replace(/^&&/, '&')}}\n`;
@@ -545,10 +559,10 @@ function applyStates(selector, states, suffix = '') {
 }
 exports.applyStates = applyStates;
 function styleHandlerCacheWrapper(styleHandler, limit = 1000) {
-    const wrappedStyleHandler = cacheWrapper((styleMap) => {
+    const wrappedStyleHandler = (0, cache_wrapper_1.cacheWrapper)((styleMap) => {
         return renderStylesToSC(styleHandler(styleMap));
     }, limit);
-    const wrappedMapHandler = cacheWrapper((styleMap, suffix = '') => {
+    const wrappedMapHandler = (0, cache_wrapper_1.cacheWrapper)((styleMap, suffix = '') => {
         if (styleMap == null || styleMap === false)
             return null;
         const stateMapList = styleMapToStyleMapStateList(styleMap);
@@ -634,7 +648,7 @@ function styleMapToStyleMapStateList(styleMap, filterKeys) {
     return styleStateList;
 }
 exports.styleMapToStyleMapStateList = styleMapToStyleMapStateList;
-const STATES_REGEXP = /([&|!^])|([()])|([a-z0-6-]+)|(:[a-z0-6-]+)|(\.[a-z0-6-]+)|(\[[^\]]+])/gi;
+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;
 exports.STATE_OPERATORS = {
     NOT: '!',
     AND: '&',
@@ -737,7 +751,7 @@ function parseStateNotationInner(notation, value) {
         value,
     };
 }
-exports.parseStateNotation = cacheWrapper(parseStateNotationInner);
+exports.parseStateNotation = (0, cache_wrapper_1.cacheWrapper)(parseStateNotationInner);
 /**
  * Parse state notation and return tokens, modifiers and compute model.
  */
@@ -836,28 +850,5 @@ 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/cjs/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/cjs/utils/random.js

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

package/cjs/utils/range.js

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

package/cjs/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ function SlotProvider(props) {
         ...o,
         [p]: (0, mergeProps_1.mergeProps)(parentSlots[p] ?? {}, slots[p] ?? {}),
     }), {}), [parentSlots, slots]);
-    return (0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: value, children: children }, void 0);
+    return (0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: value, children: children });
 }
 exports.SlotProvider = SlotProvider;
 function ClearSlots(props) {
@@ -42,7 +42,7 @@ function ClearSlots(props) {
             content = (0, react_1.cloneElement)(react_1.Children.only(children), otherProps);
         }
     }
-    return ((0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: INITIAL_VALUE, children: content }, void 0));
+    return ((0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: INITIAL_VALUE, children: content }));
 }
 exports.ClearSlots = ClearSlots;
 

package/cjs/utils/react/chain.js

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

package/cjs/utils/react/index.js

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

package/cjs/utils/react/interactions.js

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

package/cjs/utils/react/isTextOnly.js

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

package/cjs/utils/react/mapProps.js

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

package/cjs/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -46,6 +46,9 @@ function mergeProps(...args) {
                 typeof props.styles === 'object') {
                 result[key] = (0, tasty_1.mergeStyles)(result[key], props[key]);
             }
+            else if (key === 'mods' && result.mods && props?.mods) {
+                result.mods = { ...result.mods, ...props?.mods };
+            }
             else if (key === 'id' && result.id && props?.id) {
                 result.id = (0, useId_1.mergeIds)(result.id, props?.id);
                 // Override others

package/cjs/utils/react/nullableValue.js

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

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

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

package/cjs/utils/react/useLayoutEffect.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/utils/react/useViewportSize.js

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

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

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

package/es/_internal/hooks/index.js

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

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/index.js

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