@cube-dev/ui-kit 0.0.0-canary-53fd4cf → 0.0.0-canary-897ecee

package/es/tasty/styles/list.js

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

package/es/tasty/styles/margin.js

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

package/es/tasty/styles/outline.js

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

package/es/tasty/styles/padding.js

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

package/es/tasty/styles/place.js

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

package/es/tasty/styles/predefined.js

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

package/es/tasty/styles/preset.js

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

package/es/tasty/styles/radius.js

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

package/es/tasty/styles/reset.js

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

package/es/tasty/styles/scrollbar.js

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

package/es/tasty/styles/shadow.js

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

package/es/tasty/styles/styledScrollbar.js

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

package/es/tasty/styles/transition.js

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

package/es/tasty/styles/types.js

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

package/es/tasty/styles/width.js

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

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-53fd4cf
+ * @cube-dev/ui-kit v0.0.0-canary-897ecee
  * Released under the MIT license.
  */
 
@@ -139,126 +139,107 @@ function tastyWrap(Component, options) {
 }
 function tastyElement(tastyOptions) {
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, tokens: defaultTokens, elements, ...defaultProps } = tastyOptions;
-    let _TastyComponent;
+    // Pre-compute merged styles for each variant (if variants are defined)
+    // This avoids creating separate component instances per variant
+    let variantStylesMap;
     if (variants) {
         const variantEntries = Object.entries(variants);
-        const variantComponents = variantEntries.reduce((map, [variant, variantStyles]) => {
-            map[variant] = tastyElement({
-                as: originalAs,
-                styles: mergeStyles(defaultStyles, variantStyles),
-                styleProps,
-                tokens: defaultTokens,
-                ...defaultProps,
-            });
+        variantStylesMap = variantEntries.reduce((map, [variant, variantStyles]) => {
+            map[variant] = mergeStyles(defaultStyles, variantStyles);
             return map;
         }, {});
-        if (!variantComponents['default']) {
-            variantComponents['default'] = tastyElement({
-                as: originalAs,
-                styles: defaultStyles,
-                styleProps,
-                tokens: defaultTokens,
-                ...defaultProps,
-            });
+        // Ensure 'default' variant always exists
+        if (!variantStylesMap['default']) {
+            variantStylesMap['default'] = defaultStyles;
         }
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = forwardRef((allProps, ref) => {
-            const { variant, ...restProps } = allProps;
-            const Component = variantComponents[variant || 'default'] ??
-                variantComponents['default'];
-            const componentProps = restProps;
-            const elementProps = {
-                ...componentProps,
-                ref,
-            };
-            return createElement(Component, elementProps);
-        });
     }
-    else {
-        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = forwardRef((allProps, ref) => {
-            let { as, styles, variant: _omitVariant, mods, element, qa, qaVal, className: userClassName, tokens, style, ...otherProps } = allProps;
-            // Optimize propStyles extraction - avoid creating empty objects
-            let propStyles = null;
-            const propsToCheck = styleProps
-                ? styleProps.concat(BASE_STYLES)
-                : BASE_STYLES;
-            for (const prop of propsToCheck) {
-                const key = prop;
-                if (!propStyles)
-                    propStyles = {};
-                if (key in otherProps) {
-                    propStyles[key] = otherProps[key];
-                    delete otherProps[key];
-                }
-            }
-            if (!styles ||
-                (styles && Object.keys(styles).length === 0)) {
-                styles = undefined;
+    let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
+    const _TastyComponent = forwardRef((allProps, ref) => {
+        let { as, styles, variant, mods, element, qa, qaVal, className: userClassName, tokens, style, ...otherProps } = allProps;
+        // Optimize propStyles extraction - avoid creating empty objects
+        let propStyles = null;
+        const propsToCheck = styleProps
+            ? styleProps.concat(BASE_STYLES)
+            : BASE_STYLES;
+        for (const prop of propsToCheck) {
+            const key = prop;
+            if (!propStyles)
+                propStyles = {};
+            if (key in otherProps) {
+                propStyles[key] = otherProps[key];
+                delete otherProps[key];
             }
-            // Merge default styles with instance styles and prop styles
-            const allStyles = useMemo(() => {
-                const hasStyles = styles && Object.keys(styles).length > 0;
-                const hasPropStyles = propStyles && Object.keys(propStyles).length > 0;
-                if (!hasStyles && !hasPropStyles) {
-                    return defaultStyles;
-                }
-                return mergeStyles(defaultStyles, styles, propStyles);
-            }, [styles, propStyles]);
-            // Use the useStyles hook for style generation and injection
-            const { className: stylesClassName } = useStyles(allStyles);
-            // Merge default tokens with instance tokens (instance overrides defaults)
-            const tokensKey = stringifyTokens(tokens);
-            const mergedTokens = useMemo(() => {
-                if (!defaultTokens && !tokens)
-                    return undefined;
-                if (!defaultTokens)
-                    return tokens;
-                if (!tokens)
-                    return defaultTokens;
-                return { ...defaultTokens, ...tokens };
-            }, [tokensKey]);
-            // Process merged tokens into inline style properties
-            const processedTokenStyle = useMemo(() => {
-                return processTokens(mergedTokens);
-            }, [mergedTokens]);
-            // Merge processed tokens with explicit style prop (style has priority)
-            const mergedStyle = useMemo(() => {
-                if (!processedTokenStyle && !style)
-                    return undefined;
-                if (!processedTokenStyle)
-                    return style;
-                if (!style)
-                    return processedTokenStyle;
-                return { ...processedTokenStyle, ...style };
-            }, [processedTokenStyle, style]);
-            let modProps;
-            if (mods) {
-                const modsObject = mods;
-                modProps = modAttrs(modsObject);
+        }
+        if (!styles ||
+            (styles && Object.keys(styles).length === 0)) {
+            styles = undefined;
+        }
+        // Determine base styles: use variant styles if available, otherwise default styles
+        const baseStyles = variantStylesMap
+            ? variantStylesMap[variant || 'default'] ??
+                variantStylesMap['default']
+            : defaultStyles;
+        // Merge base styles with instance styles and prop styles
+        const allStyles = useMemo(() => {
+            const hasStyles = styles && Object.keys(styles).length > 0;
+            const hasPropStyles = propStyles && Object.keys(propStyles).length > 0;
+            if (!hasStyles && !hasPropStyles) {
+                return baseStyles;
             }
-            // Merge user className with generated className
-            const finalClassName = [userClassName || '', stylesClassName]
-                .filter(Boolean)
-                .join(' ');
-            const elementProps = {
-                'data-element': element || defaultElement,
-                'data-qa': qa || defaultQa,
-                'data-qaval': qaVal || defaultQaVal,
-                ...otherDefaultProps,
-                ...(modProps || {}),
-                ...otherProps,
-                className: finalClassName,
-                style: mergedStyle,
-                ref,
-            };
-            // Apply the helper to handle is* properties
-            handleIsProperties(elementProps);
-            const renderedElement = createElement(as ?? originalAs, elementProps);
-            return renderedElement;
-        });
-    }
+            return mergeStyles(baseStyles, styles, propStyles);
+        }, [baseStyles, styles, propStyles]);
+        // Use the useStyles hook for style generation and injection
+        const { className: stylesClassName } = useStyles(allStyles);
+        // Merge default tokens with instance tokens (instance overrides defaults)
+        const tokensKey = stringifyTokens(tokens);
+        const mergedTokens = useMemo(() => {
+            if (!defaultTokens && !tokens)
+                return undefined;
+            if (!defaultTokens)
+                return tokens;
+            if (!tokens)
+                return defaultTokens;
+            return { ...defaultTokens, ...tokens };
+        }, [tokensKey]);
+        // Process merged tokens into inline style properties
+        const processedTokenStyle = useMemo(() => {
+            return processTokens(mergedTokens);
+        }, [mergedTokens]);
+        // Merge processed tokens with explicit style prop (style has priority)
+        const mergedStyle = useMemo(() => {
+            if (!processedTokenStyle && !style)
+                return undefined;
+            if (!processedTokenStyle)
+                return style;
+            if (!style)
+                return processedTokenStyle;
+            return { ...processedTokenStyle, ...style };
+        }, [processedTokenStyle, style]);
+        let modProps;
+        if (mods) {
+            const modsObject = mods;
+            modProps = modAttrs(modsObject);
+        }
+        // Merge user className with generated className
+        const finalClassName = [userClassName || '', stylesClassName]
+            .filter(Boolean)
+            .join(' ');
+        const elementProps = {
+            'data-element': element || defaultElement,
+            'data-qa': qa || defaultQa,
+            'data-qaval': qaVal || defaultQaVal,
+            ...otherDefaultProps,
+            ...(modProps || {}),
+            ...otherProps,
+            className: finalClassName,
+            style: mergedStyle,
+            ref,
+        };
+        // Apply the helper to handle is* properties
+        handleIsProperties(elementProps);
+        const renderedElement = createElement(as ?? originalAs, elementProps);
+        return renderedElement;
+    });
     _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
     // Attach sub-element components if elements are defined
     if (elements) {

package/es/tasty/types.js

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

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

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

package/es/tasty/utils/case-converter.js

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

package/es/tasty/utils/colors.js

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

package/es/tasty/utils/dotize.js

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

package/es/tasty/utils/filterBaseProps.js

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

package/es/tasty/utils/getDisplayName.js

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

package/es/tasty/utils/isDevEnv.js

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

package/es/tasty/utils/mergeStyles.js

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

package/es/tasty/utils/modAttrs.js

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

package/es/tasty/utils/processTokens.js

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

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

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

package/es/tasty/utils/typography.js

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

package/es/tasty/utils/warnings.js

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

package/es/tasty/zero/babel.js

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

package/es/tasty/zero/css-writer.js

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

package/es/tasty/zero/extractor.js

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

package/es/tasty/zero/index.js

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

package/es/tasty/zero/next.js

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

package/es/tokens/base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-53fd4cf
+ * @cube-dev/ui-kit v0.0.0-canary-897ecee
  * Released under the MIT license.
  */
 
@@ -51,6 +51,8 @@ export const BASE_TOKENS = {
     $transition: '80ms',
     /** Transition for disclosure animations */
     '$disclosure-transition': '120ms',
+    /** Transition for tab animations */
+    '$tab-transition': '120ms',
     // Scrollbar tokens
     '$scrollbar-width': '1.5x',
     '$scrollbar-outline-width': '1ow',

package/es/tokens/colors.js

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

package/es/tokens/index.js

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

package/es/tokens/layout.js

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

package/es/tokens/shadows.js

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