@cube-dev/ui-kit 0.0.0-canary-9ec284f → 0.0.0-canary-949985c

package/es/tasty/hooks/useGlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/hooks/useRawCSS.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/hooks/useStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/injector/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/injector/injector.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/injector/sheet-manager.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/injector/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/classify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/const.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/lru.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/parser.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/tokenizer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/parser/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/conditions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 
@@ -130,30 +130,12 @@ export function not(node) {
 // ============================================================================
 // Condition Type Checking
 // ============================================================================
-/**
- * Check if a condition is a state condition
- */
-export function isStateCondition(node) {
-    return node.kind === 'state';
-}
 /**
  * Check if a condition is a compound condition
  */
 export function isCompoundCondition(node) {
     return node.kind === 'compound';
 }
-/**
- * Check if a condition is TRUE
- */
-export function isTrueCondition(node) {
-    return node.kind === 'true';
-}
-/**
- * Check if a condition is FALSE
- */
-export function isFalseCondition(node) {
-    return node.kind === 'false';
-}
 // ============================================================================
 // UniqueId Generation
 // ============================================================================
@@ -440,54 +422,5 @@ export function getConditionUniqueId(node) {
     }
     return 'UNKNOWN';
 }
-/**
- * Check if two conditions are equal based on their unique IDs
- */
-export function conditionsEqual(a, b) {
-    return getConditionUniqueId(a) === getConditionUniqueId(b);
-}
-/**
- * Get all state conditions from a condition tree (flattened)
- */
-export function getAllStateConditions(node) {
-    if (node.kind === 'true' || node.kind === 'false') {
-        return [];
-    }
-    if (node.kind === 'state') {
-        return [node];
-    }
-    if (node.kind === 'compound') {
-        const result = [];
-        for (const child of node.children) {
-            result.push(...getAllStateConditions(child));
-        }
-        return result;
-    }
-    return [];
-}
-/**
- * Clone a condition node (deep copy)
- */
-export function cloneCondition(node) {
-    if (node.kind === 'true' || node.kind === 'false') {
-        return { ...node };
-    }
-    if (node.kind === 'state') {
-        if (node.type === 'own') {
-            return {
-                ...node,
-                innerCondition: cloneCondition(node.innerCondition),
-            };
-        }
-        return { ...node };
-    }
-    if (node.kind === 'compound') {
-        return {
-            ...node,
-            children: node.children.map(cloneCondition),
-        };
-    }
-    return node;
-}
 
         

package/es/tasty/pipeline/exclusive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 
@@ -189,5 +189,123 @@ function collectOrBranches(condition) {
     // Not an OR - return as single branch
     return [condition];
 }
+// ============================================================================
+// Post-Build OR Expansion (for De Morgan ORs)
+// ============================================================================
+/**
+ * Expand OR conditions in exclusive entries AFTER buildExclusiveConditions.
+ *
+ * This handles ORs that arise from De Morgan expansion during negation:
+ *   !(A & B) = !A | !B
+ *
+ * These ORs need to be made exclusive to avoid overlapping CSS rules:
+ *   !A | !B  →  !A | (A & !B)
+ *
+ * This is logically equivalent but ensures each branch has proper context.
+ *
+ * Example:
+ *   Input: { "": V1, "@supports(...) & :has()": V2 }
+ *   V2's exclusive = @supports & :has
+ *   V1's exclusive = !(@supports & :has) = !@supports | !:has
+ *
+ *   Without this fix: V1 gets two rules:
+ *     - @supports (not ...) → V1  ✓
+ *     - :not(:has()) → V1  ✗ (missing @supports context!)
+ *
+ *   With this fix: V1 gets two exclusive rules:
+ *     - @supports (not ...) → V1  ✓
+ *     - @supports (...) { :not(:has()) } → V1  ✓ (proper context!)
+ */
+export function expandExclusiveOrs(entries) {
+    const result = [];
+    for (const entry of entries) {
+        const expanded = expandExclusiveConditionOrs(entry);
+        result.push(...expanded);
+    }
+    return result;
+}
+/**
+ * Check if a condition involves at-rules (media, container, supports, starting)
+ */
+function hasAtRuleContext(node) {
+    if (node.kind === 'true' || node.kind === 'false') {
+        return false;
+    }
+    if (node.kind === 'state') {
+        // These condition types generate at-rules
+        return (node.type === 'media' ||
+            node.type === 'container' ||
+            node.type === 'supports' ||
+            node.type === 'starting');
+    }
+    if (node.kind === 'compound') {
+        return node.children.some(hasAtRuleContext);
+    }
+    return false;
+}
+/**
+ * Sort OR branches to prioritize at-rule conditions first.
+ *
+ * This is critical for correct CSS generation. For `!A | !B` where A is at-rule
+ * and B is modifier, we want:
+ *   - Branch 0: !A (at-rule negation - covers "no @supports/media" case)
+ *   - Branch 1: A & !B (modifier negation with at-rule context)
+ *
+ * If we process in wrong order (!B first), we'd get:
+ *   - Branch 0: !B (modifier negation WITHOUT at-rule context - WRONG!)
+ *   - Branch 1: B & !A (at-rule negation with modifier - incomplete coverage)
+ */
+function sortOrBranchesForExpansion(branches) {
+    return [...branches].sort((a, b) => {
+        const aHasAtRule = hasAtRuleContext(a);
+        const bHasAtRule = hasAtRuleContext(b);
+        // At-rule conditions come first
+        if (aHasAtRule && !bHasAtRule)
+            return -1;
+        if (!aHasAtRule && bHasAtRule)
+            return 1;
+        // Same type - keep original order (stable sort)
+        return 0;
+    });
+}
+/**
+ * Expand ORs in a single entry's exclusive condition
+ */
+function expandExclusiveConditionOrs(entry) {
+    let orBranches = collectOrBranches(entry.exclusiveCondition);
+    // If no OR (single branch), return as-is
+    if (orBranches.length <= 1) {
+        return [entry];
+    }
+    // Sort branches so at-rule conditions come first
+    // This ensures proper context inheritance during expansion
+    orBranches = sortOrBranchesForExpansion(orBranches);
+    // Make each OR branch exclusive from prior branches
+    const result = [];
+    const priorBranches = [];
+    for (let i = 0; i < orBranches.length; i++) {
+        const branch = orBranches[i];
+        // Build: branch & !prior[0] & !prior[1] & ...
+        // This transforms: !A | !B  →  !A, !B & !!A  =  !A, (A & !B)
+        let exclusiveBranch = branch;
+        for (const prior of priorBranches) {
+            exclusiveBranch = and(exclusiveBranch, not(prior));
+        }
+        // Simplify to detect impossible combinations and clean up double negations
+        const simplified = simplifyCondition(exclusiveBranch);
+        // Skip impossible branches
+        if (simplified.kind === 'false') {
+            priorBranches.push(branch);
+            continue;
+        }
+        result.push({
+            ...entry,
+            stateKey: `${entry.stateKey}[or:${i}]`, // Mark as expanded OR branch
+            exclusiveCondition: simplified,
+        });
+        priorBranches.push(branch);
+    }
+    return result;
+}
 
         

package/es/tasty/pipeline/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9ec284f
+ * @cube-dev/ui-kit v0.0.0-canary-949985c
  * Released under the MIT license.
  */
 
@@ -25,8 +25,8 @@ import { createStateParserContext } from '../states/index.js';
 import { createStyle, STYLE_HANDLER_MAP } from '../styles/index.js';
 import { stringifyStyles } from '../utils/styles.js';
 import { and, or, trueCondition, } from './conditions.js';
-import { buildExclusiveConditions, expandOrConditions, isValueMapping, parseStyleEntries, } from './exclusive.js';
-import { buildAtRulesFromVariant, conditionToCSS, } from './materialize.js';
+import { buildExclusiveConditions, expandExclusiveOrs, expandOrConditions, isValueMapping, parseStyleEntries, } from './exclusive.js';
+import { buildAtRulesFromVariant, conditionToCSS, modifierToCSS, pseudoToCSS, rootConditionsToCSS, } from './materialize.js';
 import { parseStateKey } from './parseStateKey.js';
 import { simplifyCondition } from './simplify.js';
 // ============================================================================
@@ -158,7 +158,11 @@ function processStyles(styles, selectorSuffix, parserContext, allRules) {
                 const expanded = expandOrConditions(parsed);
                 // Build exclusive conditions across all entries
                 const exclusive = buildExclusiveConditions(expanded);
-                exclusiveByStyle.set(styleName, exclusive);
+                // Expand ORs from De Morgan negation into exclusive branches
+                // This transforms: !A | !B  →  !A, (A & !B)
+                // Ensures each CSS rule has proper at-rule context
+                const fullyExpanded = expandExclusiveOrs(exclusive);
+                exclusiveByStyle.set(styleName, fullyExpanded);
             }
             else {
                 // Simple value - single entry with TRUE condition
@@ -379,9 +383,25 @@ function mergeByValue(rules) {
  * Build selector fragment from a variant (without className prefix)
  */
 function buildSelectorFromVariant(variant, selectorSuffix) {
-    let selector = variant.modifierSelectors.join('');
+    let selector = '';
+    // Add modifier selectors
+    for (const mod of variant.modifierConditions) {
+        selector += modifierToCSS(mod);
+    }
+    // Add pseudo selectors
+    for (const pseudo of variant.pseudoConditions) {
+        selector += pseudoToCSS(pseudo);
+    }
     selector += selectorSuffix;
-    selector += variant.ownSelectors.join('');
+    // Add own selectors (after sub-element)
+    for (const own of variant.ownConditions) {
+        if ('attribute' in own) {
+            selector += modifierToCSS(own);
+        }
+        else {
+            selector += pseudoToCSS(own);
+        }
+    }
     return selector;
 }
 /**
@@ -398,11 +418,18 @@ function materializeComputedRule(rule) {
     const declarations = Object.entries(rule.declarations)
         .map(([prop, value]) => `${prop}: ${value};`)
         .join(' ');
+    // Helper to get root prefix key for grouping
+    const getRootPrefixKey = (variant) => {
+        return variant.rootConditions
+            .map((r) => (r.negated ? `!${r.selector}` : r.selector))
+            .sort()
+            .join('|');
+    };
     // Group variants by their at-rules (variants with same at-rules can be combined with commas)
     const byAtRules = new Map();
     for (const variant of components.variants) {
         const atRules = buildAtRulesFromVariant(variant);
-        const key = atRules.sort().join('|||') + '###' + (variant.rootPrefix || '');
+        const key = atRules.sort().join('|||') + '###' + getRootPrefixKey(variant);
         const group = byAtRules.get(key);
         if (group) {
             group.variants.push(variant);
@@ -411,7 +438,7 @@ function materializeComputedRule(rule) {
             byAtRules.set(key, {
                 variants: [variant],
                 atRules,
-                rootPrefix: variant.rootPrefix,
+                rootPrefix: rootConditionsToCSS(variant.rootConditions),
             });
         }
     }