@cube-dev/ui-kit 0.0.0-canary-7480fe6 → 0.0.0-canary-4e595be

package/cjs/{styles → tasty/styles}/padding.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -28,11 +28,11 @@ function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddin
     const paddingDirs = [paddingTop, paddingRight, paddingBottom, paddingLeft];
     return directions.reduce((styles, dir) => {
         const index = styles_1.DIRECTIONS.indexOf(dir);
-        if (((!!(index % 2) && paddingInline == null)
-            || (!(index % 2) && paddingBlock == null))
-            && paddingDirs[index] == null) {
-            styles[`padding-${dir}`]
-                = values[index] || values[index % 2] || values[0];
+        if (((!!(index % 2) && paddingInline == null) ||
+            (!(index % 2) && paddingBlock == null)) &&
+            paddingDirs[index] == null) {
+            styles[`padding-${dir}`] =
+                values[index] || values[index % 2] || values[0];
         }
         return styles;
     }, {});

package/cjs/{styles → tasty/styles}/paddingBlock.js

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

package/cjs/{styles → tasty/styles}/paddingInline.js

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

package/cjs/{styles → tasty/styles}/predefined.js

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

package/cjs/{styles → tasty/styles}/preset.js

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

package/cjs/{styles → tasty/styles}/radius.js

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

package/cjs/{styles → tasty/styles}/reset.js

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

package/cjs/{styles → tasty/styles}/shadow.js

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

package/cjs/{styles → tasty/styles}/styledScrollbar.js

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

package/cjs/{styles → tasty/styles}/transition.js

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

package/cjs/{components → tasty/styles}/types.js

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

package/cjs/{styles → tasty/styles}/width.js

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

package/cjs/tasty/tasty.js

@@ -0,0 +1,108 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
+ * 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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tasty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importStar(require("styled-components"));
+const react_1 = require("react");
+const react_is_1 = require("react-is");
+const BreakpointsProvider_1 = require("./providers/BreakpointsProvider");
+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 mergeStyles_1 = require("./utils/mergeStyles");
+// Implementation
+function tasty(Component, options) {
+    var _a, _b, _c, _d;
+    if (typeof Component === 'string') {
+        let selector = Component;
+        let styles = options;
+        let Element = (0, styled_components_1.createGlobalStyle) `${(css) => css}`;
+        const _StyleDeclarationComponent = ({ breakpoints, }) => {
+            let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
+            breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
+            let css = (0, react_1.useMemo)(() => styles
+                ? `\n{}${selector}{${(0, renderStyles_1.renderStyles)(styles, (0, responsive_1.pointsToZones)(breakpoints || contextBreakpoints))}}`
+                : '', [breakpoints.join(',')]);
+            return (0, jsx_runtime_1.jsx)(Element, { css: css }, void 0);
+        };
+        _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
+        return _StyleDeclarationComponent;
+    }
+    if ((0, react_is_1.isValidElementType)(Component)) {
+        let { as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
+        let propsWithStyles = ['styles'].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')));
+        let _WrappedComponent = (0, react_1.forwardRef)((props, ref) => {
+            const { as, ...restProps } = props;
+            const propsWithStylesValues = propsWithStyles.map((prop) => props[prop]);
+            const mergedStylesMap = (0, react_1.useMemo)(() => {
+                return propsWithStylesValues.reduce((map, prop) => {
+                    if (restProps[prop] != null && defaultProps[prop] != null) {
+                        map[prop] = (0, mergeStyles_1.mergeStyles)(restProps[prop], defaultProps[prop]);
+                    }
+                    return map;
+                }, {});
+            }, propsWithStylesValues);
+            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
+        });
+        _WrappedComponent.displayName = `TastyWrappedComponent(${(_d = (_c = (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : defaultProps.qa) !== null && _c !== void 0 ? _c : extendTag) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
+        return _WrappedComponent;
+    }
+    options = Component;
+    let { as: originalAs = 'div', styles: defaultStyles, styleProps, ...defaultProps } = options;
+    let Element = styled_components_1.default[originalAs](({ css }) => css);
+    let _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
+        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
+        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
+        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;
+        }, {});
+        let allStyles = (0, react_1.useMemo)(() => (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styles, propStyles]);
+        let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
+        breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
+        let renderedStyles = (0, react_1.useMemo)(() => allStyles
+            ? (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 !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }, void 0));
+    });
+    _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
+    return _TastyComponent;
+}
+exports.tasty = tasty;
+
+        

package/cjs/{styles → tasty}/types.js

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

package/cjs/{utils → tasty/utils}/colors.js

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

package/cjs/{utils → tasty/utils}/dotize.js

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

package/cjs/{utils → tasty/utils}/filterBaseProps.js

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

package/cjs/{utils → tasty/utils}/index.js

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

package/cjs/{utils → tasty/utils}/mergeStyles.js

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

package/cjs/{utils/react → tasty/utils}/modAttrs.js

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

package/cjs/{utils → tasty/utils}/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -117,11 +117,13 @@ function renderStyles(styles, responsive, suffix) {
                 });
             }
             else {
-                rawStyles
-                    += handler(styleMap, suffix) || '';
+                rawStyles +=
+                    handler(styleMap, suffix) || '';
             }
         });
-        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive && responsive.length
+        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
+            responsive.length &&
+            responsiveStyles.filter((s) => s).length
             ? (0, responsive_1.mediaWrapper)(responsiveStyles, zones)
             : ''}${innerStyles}`;
     }

package/cjs/{utils → tasty/utils}/responsive.js

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

package/cjs/{utils → tasty/utils}/string.js

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

package/cjs/{utils → tasty/utils}/styles.js

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

package/cjs/tasty/utils/warnings.js

@@ -0,0 +1,37 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deprecationWarning = exports.warn = void 0;
+const PREFIX = 'Tasty';
+function warn(...args) {
+    console.warn(`${PREFIX}:`, ...args);
+}
+exports.warn = warn;
+function deprecationWarning(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+condition, { property, name, betterAlternative, reason, }) {
+    if (condition)
+        return;
+    if (process.env.NODE_ENV === 'production') {
+        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
+            ? betterAlternative()
+            : betterAlternative}`);
+    }
+    // we can make deprecations even better if we add the md syntax in the console.
+    // anyway, everything down below will be stripped in the production build
+    console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
+    warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
+        ? betterAlternative()
+        : betterAlternative}`);
+    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    console.groupEnd();
+}
+exports.deprecationWarning = deprecationWarning;
+
+        

package/cjs/test/index.js

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

package/cjs/test/setup.js

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

package/cjs/test/utils/index.js

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

package/cjs/test/utils/wait.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -148,6 +148,11 @@ const TOKENS = {
     't3m-line-height': '20px',
     't3m-letter-spacing': '0.015em',
     't3m-font-weight': '500',
+    // t3s
+    't3s-font-size': '14px',
+    't3s-line-height': '20px',
+    't3s-letter-spacing': '0.015em',
+    't3s-font-weight': '600',
     // t4
     't4-font-size': '12px',
     't4-line-height': '18px',

package/cjs/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClearSlots = exports.SlotProvider = exports.useSlotProps = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const mergeProps_1 = require("../../utils/react/mergeProps");
+const mergeProps_1 = require("./mergeProps");
 const react_1 = require("react");
 let SlotContext = (0, react_1.createContext)({});
 function useSlotProps(props, defaultSlot) {

package/cjs/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -14,8 +14,8 @@ var isTextOnly_1 = require("./isTextOnly");
 Object.defineProperty(exports, "isTextOnly", { enumerable: true, get: function () { return isTextOnly_1.isTextOnly; } });
 var mergeProps_1 = require("./mergeProps");
 Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return mergeProps_1.mergeProps; } });
-var modAttrs_1 = require("./modAttrs");
-Object.defineProperty(exports, "modAttrs", { enumerable: true, get: function () { return modAttrs_1.modAttrs; } });
+var tasty_1 = require("../../tasty");
+Object.defineProperty(exports, "modAttrs", { enumerable: true, get: function () { return tasty_1.modAttrs; } });
 var Slots_1 = require("./Slots");
 Object.defineProperty(exports, "useSlotProps", { enumerable: true, get: function () { return Slots_1.useSlotProps; } });
 Object.defineProperty(exports, "SlotProvider", { enumerable: true, get: function () { return Slots_1.SlotProvider; } });

package/cjs/utils/{interactions.js → react/interactions.js}

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -25,23 +25,23 @@ function mergeProps(...args) {
     for (let props of args) {
         for (let key in result) {
             // Chain events
-            if (/^on[A-Z]/.test(key)
-                && typeof result[key] === 'function'
-                && props
-                && typeof props[key] === 'function') {
+            if (/^on[A-Z]/.test(key) &&
+                typeof result[key] === 'function' &&
+                props &&
+                typeof props[key] === 'function') {
                 result[key] = (0, utils_1.chain)(result[key], props[key]);
                 // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
             }
-            else if (key === 'className'
-                && typeof result.className === 'string'
-                && props
-                && typeof props.className === 'string') {
+            else if (key === 'className' &&
+                typeof result.className === 'string' &&
+                props &&
+                typeof props.className === 'string') {
                 result[key] = (0, clsx_1.default)(result.className, props.className);
             }
-            else if (key === 'styles'
-                && typeof result.styles === 'object'
-                && props
-                && typeof props.styles === 'object') {
+            else if (key === 'styles' &&
+                typeof result.styles === 'object' &&
+                props &&
+                typeof props.styles === 'object') {
                 result[key] = { ...result.styles, ...props.styles };
             }
             else if (key === 'id' && result.id && (props === null || props === void 0 ? void 0 : props.id)) {
@@ -49,8 +49,8 @@ function mergeProps(...args) {
                 // Override others
             }
             else {
-                result[key]
-                    = props && props[key] !== undefined ? props[key] : result[key];
+                result[key] =
+                    props && props[key] !== undefined ? props[key] : result[key];
             }
         }
         // Add props from b that are not in a

package/cjs/utils/react/nullableValue.js

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