@cube-dev/ui-kit 0.0.0-canary-b26ec55 → 0.0.0-canary-45780f0

package/es/tasty/styles/transition.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { parseStyle } from '../utils/styles';
+import { parseStyle } from '../utils/styles.js';
 const MAP = {
     fade: ['mask'],
     translate: ['transform', 'translate'],
@@ -88,7 +88,14 @@ export function transitionStyle({ transition }) {
     });
     const result = Object.entries(map)
         .map(([style, [name, easing, timing, delay]]) => {
-        return `${style}  ${timing || getTiming(name)} ${easing || DEFAULT_EASING} ${delay || '0s'}`;
+        let value = `${style} ${timing || getTiming(name)}`;
+        if (easing || delay) {
+            value += ` ${easing || DEFAULT_EASING}`;
+        }
+        if (delay) {
+            value += ` ${delay}`;
+        }
+        return value;
     })
         .join(', ');
     return { transition: result };

package/es/tasty/styles/types.js

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

package/es/tasty/styles/width.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { dimensionStyle } from './dimension';
+import { dimensionStyle } from './dimension.js';
 const dimension = dimensionStyle('width');
 export function widthStyle({ width }) {
     return dimension(width);

package/es/tasty/tasty.js

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
 import { createElement, forwardRef, useMemo, } from 'react';
 import { isValidElementType } from 'react-is';
-import { useStyles } from './hooks/useStyles';
-import { BASE_STYLES } from './styles/list';
-import { getDisplayName } from './utils/getDisplayName';
-import { mergeStyles } from './utils/mergeStyles';
-import { modAttrs } from './utils/modAttrs';
-import { processTokens, stringifyTokens } from './utils/processTokens';
+import { useStyles } from './hooks/useStyles.js';
+import { BASE_STYLES } from './styles/list.js';
+import { getDisplayName } from './utils/getDisplayName.js';
+import { mergeStyles } from './utils/mergeStyles.js';
+import { modAttrs } from './utils/modAttrs.js';
+import { processTokens, stringifyTokens } from './utils/processTokens.js';
 /**
  * Mapping of is* properties to their corresponding HTML attributes
  */

package/es/tasty/types.js

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

package/es/tasty/utils/mergeStyles.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { isSelector } from '../pipeline';
+import { isSelector } from '../pipeline/index.js';
 export function mergeStyles(...objects) {
     let styles = objects[0] ? { ...objects[0] } : {};
     let pos = 1;

package/es/tasty/utils/modAttrs.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { cacheWrapper } from './cache-wrapper';
-import { camelToKebab } from './case-converter';
+import { cacheWrapper } from './cache-wrapper.js';
+import { camelToKebab } from './case-converter.js';
 function modAttrs(map) {
     return map
         ? Object.keys(map).reduce((attrs, key) => {

package/es/tasty/utils/processTokens.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { getRgbValuesFromRgbaString, hexToRgb, parseStyle } from './styles';
+import { getRgbValuesFromRgbaString, hexToRgb, parseStyle } from './styles.js';
 const devMode = process.env.NODE_ENV !== 'production';
 /**
  * Parse HSL values from an hsl()/hsla() string.

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { StyleParser } from '../parser/parser';
-import { createStateParserContext, parseAdvancedState } from '../states';
-import { cacheWrapper } from './cache-wrapper';
-import { camelToKebab } from './case-converter';
+import { StyleParser } from '../parser/parser.js';
+import { createStateParserContext, parseAdvancedState } from '../states/index.js';
+import { cacheWrapper } from './cache-wrapper.js';
+import { camelToKebab } from './case-converter.js';
 const devMode = process.env.NODE_ENV !== 'production';
 // Precompiled regex patterns for parseColor optimization
 // Match var(--name-color...) and extract the name, regardless of fallbacks

package/es/tasty/utils/typography.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
-import { TYPOGRAPHY_PRESETS } from '../../tokens/typography';
+import { TYPOGRAPHY_PRESETS } from '../../tokens/typography.js';
 /**
  * Generate typography tokens with $ prefix for CSS custom properties.
  *

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * 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-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
@@ -25,11 +25,11 @@
  */
 import { declare } from '@babel/helper-plugin-utils';
 import * as t from '@babel/types';
-import { setGlobalPredefinedStates } from '../states';
-import { mergeStyles } from '../utils/mergeStyles';
-import { CUSTOM_UNITS, getGlobalFuncs, getGlobalParser } from '../utils/styles';
-import { CSSWriter } from './css-writer';
-import { extractStylesForSelector, extractStylesWithChunks } from './extractor';
+import { setGlobalPredefinedStates } from '../states/index.js';
+import { mergeStyles } from '../utils/mergeStyles.js';
+import { CUSTOM_UNITS, getGlobalFuncs, getGlobalParser } from '../utils/styles.js';
+import { CSSWriter } from './css-writer.js';
+import { extractStylesForSelector, extractStylesWithChunks } from './extractor.js';
 export default declare((api, options) => {
     api.assertVersion(7);
     const outputPath = options.output || 'tasty.css';

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-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 

package/es/tasty/zero/extractor.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
 import { createHash } from 'crypto';
-import { categorizeStyleKeys, generateChunkCacheKey, renderStylesForChunk, } from '../chunks';
-import { renderStyles } from '../pipeline';
+import { categorizeStyleKeys, generateChunkCacheKey, renderStylesForChunk, } from '../chunks/index.js';
+import { renderStyles } from '../pipeline/index.js';
 /**
  * Generate a deterministic className from a cache key using content hash.
  * This ensures the same styles always produce the same className,
@@ -48,14 +48,63 @@ export function extractStylesWithChunks(styles) {
  * Returns a single CSS block.
  */
 export function extractStylesForSelector(selector, styles) {
+    // renderStyles with selector returns StyleResult[] with selectors already applied
     const rules = renderStyles(styles, selector);
-    const css = formatRulesToCSS(rules, selector);
+    // Format without re-prefixing - rules already have the full selector
+    const css = formatRulesDirectly(rules);
     return { selector, css };
 }
 /**
- * Format StyleResult[] to CSS string
+ * Format StyleResult[] to CSS string.
+ * Prefixes each rule's selector with the base selector.
+ * Used for chunked styles where rules have relative selectors.
  */
-function formatRulesToCSS(rules, _baseSelector) {
+function formatRulesToCSS(rules, baseSelector) {
+    return rules
+        .map((rule) => {
+        // Handle selector as array (OR conditions) or string
+        // Note: renderStyles without className joins array selectors with '|||' placeholder
+        const selectorParts = Array.isArray(rule.selector)
+            ? rule.selector
+            : rule.selector
+                ? rule.selector.split('|||')
+                : [''];
+        // Prefix each selector part with the base selector
+        const fullSelector = selectorParts
+            .map((part) => {
+            // If part is empty, just use base selector
+            if (!part)
+                return baseSelector;
+            // If part starts with a pseudo-class or pseudo-element, append to base
+            if (part.startsWith(':') || part.startsWith('[')) {
+                return `${baseSelector}${part}`;
+            }
+            // If part starts with >, +, ~ combinator, append with space
+            if (part.startsWith('>') ||
+                part.startsWith('+') ||
+                part.startsWith('~')) {
+                return `${baseSelector}${part}`;
+            }
+            // Otherwise, combine base with part
+            return `${baseSelector}${part}`;
+        })
+            .join(', ');
+        let css = `${fullSelector} { ${rule.declarations} }`;
+        // Wrap in at-rules (in reverse order for proper nesting)
+        if (rule.atRules && rule.atRules.length > 0) {
+            for (const atRule of [...rule.atRules].reverse()) {
+                css = `${atRule} {\n  ${css}\n}`;
+            }
+        }
+        return css;
+    })
+        .join('\n\n');
+}
+/**
+ * Format StyleResult[] to CSS string directly without prefixing.
+ * Used for global styles where rules already have the full selector.
+ */
+function formatRulesDirectly(rules) {
     return rules
         .map((rule) => {
         let css = `${rule.selector} { ${rule.declarations} }`;

package/es/tasty/zero/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
@@ -21,8 +21,8 @@
  * ```
  */
 // Core extraction utilities
-export { extractStylesWithChunks, extractStylesForSelector } from './extractor';
+export { extractStylesWithChunks, extractStylesForSelector } from './extractor.js';
 // CSS output utilities
-export { CSSWriter } from './css-writer';
+export { CSSWriter } from './css-writer.js';
 
         

package/es/tasty/zero/next.js

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

package/es/tokens/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * 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-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
@@ -20,13 +20,13 @@
  * - Layout: Common layout dimensions
  * - Base: Core design system values
  */
-import { generateTypographyTokens } from '../tasty/utils/typography';
-import { BASE_TOKENS } from './base';
-import { COLOR_TOKENS } from './colors';
-import { LAYOUT_TOKENS } from './layout';
-import { SHADOW_TOKENS } from './shadows';
-import { SIZE_TOKENS } from './sizes';
-import { SPACE_TOKENS } from './spacing';
+import { generateTypographyTokens } from '../tasty/utils/typography.js';
+import { BASE_TOKENS } from './base.js';
+import { COLOR_TOKENS } from './colors.js';
+import { LAYOUT_TOKENS } from './layout.js';
+import { SHADOW_TOKENS } from './shadows.js';
+import { SIZE_TOKENS } from './sizes.js';
+import { SPACE_TOKENS } from './spacing.js';
 /**
  * All design tokens combined into a single Styles object.
  * Keys use $ prefix for CSS custom properties.
@@ -52,12 +52,12 @@ export const TOKENS = {
     ...COLOR_TOKENS,
 };
 // Re-export category modules for direct access
-export { COLOR_TOKENS } from './colors';
-export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';
-export { SPACE_TOKENS } from './spacing';
-export { SHADOW_TOKENS } from './shadows';
-export { LAYOUT_TOKENS } from './layout';
-export { BASE_TOKENS } from './base';
-export { TYPOGRAPHY_PRESETS } from './typography';
+export { COLOR_TOKENS } from './colors.js';
+export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes.js';
+export { SPACE_TOKENS } from './spacing.js';
+export { SHADOW_TOKENS } from './shadows.js';
+export { LAYOUT_TOKENS } from './layout.js';
+export { BASE_TOKENS } from './base.js';
+export { TYPOGRAPHY_PRESETS } from './typography.js';
 
         

package/es/tokens/layout.js

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

package/es/utils/index.js

@@ -1,27 +1,27 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b26ec55
+ * @cube-dev/ui-kit v0.0.0-canary-45780f0
  * Released under the MIT license.
  */
 
 // React utilities
-export * from './react';
+export * from './react/index.js';
 // RAF utilities
-export { chainRaf } from './raf';
+export { chainRaf } from './raf.js';
 // Tree utilities
-export { toFlatTree } from './tree';
+export { toFlatTree } from './tree.js';
 // Warnings and deprecations (only propDeprecationWarning - warn and deprecationWarning conflict with tasty exports)
-export { propDeprecationWarning } from './warnings';
+export { propDeprecationWarning } from './warnings.js';
 // Module utilities
-export { extractModule } from './modules';
+export { extractModule } from './modules.js';
 // Promise utilities
-export { timeout } from './promise';
+export { timeout } from './promise.js';
 // Random utilities
-export { random, generateRandomId } from './random';
+export { random, generateRandomId } from './random.js';
 // Range utilities
-export { range } from './range';
+export { range } from './range.js';
 // ResizeSensor
-export { ResizeSensor } from './ResizeSensor';
+export { ResizeSensor } from './ResizeSensor.js';
 
         

package/es/utils/modules.js

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