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

package/es/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 

package/es/tasty/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 

package/es/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * 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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@
  * Eliminates CSS string parsing for better performance
  */
 import { createStyle, STYLE_HANDLER_MAP } from '../styles';
-import { getModCombinations } from './getModCombinations';
+import { optimizeModifierSelectors } from './optimizeAttributeSelectors';
 import { mediaWrapper, normalizeStyleZones, pointsToZones, } from './responsive';
-import { buildOptimizedModsSelector, computeState, styleStateMapToStyleStateDataList, } from './styles';
+import { computeState, getModSelector, 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
@@ -319,9 +319,14 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                     });
                     // Generate all possible mod combinations
                     const allModsArray = Array.from(allMods);
-                    // Generate combinations with filtering for mutually exclusive
-                    // attribute selectors like [data-size="large"] + [data-size="medium"]
-                    const combinations = getModCombinations(allModsArray, true);
+                    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]]);
+                        }
+                    }
                     combinations.forEach((modCombination) => {
                         const stateProps = {};
                         lookupStyles.forEach((style) => {
@@ -337,20 +342,12 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                         const result = handler(stateProps);
                         if (!result)
                             return;
-                        // Build relevant mod universe for produced styles
-                        const activeStyles = Object.keys(stateProps);
-                        const activeModsUniverse = new Set();
-                        activeStyles.forEach((style) => {
-                            const value = styleMap[style];
-                            if (value && typeof value === 'object' && !Array.isArray(value)) {
-                                const { mods } = styleStateMapToStyleStateDataList(value);
-                                mods.forEach((m) => activeModsUniverse.add(m));
-                            }
-                        });
-                        const includeRelevant = modCombination.filter((m) => activeModsUniverse.has(m));
-                        const notRelevant = Array.from(activeModsUniverse).filter((m) => !modCombination.includes(m));
-                        const preferEnumeratedBase = includeRelevant.length === 0;
-                        const modsSelectors = buildOptimizedModsSelector(includeRelevant, notRelevant, preferEnumeratedBase);
+                        const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
+                        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);
                     });
@@ -499,9 +496,14 @@ export function renderStylesForGlobal(styles, responsive = []) {
                 });
                 // Generate all possible mod combinations
                 const allModsArray = Array.from(allMods);
-                // Generate combinations with filtering for mutually exclusive
-                // attribute selectors like [data-size="large"] + [data-size="medium"]
-                const combinations = getModCombinations(allModsArray, true);
+                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]]);
+                    }
+                }
                 combinations.forEach((modCombination) => {
                     const stateProps = {};
                     lookupStyles.forEach((style) => {
@@ -517,20 +519,12 @@ export function renderStylesForGlobal(styles, responsive = []) {
                     const result = handler(stateProps);
                     if (!result)
                         return;
-                    // Build relevant mod universe for produced styles
-                    const activeStyles = Object.keys(stateProps);
-                    const activeModsUniverse = new Set();
-                    activeStyles.forEach((style) => {
-                        const value = styleMap[style];
-                        if (value && typeof value === 'object' && !Array.isArray(value)) {
-                            const { mods } = styleStateMapToStyleStateDataList(value);
-                            mods.forEach((m) => activeModsUniverse.add(m));
-                        }
-                    });
-                    const includeRelevant = modCombination.filter((m) => activeModsUniverse.has(m));
-                    const notRelevant = Array.from(activeModsUniverse).filter((m) => !modCombination.includes(m));
-                    const preferEnumeratedBase = includeRelevant.length === 0;
-                    const modsSelectors = buildOptimizedModsSelector(includeRelevant, notRelevant, preferEnumeratedBase);
+                    const notMods = allModsArray.filter((mod) => !modCombination.includes(mod));
+                    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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */
 
@@ -53,89 +53,6 @@ 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, preferEnumeratedBase = false) {
-    const includedSelectors = mods.map(getModSelector);
-    const isBaseCombination = mods.length === 0;
-    // 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; allow overriding to keep
-        // enumerated base (e.g. for Button preset) using preferEnumeratedBase.
-        const shouldCompress = (!isBaseCombination || !preferEnumeratedBase) &&
-            (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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @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-195ca54
+ * @cube-dev/ui-kit v0.0.0-canary-98d6974
  * Released under the MIT license.
  */