@cube-dev/ui-kit 0.90.3 → 0.92.0

package/es/tasty/injector/injector.js

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

package/es/tasty/injector/sheet-manager.js

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

package/es/tasty/injector/types.js

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

package/es/tasty/parser/classify.js

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

package/es/tasty/providers/BreakpointsProvider.js

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

package/es/tasty/styles/color.js

@@ -1,17 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.90.3
+ * @cube-dev/ui-kit v0.92.0
  * 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';
-    if (typeof color === 'string' && color.startsWith('#')) {
+    // Handle color values that need parsing:
+    // - Simple color tokens: #placeholder
+    // - Color fallback syntax: (#placeholder, #dark-04)
+    if (typeof color === 'string' &&
+        (color.startsWith('#') || color.startsWith('(#'))) {
         color = parseColor(color).color || color;
     }
     const match = color.match(/var\(--(.+?)-color/);
@@ -22,10 +27,10 @@ export function colorStyle({ color }) {
     const styles = {
         color: color,
     };
-    if (name) {
+    if (name && name !== 'current') {
         Object.assign(styles, {
-            '--current-color': `var(--${name}-color, ${name})`,
-            '--current-color-rgb': `var(--${name}-color-rgb)`,
+            '--current-color': color,
+            '--current-color-rgb': convertColorChainToRgbChain(color),
         });
     }
     return styles;

package/es/tasty/styles/createStyle.js

@@ -1,13 +1,43 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.90.3
+ * @cube-dev/ui-kit v0.92.0
  * 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]) {
@@ -28,8 +58,7 @@ 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') {
@@ -53,7 +82,7 @@ export function createStyle(styleName, cssStyle, converter) {
                     if (color) {
                         return {
                             [finalCssStyle]: color,
-                            [`${finalCssStyle}-rgb`]: `var(--${name}-color-rgb)`,
+                            [`${finalCssStyle}-rgb`]: convertColorChainToRgbChain(color),
                         };
                     }
                     return {

package/es/tasty/styles/dimension.js

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

package/es/tasty/styles/fill.js

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

package/es/tasty/styles/flow.js

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

package/es/tasty/types.js

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