@cube-dev/ui-kit 0.0.0-canary-fe57a1b → 0.0.0-canary-9e3bcfc

package/es/tasty/pipeline/parseStateKey.js

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

package/es/tasty/pipeline/simplify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fe57a1b
+ * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
  * Released under the MIT license.
  */
 
@@ -123,6 +123,14 @@ function simplifyAnd(children) {
     if (hasAttributeConflict(terms)) {
         return falseCondition();
     }
+    // Check for container style query conflicts
+    if (hasContainerStyleConflict(terms)) {
+        return falseCondition();
+    }
+    // Remove redundant negations implied by positive terms
+    // e.g., style(--variant: danger) implies NOT style(--variant: success)
+    // and style(--variant: danger) implies style(--variant) (existence)
+    terms = removeImpliedNegations(terms);
     // Deduplicate (by uniqueId)
     terms = deduplicateTerms(terms);
     // Try to merge numeric ranges
@@ -381,6 +389,143 @@ function hasAttributeConflict(terms) {
     return false;
 }
 // ============================================================================
+// Container Style Query Conflict Detection
+// ============================================================================
+/**
+ * Check for container style query conflicts
+ * e.g., style(--variant: danger) & style(--variant: success) → FALSE
+ * e.g., style(--variant: danger) & not style(--variant) → FALSE
+ */
+function hasContainerStyleConflict(terms) {
+    // Group container style queries by property (and container name)
+    const styleByProp = new Map();
+    for (const term of terms) {
+        if (term.kind !== 'state' ||
+            term.type !== 'container' ||
+            term.subtype !== 'style')
+            continue;
+        const key = `${term.containerName || '_'}:${term.property}`;
+        if (!styleByProp.has(key)) {
+            styleByProp.set(key, { positive: [], negated: [] });
+        }
+        const group = styleByProp.get(key);
+        if (term.negated) {
+            group.negated.push(term);
+        }
+        else {
+            group.positive.push(term);
+        }
+    }
+    // Check each property for conflicts
+    for (const [, group] of styleByProp) {
+        // Multiple different values for same property in positive → conflict
+        // e.g., style(--variant: danger) & style(--variant: success)
+        const positiveValues = group.positive
+            .filter((c) => c.propertyValue !== undefined)
+            .map((c) => c.propertyValue);
+        const uniquePositiveValues = new Set(positiveValues);
+        if (uniquePositiveValues.size > 1) {
+            return true;
+        }
+        // Positive value + negated existence → conflict
+        // e.g., style(--variant: danger) & not style(--variant)
+        const hasPositiveValue = group.positive.some((c) => c.propertyValue !== undefined);
+        const hasNegatedExistence = group.negated.some((c) => c.propertyValue === undefined);
+        if (hasPositiveValue && hasNegatedExistence) {
+            return true;
+        }
+        // Positive value + negated same value → conflict
+        // e.g., style(--variant: danger) & not style(--variant: danger)
+        for (const pos of group.positive) {
+            if (pos.propertyValue !== undefined) {
+                for (const neg of group.negated) {
+                    if (neg.propertyValue === pos.propertyValue) {
+                        return true;
+                    }
+                }
+            }
+        }
+    }
+    return false;
+}
+// ============================================================================
+// Implied Negation Removal
+// ============================================================================
+/**
+ * Remove negations that are implied by positive terms.
+ *
+ * Key optimizations:
+ * 1. style(--variant: danger) implies NOT style(--variant: success)
+ *    → If we have style(--variant: danger) & not style(--variant: success),
+ *      the negation is redundant and can be removed.
+ *
+ * 2. [data-theme="dark"] implies NOT [data-theme="light"]
+ *    → Same logic for attribute selectors.
+ *
+ * This produces cleaner CSS:
+ *   Before: @container style(--variant: danger) and (not style(--variant: success))
+ *   After:  @container style(--variant: danger)
+ */
+function removeImpliedNegations(terms) {
+    // Build sets of positive container style properties with specific values
+    const positiveContainerStyles = new Map();
+    // key: "containerName:property", value: propertyValue (or undefined for existence)
+    // Build sets of positive modifier attributes with specific values
+    const positiveModifiers = new Map();
+    // key: "attribute", value: value (or undefined for boolean)
+    for (const term of terms) {
+        if (term.kind !== 'state' || term.negated)
+            continue;
+        if (term.type === 'container' && term.subtype === 'style') {
+            const key = `${term.containerName || '_'}:${term.property}`;
+            // Only track if we have a specific value (not just existence check)
+            if (term.propertyValue !== undefined) {
+                positiveContainerStyles.set(key, term.propertyValue);
+            }
+        }
+        if (term.type === 'modifier' && term.value !== undefined) {
+            positiveModifiers.set(term.attribute, term.value);
+        }
+    }
+    // Filter out redundant negations
+    return terms.filter((term) => {
+        if (term.kind !== 'state' || !term.negated)
+            return true;
+        // Check container style negations
+        if (term.type === 'container' && term.subtype === 'style') {
+            const key = `${term.containerName || '_'}:${term.property}`;
+            const positiveValue = positiveContainerStyles.get(key);
+            if (positiveValue !== undefined) {
+                // We have a positive style(--prop: X) for this property
+                if (term.propertyValue === undefined) {
+                    // Negating existence: not style(--prop)
+                    // But we have style(--prop: X), which implies existence → contradiction
+                    // This should have been caught by hasContainerStyleConflict
+                    return true;
+                }
+                if (term.propertyValue !== positiveValue) {
+                    // Negating a different value: not style(--prop: Y)
+                    // We have style(--prop: X), which implies not style(--prop: Y)
+                    // → This negation is redundant!
+                    return false;
+                }
+            }
+        }
+        // Check modifier negations
+        if (term.type === 'modifier') {
+            const positiveValue = positiveModifiers.get(term.attribute);
+            if (positiveValue !== undefined && term.value !== undefined) {
+                // We have [attr="X"] and this is not [attr="Y"]
+                if (term.value !== positiveValue) {
+                    // [attr="X"] implies not [attr="Y"] → redundant
+                    return false;
+                }
+            }
+        }
+        return true;
+    });
+}
+// ============================================================================
 // Deduplication
 // ============================================================================
 function deduplicateTerms(terms) {

package/es/tasty/states/index.js

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

package/es/tasty/styles/align.js

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

package/es/tasty/styles/border.js

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

package/es/tasty/styles/boxShadow.combinator.js

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

package/es/tasty/styles/color.js

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

package/es/tasty/styles/createStyle.js

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

package/es/tasty/styles/dimension.js

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

package/es/tasty/styles/display.js

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

package/es/tasty/styles/fade.js

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

package/es/tasty/styles/fill.js

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

package/es/tasty/styles/flow.js

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

package/es/tasty/styles/font.js

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

package/es/tasty/styles/fontStyle.js

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

package/es/tasty/styles/gap.js

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

package/es/tasty/styles/groupRadius.js

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

package/es/tasty/styles/height.js

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

package/es/tasty/styles/index.js

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

package/es/tasty/styles/inset.js

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

package/es/tasty/styles/justify.js

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

package/es/tasty/styles/list.js

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

package/es/tasty/styles/margin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fe57a1b
+ * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
  * Released under the MIT license.
  */
 
@@ -44,55 +44,87 @@ function parseDirectionalMargin(value) {
     return { values, directions };
 }
 export function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }) {
-    const styles = {};
+    // Check if any margin property is defined
+    const hasAnyMargin = margin != null ||
+        marginBlock != null ||
+        marginInline != null ||
+        marginTop != null ||
+        marginRight != null ||
+        marginBottom != null ||
+        marginLeft != null;
+    // If no margin is defined, return empty object
+    if (!hasAnyMargin) {
+        return {};
+    }
+    // Initialize with all directions set to 0, then override as needed
+    const styles = {
+        'margin-top': '0',
+        'margin-right': '0',
+        'margin-bottom': '0',
+        'margin-left': '0',
+    };
     // Priority 1 (lowest): margin - apply to all directions if no other properties are specified
     if (margin != null) {
         // Parse directional margin (e.g., "1x top" or "2x left right")
         const { values, directions } = parseDirectionalMargin(margin);
-        if (directions.length === 0) {
-            // No directions specified, apply to all sides
-            styles['margin-top'] = values[0];
-            styles['margin-right'] = values[1] || values[0];
-            styles['margin-bottom'] = values[2] || values[0];
-            styles['margin-left'] = values[3] || values[1] || values[0];
-        }
-        else {
-            // Apply only to specified directions
-            directions.forEach((dir) => {
-                const index = DIRECTIONS.indexOf(dir);
-                styles[`margin-${dir}`] =
-                    values[index] || values[index % 2] || values[0];
-            });
+        if (values.length > 0) {
+            if (directions.length === 0) {
+                // No directions specified, apply to all sides
+                styles['margin-top'] = values[0];
+                styles['margin-right'] = values[1] || values[0];
+                styles['margin-bottom'] = values[2] || values[0];
+                styles['margin-left'] = values[3] || values[1] || values[0];
+            }
+            else {
+                // Apply only to specified directions
+                directions.forEach((dir) => {
+                    const index = DIRECTIONS.indexOf(dir);
+                    styles[`margin-${dir}`] =
+                        values[index] || values[index % 2] || values[0];
+                });
+            }
         }
     }
     // Priority 2 (medium): marginBlock - override top and bottom
     if (marginBlock != null) {
         const values = parseMarginValue(marginBlock);
-        styles['margin-top'] = values[0];
-        styles['margin-bottom'] = values[1] || values[0];
+        if (values.length > 0) {
+            styles['margin-top'] = values[0];
+            styles['margin-bottom'] = values[1] || values[0];
+        }
     }
     // Priority 2 (medium): marginInline - override left and right
     if (marginInline != null) {
         const values = parseMarginValue(marginInline);
-        styles['margin-left'] = values[0];
-        styles['margin-right'] = values[1] || values[0];
+        if (values.length > 0) {
+            styles['margin-left'] = values[0];
+            styles['margin-right'] = values[1] || values[0];
+        }
     }
     // Priority 3 (highest): individual directions - override specific sides
     if (marginTop != null) {
         const values = parseMarginValue(marginTop);
-        styles['margin-top'] = values[0];
+        if (values.length > 0) {
+            styles['margin-top'] = values[0];
+        }
     }
     if (marginRight != null) {
         const values = parseMarginValue(marginRight);
-        styles['margin-right'] = values[0];
+        if (values.length > 0) {
+            styles['margin-right'] = values[0];
+        }
     }
     if (marginBottom != null) {
         const values = parseMarginValue(marginBottom);
-        styles['margin-bottom'] = values[0];
+        if (values.length > 0) {
+            styles['margin-bottom'] = values[0];
+        }
     }
     if (marginLeft != null) {
         const values = parseMarginValue(marginLeft);
-        styles['margin-left'] = values[0];
+        if (values.length > 0) {
+            styles['margin-left'] = values[0];
+        }
     }
     return styles;
 }

package/es/tasty/styles/outline.js

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

package/es/tasty/styles/padding.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fe57a1b
+ * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
  * Released under the MIT license.
  */
 
@@ -44,55 +44,87 @@ function parseDirectionalPadding(value) {
     return { values, directions };
 }
 export function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }) {
-    const styles = {};
+    // Check if any padding property is defined
+    const hasAnyPadding = padding != null ||
+        paddingBlock != null ||
+        paddingInline != null ||
+        paddingTop != null ||
+        paddingRight != null ||
+        paddingBottom != null ||
+        paddingLeft != null;
+    // If no padding is defined, return empty object
+    if (!hasAnyPadding) {
+        return {};
+    }
+    // Initialize with all directions set to 0, then override as needed
+    const styles = {
+        'padding-top': '0',
+        'padding-right': '0',
+        'padding-bottom': '0',
+        'padding-left': '0',
+    };
     // Priority 1 (lowest): padding - apply to all directions if no other properties are specified
     if (padding != null) {
         // Parse directional padding (e.g., "1x top" or "2x left right")
         const { values, directions } = parseDirectionalPadding(padding);
-        if (directions.length === 0) {
-            // No directions specified, apply to all sides
-            styles['padding-top'] = values[0];
-            styles['padding-right'] = values[1] || values[0];
-            styles['padding-bottom'] = values[2] || values[0];
-            styles['padding-left'] = values[3] || values[1] || values[0];
-        }
-        else {
-            // Apply only to specified directions
-            directions.forEach((dir) => {
-                const index = DIRECTIONS.indexOf(dir);
-                styles[`padding-${dir}`] =
-                    values[index] || values[index % 2] || values[0];
-            });
+        if (values.length > 0) {
+            if (directions.length === 0) {
+                // No directions specified, apply to all sides
+                styles['padding-top'] = values[0];
+                styles['padding-right'] = values[1] || values[0];
+                styles['padding-bottom'] = values[2] || values[0];
+                styles['padding-left'] = values[3] || values[1] || values[0];
+            }
+            else {
+                // Apply only to specified directions
+                directions.forEach((dir) => {
+                    const index = DIRECTIONS.indexOf(dir);
+                    styles[`padding-${dir}`] =
+                        values[index] || values[index % 2] || values[0];
+                });
+            }
         }
     }
     // Priority 2 (medium): paddingBlock - override top and bottom
     if (paddingBlock != null) {
         const values = parsePaddingValue(paddingBlock);
-        styles['padding-top'] = values[0];
-        styles['padding-bottom'] = values[1] || values[0];
+        if (values.length > 0) {
+            styles['padding-top'] = values[0];
+            styles['padding-bottom'] = values[1] || values[0];
+        }
     }
     // Priority 2 (medium): paddingInline - override left and right
     if (paddingInline != null) {
         const values = parsePaddingValue(paddingInline);
-        styles['padding-left'] = values[0];
-        styles['padding-right'] = values[1] || values[0];
+        if (values.length > 0) {
+            styles['padding-left'] = values[0];
+            styles['padding-right'] = values[1] || values[0];
+        }
     }
     // Priority 3 (highest): individual directions - override specific sides
     if (paddingTop != null) {
         const values = parsePaddingValue(paddingTop);
-        styles['padding-top'] = values[0];
+        if (values.length > 0) {
+            styles['padding-top'] = values[0];
+        }
     }
     if (paddingRight != null) {
         const values = parsePaddingValue(paddingRight);
-        styles['padding-right'] = values[0];
+        if (values.length > 0) {
+            styles['padding-right'] = values[0];
+        }
     }
     if (paddingBottom != null) {
         const values = parsePaddingValue(paddingBottom);
-        styles['padding-bottom'] = values[0];
+        if (values.length > 0) {
+            styles['padding-bottom'] = values[0];
+        }
     }
     if (paddingLeft != null) {
         const values = parsePaddingValue(paddingLeft);
-        styles['padding-left'] = values[0];
+        if (values.length > 0) {
+            styles['padding-left'] = values[0];
+        }
     }
     return styles;
 }

package/es/tasty/styles/place.js

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

package/es/tasty/styles/predefined.js

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

package/es/tasty/styles/preset.js

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