@cube-dev/ui-kit 0.0.0-canary-ce17ba4 → 0.0.0-canary-1bcd6b2

package/es/tasty/parser/classify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
+ * @cube-dev/ui-kit v0.0.0-canary-1bcd6b2
  * Released under the MIT license.
  */
 
@@ -57,8 +57,8 @@ export function classify(raw, opts, recurse) {
         return { bucket: Bucket.Value, processed: token };
     }
     // 2. Custom property
-    if (token[0] === '$') {
-        const identMatch = token.match(/^\$([a-z_][a-z0-9-_]*)$/);
+    if (token[0] === '@' || token[0] === '$') {
+        const identMatch = token.match(/^[$@]([a-z_][a-z0-9-_]*)$/);
         if (identMatch) {
             const name = identMatch[1];
             const processed = `var(--${name})`;
@@ -119,40 +119,26 @@ export function classify(raw, opts, recurse) {
         const argProcessed = recurse(inner).output;
         return { bucket: Bucket.Value, processed: `${fname}(${argProcessed})` };
     }
-    // 6. Color fallback syntax: (#name, fallback)
+    // 6. Custom property with fallback syntax: (${prop}, fallback)
     if (token.startsWith('(') && token.endsWith(')')) {
         const inner = token.slice(1, -1);
-        const colorMatch = inner.match(/^#([a-z0-9-]+)\s*,\s*(.*)$/i);
-        if (colorMatch) {
-            const [, name, fallback] = colorMatch;
-            const processedFallback = recurse(fallback).output;
-            return {
-                bucket: Bucket.Color,
-                processed: `var(--${name}-color, ${processedFallback})`,
-            };
-        }
-    }
-    // 7. Custom property with fallback syntax: ($prop, fallback)
-    if (token.startsWith('(') && token.endsWith(')')) {
-        const inner = token.slice(1, -1);
-        const match = inner.match(/^\$([a-z_][a-z0-9-_]*)\s*,\s*(.*)$/);
+        const match = inner.match(/^[$@]([a-z_][a-z0-9-_]*)\s*,\s*(.*)$/);
         if (match) {
             const [, name, fallback] = match;
             const processedFallback = recurse(fallback).output;
-            const bucketType = name.endsWith('-color') ? Bucket.Color : Bucket.Value;
             return {
-                bucket: bucketType,
+                bucket: Bucket.Value,
                 processed: `var(--${name}, ${processedFallback})`,
             };
         }
     }
-    // 8. Auto-calc group
+    // 7. Auto-calc group
     if (token[0] === '(' && token[token.length - 1] === ')') {
         const inner = token.slice(1, -1);
         const innerProcessed = recurse(inner).output;
         return { bucket: Bucket.Value, processed: `calc(${innerProcessed})` };
     }
-    // 9. Unit number
+    // 8. Unit number
     const um = token.match(RE_UNIT_NUM);
     if (um) {
         const unit = um[1];
@@ -180,24 +166,24 @@ export function classify(raw, opts, recurse) {
             }
         }
     }
-    // 9b. Unknown numeric+unit → treat as literal value (e.g., 1fr)
+    // 8b. Unknown numeric+unit → treat as literal value (e.g., 1fr)
     if (/^[+-]?(?:\d*\.\d+|\d+)[a-z%]+$/.test(token)) {
         return { bucket: Bucket.Value, processed: token };
     }
-    // 9c. Plain unit-less numbers should be treated as value tokens so that
+    // 8c. Plain unit-less numbers should be treated as value tokens so that
     // code such as `scrollbar={10}` resolves correctly.
     if (RE_NUMBER.test(token)) {
         return { bucket: Bucket.Value, processed: token };
     }
-    // 10. Literal value keywords
+    // 9. Literal value keywords
     if (VALUE_KEYWORDS.has(token)) {
         return { bucket: Bucket.Value, processed: token };
     }
-    // 10b. Special keyword colors
+    // 9b. Special keyword colors
     if (token === 'transparent' || token === 'currentcolor') {
         return { bucket: Bucket.Color, processed: token };
     }
-    // 11. Fallback modifier
+    // 10. Fallback modifier
     return { bucket: Bucket.Mod, processed: token };
 }
 

package/es/tasty/parser/const.js

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

package/es/tasty/parser/lru.js

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

package/es/tasty/parser/parser.js

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

package/es/tasty/parser/tokenizer.js

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

package/es/tasty/parser/types.js

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

package/es/tasty/styles/align.js

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

package/es/tasty/styles/border.js

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

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

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

package/es/tasty/styles/color.js

@@ -1,22 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
+ * @cube-dev/ui-kit v0.0.0-canary-1bcd6b2
  * Released under the MIT license.
  */
 
 import { parseColor } from '../utils/styles';
-import { convertColorChainToRgbChain } from './createStyle';
 export function colorStyle({ color }) {
     if (!color)
         return '';
     if (color === true)
         color = 'currentColor';
-    // Handle color values that need parsing:
-    // - Simple color tokens: #placeholder
-    // - Color fallback syntax: (#placeholder, #dark-04)
-    if (typeof color === 'string' &&
-        (color.startsWith('#') || color.startsWith('(#'))) {
+    if (typeof color === 'string' && color.startsWith('#')) {
         color = parseColor(color).color || color;
     }
     const match = color.match(/var\(--(.+?)-color/);
@@ -27,10 +22,10 @@ export function colorStyle({ color }) {
     const styles = {
         color: color,
     };
-    if (name && name !== 'current') {
+    if (name) {
         Object.assign(styles, {
-            '--current-color': color,
-            '--current-color-rgb': convertColorChainToRgbChain(color),
+            '--current-color': `var(--${name}-color, ${name})`,
+            '--current-color-rgb': `var(--${name}-color-rgb)`,
         });
     }
     return styles;

package/es/tasty/styles/createStyle.js

@@ -1,43 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
+ * @cube-dev/ui-kit v0.0.0-canary-1bcd6b2
  * Released under the MIT license.
  */
 
 import { toSnakeCase } from '../utils/string';
 import { getRgbValuesFromRgbaString, parseColor, parseStyle, strToRgb, } from '../utils/styles';
 const CACHE = {};
-/**
- * Convert color fallback chain to RGB fallback chain.
- * Example: var(--primary-color, var(--secondary-color)) → var(--primary-color-rgb, var(--secondary-color-rgb))
- */
-export function convertColorChainToRgbChain(colorValue) {
-    // Match var(--name-color, ...) pattern
-    const varPattern = /var\(--([a-z0-9-]+)-color\s*(?:,\s*(.+))?\)/;
-    const match = colorValue.match(varPattern);
-    if (!match) {
-        // Not a color variable, check if it's a color function or literal
-        if (colorValue.startsWith('rgb(') || colorValue.startsWith('rgba(')) {
-            return colorValue;
-        }
-        // Try to convert to RGB if possible
-        const rgba = strToRgb(colorValue);
-        if (rgba) {
-            const rgbValues = getRgbValuesFromRgbaString(rgba);
-            return rgbValues.join(' ');
-        }
-        return colorValue;
-    }
-    const [, name, fallback] = match;
-    if (!fallback) {
-        // Simple var without fallback
-        return `var(--${name}-color-rgb)`;
-    }
-    // Recursively process the fallback
-    const processedFallback = convertColorChainToRgbChain(fallback.trim());
-    return `var(--${name}-color-rgb, ${processedFallback})`;
-}
 export function createStyle(styleName, cssStyle, converter) {
     const key = `${styleName}.${cssStyle ?? ''}`;
     if (!CACHE[key]) {
@@ -58,7 +28,8 @@ export function createStyle(styleName, cssStyle, converter) {
                 finalCssStyle = `--${name}-color`;
             }
             else {
-                finalCssStyle = cssStyle || toSnakeCase(styleName).replace(/^\$/, '--');
+                finalCssStyle =
+                    cssStyle || toSnakeCase(styleName).replace(/^[@$]/, '--');
             }
             // convert non-string values
             if (converter && typeof styleValue !== 'string') {
@@ -82,7 +53,7 @@ export function createStyle(styleName, cssStyle, converter) {
                     if (color) {
                         return {
                             [finalCssStyle]: color,
-                            [`${finalCssStyle}-rgb`]: convertColorChainToRgbChain(color),
+                            [`${finalCssStyle}-rgb`]: `var(--${name}-color-rgb)`,
                         };
                     }
                     return {

package/es/tasty/styles/dimension.js

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

package/es/tasty/styles/display.js

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

package/es/tasty/styles/fade.js

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

package/es/tasty/styles/fill.js

@@ -1,12 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
+ * @cube-dev/ui-kit v0.0.0-canary-1bcd6b2
  * Released under the MIT license.
  */
 
 import { parseStyle } from '../utils/styles';
-import { convertColorChainToRgbChain } from './createStyle';
 export function fillStyle({ fill }) {
     if (!fill)
         return '';
@@ -26,7 +25,7 @@ export function fillStyle({ fill }) {
         styles.push({
             $: '>*',
             '--context-fill-color': fill,
-            '--context-fill-color-rgb': convertColorChainToRgbChain(fill),
+            '--context-fill-color-rgb': `var(--${name}-color-rgb)`,
         });
     }
     return styles;

package/es/tasty/styles/flow.js

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

package/es/tasty/styles/font.js

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

package/es/tasty/styles/fontStyle.js

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

package/es/tasty/styles/gap.js

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

package/es/tasty/styles/groupRadius.js

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

package/es/tasty/styles/height.js

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

package/es/tasty/styles/index.js

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

package/es/tasty/styles/inset.js

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

package/es/tasty/styles/justify.js

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

package/es/tasty/styles/list.js

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