@cube-dev/ui-kit 0.0.0-canary-3abbcb3 → 0.0.0-canary-4030902

package/es/tasty/utils/getDisplayName.js

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

package/es/tasty/utils/getModCombinations.js

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

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3abbcb3
+ * @cube-dev/ui-kit v0.0.0-canary-4030902
  * Released under the MIT license.
  */
 
@@ -25,6 +25,20 @@ function stateMapHasResponsiveArrays(value) {
 //   { '': ['1x', '2x'], large: [null, '3x'] } →
 //   [ { '': '1x', large: null }, { '': '2x', large: '3x' } ]
 function stateMapToArrayOfStateMaps(value, zoneNumber) {
+    // Short-circuit for single zone - avoid array allocation
+    if (zoneNumber === 1) {
+        const singleMap = {};
+        for (const [state, stateValue] of Object.entries(value)) {
+            if (Array.isArray(stateValue)) {
+                // Take the first value from the array or null if empty
+                singleMap[state] = stateValue.length > 0 ? stateValue[0] : null;
+            }
+            else {
+                singleMap[state] = stateValue;
+            }
+        }
+        return [singleMap];
+    }
     const result = Array.from({ length: zoneNumber }, () => ({}));
     for (const [state, stateValue] of Object.entries(value)) {
         const perZone = Array.isArray(stateValue)
@@ -45,13 +59,46 @@ function stateMapToArrayOfStateMaps(value, zoneNumber) {
 //   ['1x', { '': '1x', large: '2x' }] (zoneNumber=2) →
 //   [ { '': '1x' }, { '': '1x', large: '2x' } ]
 function normalizeArrayWithStateMaps(valueArray, zoneNumber) {
+    // Short-circuit for single zone - avoid array propagation and mapping
+    if (zoneNumber === 1) {
+        const firstEntry = valueArray.length > 0 ? valueArray[0] : null;
+        if (firstEntry &&
+            typeof firstEntry === 'object' &&
+            !Array.isArray(firstEntry)) {
+            return [firstEntry];
+        }
+        return [{ '': firstEntry }];
+    }
     const propagated = normalizeStyleZones(valueArray, zoneNumber);
-    return propagated.map((entry) => {
+    // Trim trailing null/undefined entries to reduce processing
+    let lastNonNullIndex = propagated.length - 1;
+    while (lastNonNullIndex >= 0 && propagated[lastNonNullIndex] == null) {
+        lastNonNullIndex--;
+    }
+    // If all entries are null, return minimal array
+    if (lastNonNullIndex < 0) {
+        return Array.from({ length: zoneNumber }, () => ({ '': null }));
+    }
+    // Process only up to the last non-null entry, then fill the rest with the last value
+    const result = [];
+    let lastProcessedEntry = null;
+    for (let i = 0; i <= lastNonNullIndex; i++) {
+        const entry = propagated[i];
+        let processedEntry;
         if (entry && typeof entry === 'object' && !Array.isArray(entry)) {
-            return entry;
+            processedEntry = entry;
         }
-        return { '': entry };
-    });
+        else {
+            processedEntry = { '': entry };
+        }
+        result.push(processedEntry);
+        lastProcessedEntry = processedEntry;
+    }
+    // Fill remaining slots with the last processed entry (CSS cascade behavior)
+    for (let i = lastNonNullIndex + 1; i < zoneNumber; i++) {
+        result.push(lastProcessedEntry || { '': null });
+    }
+    return result;
 }
 // Normalize selector suffixes coming from `$` in style handler results.
 // Some legacy handlers return suffixes starting with `&` (e.g. '& > *').

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3abbcb3
+ * @cube-dev/ui-kit v0.0.0-canary-4030902
  * 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-3abbcb3
+ * @cube-dev/ui-kit v0.0.0-canary-4030902
  * 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-3abbcb3
+ * @cube-dev/ui-kit v0.0.0-canary-4030902
  * Released under the MIT license.
  */
 
@@ -9,6 +9,23 @@ import { StyleParser } from '../parser/parser';
 import { cacheWrapper } from './cache-wrapper';
 import { camelToKebab } from './case-converter';
 const devMode = process.env.NODE_ENV !== 'production';
+// Precompiled regex patterns for parseColor optimization
+const COLOR_VAR_PATTERN = /var\(--([a-z0-9-]+)-color(?:-rgb)?\)/;
+const COLOR_VAR_RGB_PATTERN = /var\(--([a-z0-9-]+)-color-rgb\)/;
+const RGB_ALPHA_PATTERN = /\/\s*([0-9.]+)\)/;
+const SIMPLE_COLOR_PATTERNS = [
+    /^#[0-9a-fA-F]{3,8}$/, // Hex colors: #fff, #ffffff, #ffff, #ffffffff
+    /^rgb\(/, // RGB/RGBA functions
+    /^hsl\(/, // HSL/HSLA functions
+    /^lch\(/, // LCH color functions
+    /^oklch\(/, // OKLCH color functions
+    /^var\(--[a-z0-9-]+-color/, // CSS custom properties for colors
+    /^currentColor$/, // CSS currentColor keyword
+    /^transparent$/, // CSS transparent keyword
+];
+// Rate limiting for dev warnings to avoid spam
+let colorWarningCount = 0;
+const MAX_COLOR_WARNINGS = 10;
 const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
     ? CSS.supports('height: 100dvh')
     : false;
@@ -77,28 +94,54 @@ export function parseStyle(value) {
 }
 /**
  * Parse color. Find it value, name and opacity.
+ * Optimized to avoid heavy parseStyle calls for simple color patterns.
  */
 export function parseColor(val, ignoreError = false) {
-    val = (val ?? '').trim();
+    // Early return for non-strings or empty values
+    if (typeof val !== 'string') {
+        val = String(val ?? '');
+    }
+    val = val.trim();
     if (!val)
         return {};
-    // Utilize the new parser to extract the first color token.
-    const processed = parseStyle(val);
-    const firstColor = processed.groups.find((g) => g.colors.length)?.colors[0];
-    if (!firstColor) {
-        if (!ignoreError && devMode) {
-            console.warn('CubeUIKit: unable to parse color:', val);
+    // Fast path: Check if it's a simple color pattern that doesn't need full parsing
+    const isSimpleColor = SIMPLE_COLOR_PATTERNS.some((pattern) => pattern.test(val));
+    let firstColor;
+    let shouldUseParser = false;
+    if (isSimpleColor) {
+        // For simple colors, use the value directly without parsing
+        firstColor = val;
+    }
+    else {
+        // Complex value - might contain multiple tokens, fallback to full parser
+        shouldUseParser = true;
+        const processed = parseStyle(val);
+        const extractedColor = processed.groups.find((g) => g.colors.length)
+            ?.colors[0];
+        if (!extractedColor) {
+            // Rate-limited warning to avoid spam
+            if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {
+                console.warn('CubeUIKit: unable to parse color:', val);
+                colorWarningCount++;
+                if (colorWarningCount === MAX_COLOR_WARNINGS) {
+                    console.warn('CubeUIKit: color parsing warnings will be suppressed from now on');
+                }
+            }
+            return {};
         }
-        return {};
+        firstColor = extractedColor;
     }
-    // Extract color name (if present) from variable pattern.
-    let nameMatch = firstColor.match(/var\(--([a-z0-9-]+)-color/);
+    // Extract color name (if present) from variable pattern using precompiled regex
+    let nameMatch = firstColor.match(COLOR_VAR_PATTERN);
     if (!nameMatch) {
-        nameMatch = firstColor.match(/var\(--([a-z0-9-]+)-color-rgb/);
+        nameMatch = firstColor.match(COLOR_VAR_RGB_PATTERN);
     }
     let opacity;
-    if (firstColor.startsWith('rgb')) {
-        const alphaMatch = firstColor.match(/\/\s*([0-9.]+)\)/);
+    if (firstColor.startsWith('rgb') ||
+        firstColor.startsWith('hsl') ||
+        firstColor.startsWith('lch') ||
+        firstColor.startsWith('oklch')) {
+        const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);
         if (alphaMatch) {
             const v = parseFloat(alphaMatch[1]);
             if (!isNaN(v))
@@ -339,10 +382,10 @@ export function styleStateMapToStyleStateDataList(styleStateMap) {
     return { states: stateDataList, mods: allMods };
 }
 export const COMPUTE_FUNC_MAP = {
-    '!': (a) => !a,
-    '^': (a, b) => a ^ b,
-    '|': (a, b) => a | b,
-    '&': (a, b) => a & b,
+    '!': (a) => !a, // NOT - boolean negation
+    '^': (a, b) => (a && !b) || (!a && b), // XOR - true when exactly one is true
+    '|': (a, b) => a || b, // OR - logical OR
+    '&': (a, b) => a && b, // AND - logical AND
 };
 /**
  * Compute a result based on a model and incoming map.

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

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

package/es/type-checks.js

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

package/es/utils/react/forwardRefWithGenerics.js

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

package/es/utils/react/index.js

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

package/es/utils/react/interactions.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/sharedStore.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useControlledFocusVisible.js

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

package/es/utils/react/useEventBus.js

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

package/es/utils/react/useId.js

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

package/es/utils/react/useIsDarwin.js

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

package/es/utils/react/useKeySymbols.js

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

package/es/utils/react/useLayoutEffect.js

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

package/es/utils/react/useQaProps.js

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

package/es/utils/react/useViewportSize.js

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

package/es/utils/react/wrapNodeIfPlain.js

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

package/es/utils/transitions.js

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

package/es/utils/tree.js

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

package/es/utils/warnings.js

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

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3abbcb3
+ * @cube-dev/ui-kit v0.0.0-canary-4030902
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.0.0-canary-3abbcb3';
+    const version = '0.0.0-canary-4030902';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-3abbcb3",
+  "version": "0.0.0-canary-4030902",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/tasty/utils/styles.d.ts

@@ -66,6 +66,7 @@ export declare function customFunc(name: string, fn: (groups: StyleDetails[]) =>
 export declare function parseStyle(value: StyleValue): ProcessedStyle;
 /**
  * Parse color. Find it value, name and opacity.
+ * Optimized to avoid heavy parseStyle calls for simple color patterns.
  */
 export declare function parseColor(val: string, ignoreError?: boolean): ParsedColor;
 export declare function strToRgb(color: any, ignoreAlpha?: boolean): any;
@@ -107,9 +108,9 @@ export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleSt
 };
 export declare const COMPUTE_FUNC_MAP: {
     '!': (a: any) => boolean;
-    '^': (a: any, b: any) => number;
-    '|': (a: any, b: any) => number;
-    '&': (a: any, b: any) => number;
+    '^': (a: any, b: any) => any;
+    '|': (a: any, b: any) => any;
+    '&': (a: any, b: any) => any;
 };
 /**
  * Compute a result based on a model and incoming map.