@cube-dev/ui-kit 0.0.0-canary-1ed1794 → 0.0.0-canary-b9e07fe

package/es/tasty/utils/getModCombinations.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1ed1794
+ * @cube-dev/ui-kit v0.0.0-canary-b9e07fe
  * 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-1ed1794
+ * @cube-dev/ui-kit v0.0.0-canary-b9e07fe
  * 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-1ed1794
+ * @cube-dev/ui-kit v0.0.0-canary-b9e07fe
  * 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-1ed1794
+ * @cube-dev/ui-kit v0.0.0-canary-b9e07fe
  * Released under the MIT license.
  */
 
@@ -12,6 +12,45 @@
 import { createStyle, STYLE_HANDLER_MAP } from '../styles';
 import { mediaWrapper, normalizeStyleZones, pointsToZones, } from './responsive';
 import { computeState, getModSelector, styleStateMapToStyleStateDataList, } from './styles';
+// Detect if a value is a state map whose entries contain responsive arrays
+function stateMapHasResponsiveArrays(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value))
+        return false;
+    return Object.values(value).some((v) => Array.isArray(v));
+}
+// Convert a state-map-of-arrays into an array-of-state-maps of length zoneNumber
+// Example:
+//   { '': ['1x', '2x'], large: [null, '3x'] } →
+//   [ { '': '1x', large: null }, { '': '2x', large: '3x' } ]
+function stateMapToArrayOfStateMaps(value, zoneNumber) {
+    const result = Array.from({ length: zoneNumber }, () => ({}));
+    for (const [state, stateValue] of Object.entries(value)) {
+        const perZone = Array.isArray(stateValue)
+            ? normalizeStyleZones(stateValue, zoneNumber)
+            : Array(zoneNumber).fill(stateValue);
+        for (let i = 0; i < zoneNumber; i++) {
+            const v = perZone[i];
+            // Always include the state in the result, even if null or empty
+            // This preserves the state structure across all breakpoints
+            result[i][state] = v;
+        }
+    }
+    return result;
+}
+// Normalize an array that may contain plain values and/or state maps into
+// an array-of-state-maps of fixed length zoneNumber with propagation.
+// Example:
+//   ['1x', { '': '1x', large: '2x' }] (zoneNumber=2) →
+//   [ { '': '1x' }, { '': '1x', large: '2x' } ]
+function normalizeArrayWithStateMaps(valueArray, zoneNumber) {
+    const propagated = normalizeStyleZones(valueArray, zoneNumber);
+    return propagated.map((entry) => {
+        if (entry && typeof entry === 'object' && !Array.isArray(entry)) {
+            return entry;
+        }
+        return { '': entry };
+    });
+}
 // 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
@@ -310,16 +349,24 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                 const filteredStyleMap = lookupStyles.reduce((map, name) => {
                     const value = currentStyles?.[name];
                     if (value !== undefined) {
-                        map[name] = value;
-                        if (Array.isArray(value)) {
-                            if (value.length === 0) {
-                                delete map[name];
-                            }
-                            else {
-                                // Keep arrays for responsive processing - don't flatten to single value
+                        // Case 1: state-map-of-arrays → array-of-state-maps
+                        if (value &&
+                            typeof value === 'object' &&
+                            !Array.isArray(value) &&
+                            stateMapHasResponsiveArrays(value)) {
+                            map[name] = stateMapToArrayOfStateMaps(value, zones.length);
+                            isResponsive = true;
+                        }
+                        else if (Array.isArray(value)) {
+                            // Case 2: array that may contain state maps → normalize to array-of-state-maps
+                            if (value.length > 0) {
+                                map[name] = normalizeArrayWithStateMaps(value, zones.length);
                                 isResponsive = true;
                             }
                         }
+                        else {
+                            map[name] = value;
+                        }
                     }
                     return map;
                 }, {});
@@ -349,10 +396,68 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
                     });
                     return pointProps;
                 });
-                // Call handler for each breakpoint
-                propsByPoint.forEach((props, breakpointIdx) => {
-                    const result = handler(props);
-                    if (result) {
+                // Call handler for each breakpoint, with state map processing if needed
+                propsByPoint.forEach((pointProps, breakpointIdx) => {
+                    const hasStateMapsAtPoint = lookupStyles.some((style) => {
+                        const v = pointProps[style];
+                        return v && typeof v === 'object' && !Array.isArray(v);
+                    });
+                    if (hasStateMapsAtPoint) {
+                        const allMods = new Set();
+                        const styleStates = {};
+                        lookupStyles.forEach((style) => {
+                            const v = pointProps[style];
+                            if (v && typeof v === 'object' && !Array.isArray(v)) {
+                                const { states, mods } = styleStateMapToStyleStateDataList(v);
+                                styleStates[style] = states;
+                                mods.forEach((m) => allMods.add(m));
+                            }
+                            else {
+                                styleStates[style] = [{ mods: [], notMods: [], value: v }];
+                            }
+                        });
+                        const allModsArray = Array.from(allMods);
+                        const combinations = [[]];
+                        for (let i = 0; i < allModsArray.length; i++) {
+                            const currentLength = combinations.length;
+                            for (let j = 0; j < currentLength; j++) {
+                                const newCombination = [...combinations[j], allModsArray[i]];
+                                if (!hasConflictingAttributeSelectors(newCombination)) {
+                                    combinations.push(newCombination);
+                                }
+                            }
+                        }
+                        combinations.forEach((modCombination) => {
+                            const stateProps = {};
+                            lookupStyles.forEach((style) => {
+                                const states = styleStates[style];
+                                const matchingState = states.find((state) => computeState(state.model, (mod) => modCombination.includes(mod)));
+                                if (matchingState) {
+                                    stateProps[style] = matchingState.value;
+                                }
+                            });
+                            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 result = handler(stateProps);
+                            if (!result)
+                                return;
+                            const logicalRules = explodeHandlerResult(result, zones || [], `${modsSelectors}${parentSuffix}`, breakpointIdx, true);
+                            allLogicalRules.push(...logicalRules);
+                        });
+                    }
+                    else {
+                        const result = handler(pointProps);
+                        if (!result)
+                            return;
                         const logicalRules = explodeHandlerResult(result, zones || [], parentSuffix, breakpointIdx, true);
                         allLogicalRules.push(...logicalRules);
                     }
@@ -522,15 +627,22 @@ export function renderStylesForGlobal(styles, responsive = []) {
             const filteredStyleMap = lookupStyles.reduce((map, name) => {
                 const value = styles?.[name];
                 if (value !== undefined) {
-                    map[name] = value;
-                    if (Array.isArray(value)) {
-                        if (value.length === 0) {
-                            delete map[name];
-                        }
-                        else {
+                    if (value &&
+                        typeof value === 'object' &&
+                        !Array.isArray(value) &&
+                        stateMapHasResponsiveArrays(value)) {
+                        map[name] = stateMapToArrayOfStateMaps(value, zones.length);
+                        isResponsive = true;
+                    }
+                    else if (Array.isArray(value)) {
+                        if (value.length > 0) {
+                            map[name] = normalizeArrayWithStateMaps(value, zones.length);
                             isResponsive = true;
                         }
                     }
+                    else {
+                        map[name] = value;
+                    }
                 }
                 return map;
             }, {});
@@ -560,16 +672,75 @@ export function renderStylesForGlobal(styles, responsive = []) {
                 });
                 return pointProps;
             });
-            // Call handler for each breakpoint and convert to CSS
-            const rulesByPoint = propsByPoint.map((props) => {
-                const result = handler(props);
-                if (!result)
-                    return '';
-                // Convert handler result to CSS string for global injection
-                return convertHandlerResultToCSS(result);
-            });
-            rulesByPoint.forEach((rules, i) => {
-                responsiveStyles[i] += rules || '';
+            // Call handler for each breakpoint and convert to CSS, with state processing
+            propsByPoint.forEach((pointProps, i) => {
+                const hasStateMapsAtPoint = lookupStyles.some((style) => {
+                    const v = pointProps[style];
+                    return v && typeof v === 'object' && !Array.isArray(v);
+                });
+                if (hasStateMapsAtPoint) {
+                    const allMods = new Set();
+                    const styleStates = {};
+                    lookupStyles.forEach((style) => {
+                        const v = pointProps[style];
+                        if (v && typeof v === 'object' && !Array.isArray(v)) {
+                            const { states, mods } = styleStateMapToStyleStateDataList(v);
+                            styleStates[style] = states;
+                            mods.forEach((m) => allMods.add(m));
+                        }
+                        else {
+                            styleStates[style] = [{ mods: [], notMods: [], value: v }];
+                        }
+                    });
+                    const allModsArray = Array.from(allMods);
+                    const combinations = [[]];
+                    for (let a = 0; a < allModsArray.length; a++) {
+                        const currentLength = combinations.length;
+                        for (let b = 0; b < currentLength; b++) {
+                            const newCombination = [...combinations[b], allModsArray[a]];
+                            if (!hasConflictingAttributeSelectors(newCombination)) {
+                                combinations.push(newCombination);
+                            }
+                        }
+                    }
+                    combinations.forEach((modCombination) => {
+                        const stateProps = {};
+                        lookupStyles.forEach((style) => {
+                            const states = styleStates[style];
+                            const matchingState = states.find((state) => computeState(state.model, (mod) => modCombination.includes(mod)));
+                            if (matchingState) {
+                                stateProps[style] = matchingState.value;
+                            }
+                        });
+                        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 result = handler(stateProps);
+                        if (!result)
+                            return;
+                        const cssResult = convertHandlerResultToCSS(result, modsSelectors);
+                        if (cssResult) {
+                            responsiveStyles[i] += cssResult;
+                        }
+                    });
+                }
+                else {
+                    const result = handler(pointProps);
+                    if (!result)
+                        return;
+                    const cssResult = convertHandlerResultToCSS(result);
+                    if (cssResult) {
+                        responsiveStyles[i] += cssResult;
+                    }
+                }
             });
         }
         else {

package/es/tasty/utils/responsive.js

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