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

package/es/tasty/utils/getModCombinations.js

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

package/es/tasty/utils/optimizeAttributeSelectors.js

@@ -0,0 +1,109 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
+ * Released under the MIT license.
+ */
+
+/**
+ * Utility functions for optimizing attribute selectors
+ */
+/**
+ * Parse an attribute selector like [data-size="medium"] into its components
+ */
+function parseAttributeSelector(selector) {
+    const match = selector.match(/^\[([^=]+)="([^"]+)"\]$/);
+    if (!match)
+        return null;
+    return {
+        attribute: match[1],
+        value: match[2],
+        originalSelector: selector,
+    };
+}
+/**
+ * Optimize a list of modifiers and not-modifiers to avoid redundant selectors
+ *
+ * For example:
+ * - [data-size="medium"]:not([data-size="large"]) -> [data-size="medium"]
+ * - :not([data-size="medium"]):not([data-size="large"]) -> :not([data-size])
+ */
+export function optimizeModifierSelectors(mods, notMods, getModSelector) {
+    // Convert modifiers to selectors
+    const modSelectors = mods.map(getModSelector);
+    const notModSelectors = notMods.map(getModSelector);
+    // Parse attribute selectors
+    const parsedModSelectors = modSelectors.map((sel) => ({
+        selector: sel,
+        parsed: parseAttributeSelector(sel),
+    }));
+    const parsedNotModSelectors = notModSelectors.map((sel) => ({
+        selector: sel,
+        parsed: parseAttributeSelector(sel),
+    }));
+    // Group by attribute name
+    const modsByAttribute = new Map();
+    const notModsByAttribute = new Map();
+    parsedModSelectors.forEach(({ parsed }) => {
+        if (parsed) {
+            const set = modsByAttribute.get(parsed.attribute) || new Set();
+            set.add(parsed.value);
+            modsByAttribute.set(parsed.attribute, set);
+        }
+    });
+    parsedNotModSelectors.forEach(({ parsed }) => {
+        if (parsed) {
+            const set = notModsByAttribute.get(parsed.attribute) || new Set();
+            set.add(parsed.value);
+            notModsByAttribute.set(parsed.attribute, set);
+        }
+    });
+    // Check for conflicting attributes (same attribute with different values in mods)
+    for (const [attribute, values] of modsByAttribute) {
+        if (values.size > 1) {
+            // This combination is impossible (e.g., [data-size="medium"][data-size="large"])
+            return 'IMPOSSIBLE_SELECTOR';
+        }
+    }
+    // Build optimized selectors
+    const finalModSelectors = [];
+    const finalNotSelectors = [];
+    // Add regular mod selectors
+    parsedModSelectors.forEach(({ selector, parsed }) => {
+        finalModSelectors.push(selector);
+    });
+    // First pass: collect all not selectors that aren't attribute selectors
+    parsedNotModSelectors.forEach(({ selector, parsed }) => {
+        if (!parsed) {
+            // Not an attribute selector, keep as is
+            const sel = selector.startsWith(':not(')
+                ? selector.slice(5, -1)
+                : `:not(${selector})`;
+            finalNotSelectors.push(sel);
+        }
+    });
+    // Handle attribute-based not selectors with optimization
+    notModsByAttribute.forEach((values, attribute) => {
+        const modValues = modsByAttribute.get(attribute);
+        if (modValues && modValues.size > 0) {
+            // We have a positive selector for this attribute (e.g., [data-size="medium"])
+            // So we don't need any :not() selectors for other values of the same attribute
+            // because they're mutually exclusive
+            return;
+        }
+        // No positive selector for this attribute
+        if (values.size >= 2) {
+            // Multiple values being negated - optimize to :not([attribute])
+            finalNotSelectors.push(`:not([${attribute}])`);
+        }
+        else {
+            // Single value being negated
+            values.forEach((value) => {
+                finalNotSelectors.push(`:not([${attribute}="${value}"])`);
+            });
+        }
+    });
+    return finalModSelectors.join('') + finalNotSelectors.join('');
+}
+
+        

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 
@@ -10,6 +10,7 @@
  * 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.
@@ -342,16 +343,11 @@ 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 = optimizeModifierSelectors(modCombination, notMods, getModSelector);
+                        // Skip impossible selector combinations
+                        if (modsSelectors === 'IMPOSSIBLE_SELECTOR') {
+                            return;
+                        }
                         const logical = explodeHandlerResult(result, zones || [], `${modsSelectors}${parentSuffix}`);
                         allLogicalRules.push(...logical);
                     });
@@ -524,16 +520,11 @@ 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 = optimizeModifierSelectors(modCombination, notMods, getModSelector);
+                    // Skip impossible selector combinations
+                    if (modsSelectors === 'IMPOSSIBLE_SELECTOR') {
+                        return;
+                    }
                     // 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-5fefbd1
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.0.0-canary-5fefbd1';
+    const version = '0.0.0-canary-98d6974';
     // 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-5fefbd1",
+  "version": "0.0.0-canary-98d6974",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

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

@@ -0,0 +1,11 @@
+/**
+ * Utility functions for optimizing attribute selectors
+ */
+/**
+ * Optimize a list of modifiers and not-modifiers to avoid redundant selectors
+ *
+ * For example:
+ * - [data-size="medium"]:not([data-size="large"]) -> [data-size="medium"]
+ * - :not([data-size="medium"]):not([data-size="large"]) -> :not([data-size])
+ */
+export declare function optimizeModifierSelectors(mods: string[], notMods: string[], getModSelector: (mod: string) => string): string;