@cube-dev/ui-kit 0.0.0-canary-86d5c45 → 0.0.0-canary-36a62f6

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * Released under the MIT license.
  */
 
@@ -10,8 +10,9 @@
  * Eliminates CSS string parsing for better performance
  */
 import { createStyle, STYLE_HANDLER_MAP } from '../styles';
+import { getModCombinations } from './getModCombinations';
 import { mediaWrapper, normalizeStyleZones, pointsToZones, } from './responsive';
-import { computeState, getModSelector, styleStateMapToStyleStateDataList, } from './styles';
+import { buildOptimizedModsSelector, computeState, styleStateMapToStyleStateDataList, } from './styles';
 // Normalize selector suffixes coming from `$` in style handler results.
 // Some legacy handlers return suffixes starting with `&` (e.g. '& > *').
 // The renderer expects suffixes without the ampersand because it adds
@@ -318,14 +319,9 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                     });
                     // Generate all possible mod combinations
                     const allModsArray = Array.from(allMods);
-                    const combinations = [[]]; // Start with empty combination
-                    // Generate all combinations (including empty)
-                    for (let i = 0; i < allModsArray.length; i++) {
-                        const currentLength = combinations.length;
-                        for (let j = 0; j < currentLength; j++) {
-                            combinations.push([...combinations[j], allModsArray[i]]);
-                        }
-                    }
+                    // Generate combinations with filtering for mutually exclusive
+                    // attribute selectors like [data-size="large"] + [data-size="medium"]
+                    const combinations = getModCombinations(allModsArray, true);
                     combinations.forEach((modCombination) => {
                         const stateProps = {};
                         lookupStyles.forEach((style) => {
@@ -342,16 +338,7 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                         if (!result)
                             return;
                         const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
-                        const modsSelectors = `${modCombination
-                            .map(getModSelector)
-                            .join('')}${notMods
-                            .map((mod) => {
-                            const sel = getModSelector(mod);
-                            return sel.startsWith(':not(')
-                                ? sel.slice(5, -1)
-                                : `:not(${sel})`;
-                        })
-                            .join('')}`;
+                        const modsSelectors = buildOptimizedModsSelector(modCombination, notMods);
                         const logical = explodeHandlerResult(result, zones || [], `${modsSelectors}${parentSuffix}`);
                         allLogicalRules.push(...logical);
                     });
@@ -500,14 +487,9 @@ export function renderStylesForGlobal(styles, responsive = []) {
                 });
                 // Generate all possible mod combinations
                 const allModsArray = Array.from(allMods);
-                const combinations = [[]]; // Start with empty combination
-                // Generate all combinations (including empty)
-                for (let i = 0; i < allModsArray.length; i++) {
-                    const currentLength = combinations.length;
-                    for (let j = 0; j < currentLength; j++) {
-                        combinations.push([...combinations[j], allModsArray[i]]);
-                    }
-                }
+                // Generate combinations with filtering for mutually exclusive
+                // attribute selectors like [data-size="large"] + [data-size="medium"]
+                const combinations = getModCombinations(allModsArray, true);
                 combinations.forEach((modCombination) => {
                     const stateProps = {};
                     lookupStyles.forEach((style) => {
@@ -524,16 +506,7 @@ export function renderStylesForGlobal(styles, responsive = []) {
                     if (!result)
                         return;
                     const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
-                    const modsSelectors = `${modCombination
-                        .map(getModSelector)
-                        .join('')}${notMods
-                        .map((mod) => {
-                        const sel = getModSelector(mod);
-                        return sel.startsWith(':not(')
-                            ? sel.slice(5, -1)
-                            : `:not(${sel})`;
-                    })
-                        .join('')}`;
+                    const modsSelectors = buildOptimizedModsSelector(modCombination, notMods);
                     // Convert to CSS with proper selectors
                     const cssResult = convertHandlerResultToCSS(result, modsSelectors);
                     if (cssResult) {

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * Released under the MIT license.
  */
 
@@ -53,6 +53,86 @@ export function getModSelector(modName) {
     }
     return MOD_NAME_CACHE.get(modName);
 }
+/**
+ * Build optimized selector suffix from mods and notMods.
+ * - Groups attribute selectors like [data-size="large"] by attribute name
+ * - For a positive attribute value present, drops redundant :not for other values
+ * - For base (no value) case, emits a single :not([attr]) instead of
+ *   :not([attr="v1"]):not([attr="v2"])…
+ */
+export function buildOptimizedModsSelector(mods, notMods) {
+    const includedSelectors = mods.map(getModSelector);
+    // Helper to parse attribute selectors
+    const parseAttr = (sel) => {
+        // [attr="value"]
+        let m = sel.match(/^\[([^=\]]+)="([^"]+)"\]$/);
+        if (m)
+            return { name: m[1], value: m[2] };
+        m = sel.match(/^\[([^=\]]+)='([^']+)'\]$/);
+        if (m)
+            return { name: m[1], value: m[2] };
+        // [attr]
+        m = sel.match(/^\[([^=\]]+)\]$/);
+        if (m)
+            return { name: m[1] };
+        return null;
+    };
+    // Collect attribute names that are positively included
+    const includedAttrNames = new Set();
+    includedSelectors.forEach((sel) => {
+        const info = parseAttr(sel);
+        if (info)
+            includedAttrNames.add(info.name);
+    });
+    const keepNotSelectors = [];
+    // Track attribute values seen in notMods: name -> set(values)
+    const notAttrValues = new Map();
+    notMods.forEach((mod) => {
+        const sel = getModSelector(mod);
+        const info = parseAttr(sel);
+        if (info) {
+            if (!notAttrValues.has(info.name))
+                notAttrValues.set(info.name, new Set());
+            notAttrValues.get(info.name).add(info.value);
+            return; // defer attribute handling until after we know counts
+        }
+        // Non-attribute selectors keep current logic
+        if (sel.startsWith(':not(')) {
+            keepNotSelectors.push(sel.slice(5, -1));
+        }
+        else {
+            keepNotSelectors.push(`:not(${sel})`);
+        }
+    });
+    // Decide per-attribute whether to compress to :not([attr]) or keep specific values
+    notAttrValues.forEach((values, name) => {
+        const hasIncluded = includedAttrNames.has(name);
+        // If attribute is explicitly included (e.g. [data-size="large"]),
+        // do not add any not-selectors for other values of the same attribute.
+        if (hasIncluded)
+            return;
+        const distinctValueCount = Array.from(values).filter((v) => v !== undefined).length;
+        const sawPresenceToken = values.has(undefined);
+        // Compress only when we saw at least two different specific values to
+        // exclude OR an explicit presence token
+        const shouldCompress = distinctValueCount >= 2 || sawPresenceToken;
+        if (shouldCompress) {
+            keepNotSelectors.push(`:not([${name}])`);
+        }
+        else {
+            // Keep value-specific exclusions
+            values.forEach((value) => {
+                if (value === undefined) {
+                    keepNotSelectors.push(`:not([${name}])`);
+                }
+                else {
+                    keepNotSelectors.push(`:not([${name}="${value}"])`);
+                }
+            });
+        }
+    });
+    return `${includedSelectors.join('')}${keepNotSelectors.join('')}`;
+}
 // Keep a single shared instance across the whole library so that the cache of
 // the new StyleParser keeps working and custom functions/units can be updated
 // at runtime.

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * 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-86d5c45
+ * @cube-dev/ui-kit v0.0.0-canary-36a62f6
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.0.0-canary-86d5c45';
+    const version = '0.0.0-canary-36a62f6';
     // 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-86d5c45",
+  "version": "0.0.0-canary-36a62f6",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

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

@@ -96,6 +96,14 @@ export declare const CUSTOM_UNITS: {
 export declare const DIRECTIONS: string[];
 export declare function createRule(prop: string, value: StyleValue, selector?: string): string;
 export declare function getModSelector(modName: string): string;
+/**
+ * Build optimized selector suffix from mods and notMods.
+ * - Groups attribute selectors like [data-size="large"] by attribute name
+ * - For a positive attribute value present, drops redundant :not for other values
+ * - For base (no value) case, emits a single :not([attr]) instead of
+ *   :not([attr="v1"]):not([attr="v2"])…
+ */
+export declare function buildOptimizedModsSelector(mods: string[], notMods: string[]): string;
 export declare function customFunc(name: string, fn: (groups: StyleDetails[]) => string): void;
 /**
  *