@cube-dev/ui-kit 0.0.0-canary-a465ecb → 0.0.0-canary-89f3845

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 
@@ -139,107 +139,126 @@ function tastyWrap(Component, options) {
 }
 function tastyElement(tastyOptions) {
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, tokens: defaultTokens, elements, ...defaultProps } = tastyOptions;
-    // Pre-compute merged styles for each variant (if variants are defined)
-    // This avoids creating separate component instances per variant
-    let variantStylesMap;
+    let _TastyComponent;
     if (variants) {
         const variantEntries = Object.entries(variants);
-        variantStylesMap = variantEntries.reduce((map, [variant, variantStyles]) => {
-            map[variant] = mergeStyles(defaultStyles, variantStyles);
+        const variantComponents = variantEntries.reduce((map, [variant, variantStyles]) => {
+            map[variant] = tastyElement({
+                as: originalAs,
+                styles: mergeStyles(defaultStyles, variantStyles),
+                styleProps,
+                tokens: defaultTokens,
+                ...defaultProps,
+            });
             return map;
         }, {});
-        // Ensure 'default' variant always exists
-        if (!variantStylesMap['default']) {
-            variantStylesMap['default'] = defaultStyles;
+        if (!variantComponents['default']) {
+            variantComponents['default'] = tastyElement({
+                as: originalAs,
+                styles: defaultStyles,
+                styleProps,
+                tokens: defaultTokens,
+                ...defaultProps,
+            });
         }
+        // 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);
+        });
     }
-    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];
+    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;
-        }
-        // 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;
+            if (!styles ||
+                (styles && Object.keys(styles).length === 0)) {
+                styles = undefined;
             }
-            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;
-    });
+            // 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);
+            }
+            // 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 
@@ -26,6 +26,7 @@
 import { declare } from '@babel/helper-plugin-utils';
 import * as t from '@babel/types';
 import { setGlobalPredefinedStates } from '../states/index.js';
+import { normalizeHandlerDefinition, registerHandler, } from '../styles/predefined.js';
 import { mergeStyles } from '../utils/mergeStyles.js';
 import { CUSTOM_UNITS, getGlobalFuncs, getGlobalParser, setGlobalPredefinedTokens, } from '../utils/styles.js';
 import { CSSWriter } from './css-writer.js';
@@ -54,6 +55,13 @@ export default declare((api, options) => {
         // Also update the global registry so customFunc() continues to work
         Object.assign(currentFuncs, config.funcs);
     }
+    // Apply custom handlers
+    if (config.handlers) {
+        for (const [name, definition] of Object.entries(config.handlers)) {
+            const handler = normalizeHandlerDefinition(name, definition);
+            registerHandler(handler);
+        }
+    }
     // Apply predefined tokens if configured
     if (config.tokens) {
         // Store tokens (keys are normalized to lowercase by setGlobalPredefinedTokens)

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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 
@@ -51,8 +51,6 @@ 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 

package/es/tokens/sizes.js

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

package/es/tokens/spacing.js

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

package/es/tokens/typography.js

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

package/es/utils/ResizeSensor.js

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

package/es/utils/index.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/raf.js

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

package/es/utils/random.js

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

package/es/utils/range.js

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

package/es/utils/react/RenderCache.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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