@cube-dev/ui-kit 0.0.0-canary-98d6974 → 0.0.0-canary-af813f2

package/es/tasty/utils/getModCombinations.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * Released under the MIT license.
  */
 
@@ -10,7 +10,6 @@
  * Eliminates CSS string parsing for better performance
  */
 import { createStyle, STYLE_HANDLER_MAP } from '../styles';
-import { optimizeModifierSelectors } from './optimizeAttributeSelectors';
 import { mediaWrapper, normalizeStyleZones, pointsToZones, } from './responsive';
 import { computeState, getModSelector, styleStateMapToStyleStateDataList, } from './styles';
 // Normalize selector suffixes coming from `$` in style handler results.
@@ -43,6 +42,70 @@ function getSelector(key) {
     }
     return null;
 }
+function parseAttributeSelector(selector) {
+    // Match patterns like [data-size="medium"] or [data-is-selected]
+    const match = selector.match(/^\[([^=\]]+)(?:="([^"]+)")?\]$/);
+    if (!match)
+        return null;
+    return {
+        attribute: match[1],
+        value: match[2] || 'true', // Handle boolean attributes
+        fullSelector: selector,
+    };
+}
+function hasConflictingAttributeSelectors(mods) {
+    const attributeMap = new Map();
+    for (const mod of mods) {
+        const parsed = parseAttributeSelector(mod);
+        if (parsed && parsed.value !== 'true') {
+            if (!attributeMap.has(parsed.attribute)) {
+                attributeMap.set(parsed.attribute, []);
+            }
+            attributeMap.get(parsed.attribute).push(parsed.value);
+        }
+    }
+    // Check if any attribute has multiple values
+    for (const values of attributeMap.values()) {
+        if (values.length > 1)
+            return true;
+    }
+    return false;
+}
+function optimizeNotSelectors(currentMods, allMods) {
+    const attributeMap = new Map();
+    const currentAttributeMap = new Map();
+    // Build map of all possible values for each attribute
+    for (const mod of allMods) {
+        const parsed = parseAttributeSelector(mod);
+        if (parsed && parsed.value !== 'true') {
+            if (!attributeMap.has(parsed.attribute)) {
+                attributeMap.set(parsed.attribute, new Set());
+            }
+            attributeMap.get(parsed.attribute).add(parsed.value);
+        }
+    }
+    // Build map of current mod attribute values
+    for (const mod of currentMods) {
+        const parsed = parseAttributeSelector(mod);
+        if (parsed && parsed.value !== 'true') {
+            currentAttributeMap.set(parsed.attribute, parsed.value);
+        }
+    }
+    const notMods = allMods.filter((mod) => !currentMods.includes(mod));
+    const optimizedNotMods = [];
+    for (const mod of notMods) {
+        const parsed = parseAttributeSelector(mod);
+        if (parsed && parsed.value !== 'true') {
+            // If we already have a value for this attribute, skip this not selector
+            // because it's already mutually exclusive
+            if (currentAttributeMap.has(parsed.attribute)) {
+                continue;
+            }
+        }
+        optimizedNotMods.push(mod);
+    }
+    return optimizedNotMods;
+}
 /**
  * Explode a style handler result into logical rules with proper mapping
  * Phase 1: Handler fan-out ($ selectors, arrays)
@@ -324,7 +387,11 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                     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]]);
+                            const newCombination = [...combinations[j], allModsArray[i]];
+                            // Skip combinations with conflicting attribute selectors
+                            if (!hasConflictingAttributeSelectors(newCombination)) {
+                                combinations.push(newCombination);
+                            }
                         }
                     }
                     combinations.forEach((modCombination) => {
@@ -342,12 +409,17 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                         const result = handler(stateProps);
                         if (!result)
                             return;
-                        const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
-                        const modsSelectors = optimizeModifierSelectors(modCombination, notMods, getModSelector);
-                        // Skip impossible selector combinations
-                        if (modsSelectors === 'IMPOSSIBLE_SELECTOR') {
-                            return;
-                        }
+                        const optimizedNotMods = optimizeNotSelectors(modCombination, allModsArray);
+                        const modsSelectors = `${modCombination
+                            .map(getModSelector)
+                            .join('')}${optimizedNotMods
+                            .map((mod) => {
+                            const sel = getModSelector(mod);
+                            return sel.startsWith(':not(')
+                                ? sel.slice(5, -1)
+                                : `:not(${sel})`;
+                        })
+                            .join('')}`;
                         const logical = explodeHandlerResult(result, zones || [], `${modsSelectors}${parentSuffix}`);
                         allLogicalRules.push(...logical);
                     });
@@ -501,7 +573,11 @@ export function renderStylesForGlobal(styles, responsive = []) {
                 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]]);
+                        const newCombination = [...combinations[j], allModsArray[i]];
+                        // Skip combinations with conflicting attribute selectors
+                        if (!hasConflictingAttributeSelectors(newCombination)) {
+                            combinations.push(newCombination);
+                        }
                     }
                 }
                 combinations.forEach((modCombination) => {
@@ -519,12 +595,17 @@ export function renderStylesForGlobal(styles, responsive = []) {
                     const result = handler(stateProps);
                     if (!result)
                         return;
-                    const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
-                    const modsSelectors = optimizeModifierSelectors(modCombination, notMods, getModSelector);
-                    // Skip impossible selector combinations
-                    if (modsSelectors === 'IMPOSSIBLE_SELECTOR') {
-                        return;
-                    }
+                    const optimizedNotMods = optimizeNotSelectors(modCombination, allModsArray);
+                    const modsSelectors = `${modCombination
+                        .map(getModSelector)
+                        .join('')}${optimizedNotMods
+                        .map((mod) => {
+                        const sel = getModSelector(mod);
+                        return sel.startsWith(':not(')
+                            ? sel.slice(5, -1)
+                            : `:not(${sel})`;
+                    })
+                        .join('')}`;
                     // 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * 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-98d6974
+ * @cube-dev/ui-kit v0.0.0-canary-af813f2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/warnings.js

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