@cube-dev/ui-kit 0.16.4 → 0.17.0

package/cjs/tasty/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @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];
@@ -32,6 +36,6 @@ __exportStar(require("./styles/list"), exports);
 __exportStar(require("./providers/BreakpointsProvider"), exports);
 __exportStar(require("./utils/mergeStyles"), exports);
 __exportStar(require("./utils/warnings"), exports);
-__exportStar(require("./utils/get-display-name"), exports);
+__exportStar(require("./utils/getDisplayName"), exports);
 
         

package/cjs/tasty/providers/BreakpointsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const react_1 = require("react");
 // Default breakpoints mirror Bootstrap defaults without md and xxl breakpoints.
 exports.BreakpointsContext = (0, react_1.createContext)([980]);
 function BreakpointsProvider({ value, children, }) {
-    return ((0, jsx_runtime_1.jsx)(exports.BreakpointsContext.Provider, { value: value, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.BreakpointsContext.Provider, { value: value, children: children }));
 }
 exports.BreakpointsProvider = BreakpointsProvider;
 

package/cjs/tasty/styles/align.js

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

package/cjs/tasty/styles/border.js

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

package/cjs/tasty/styles/boxShadow.combinator.js

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

package/cjs/tasty/styles/color.js

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

package/cjs/tasty/styles/createStyle.js

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

package/cjs/tasty/styles/dimension.js

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

package/cjs/tasty/styles/display.js

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

package/cjs/tasty/styles/fill.js

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

package/cjs/tasty/styles/flow.js

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

package/cjs/tasty/styles/font.js

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

package/cjs/tasty/styles/fontStyle.js

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

package/cjs/tasty/styles/gap.js

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

package/cjs/tasty/styles/groupRadius.js

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

package/cjs/tasty/styles/height.js

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

package/cjs/tasty/styles/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @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/tasty/styles/justify.js

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

package/cjs/tasty/styles/list.js

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

package/cjs/tasty/styles/margin.js

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

package/cjs/tasty/styles/marginBlock.js

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

package/cjs/tasty/tasty.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @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];
@@ -36,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 styles_1 = require("./utils/styles");
+const cache_wrapper_1 = require("./utils/cache-wrapper");
 const mergeStyles_1 = require("./utils/mergeStyles");
-const get_display_name_1 = require("./utils/get-display-name");
+const getDisplayName_1 = require("./utils/getDisplayName");
 // Implementation
 function tasty(Component, options) {
     if (typeof Component === 'string') {
@@ -51,7 +55,7 @@ function tasty(Component, options) {
             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);
+            return (0, jsx_runtime_1.jsx)(Element, { css: css });
         };
         _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
         return _StyleDeclarationComponent;
@@ -73,62 +77,97 @@ function tasty(Component, options) {
                     return map;
                 }, {});
             }, propsWithStylesValues);
-            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as ?? extendTag, element: element || extendElement }, void 0));
+            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as ?? extendTag, element: element || extendElement }));
         });
-        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, get_display_name_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
+        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, getDisplayName_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
         return _WrappedComponent;
     }
-    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];
-            }
+    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,
+            });
             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));
+        if (!variantComponents['default']) {
+            variantComponents['default'] = tasty({
+                as: originalAs,
+                styles: defaultStyles,
+                styleProps,
+                ...defaultProps,
+            });
         }
-        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 }, void 0));
-    });
+        // 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 }));
+        });
+    }
     _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.16.4
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

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;
+
+