@cube-dev/ui-kit 0.0.0-canary-20c9726 → 0.0.0-canary-5fadbde

package/es/tasty/hooks/useGlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * 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-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 
@@ -245,6 +245,13 @@ export function ownUniqueId(innerUniqueId, negated = false) {
 export function startingUniqueId(negated = false) {
     return negated ? '!starting' : 'starting';
 }
+/**
+ * Generate a normalized unique ID for a supports condition
+ */
+export function supportsUniqueId(subtype, condition, negated = false) {
+    const base = `supports:${subtype}:${condition}`;
+    return negated ? `!${base}` : base;
+}
 // ============================================================================
 // Condition Creation Helpers
 // ============================================================================
@@ -394,6 +401,23 @@ export function createStartingCondition(negated = false, raw) {
         uniqueId: startingUniqueId(negated),
     };
 }
+/**
+ * Create a supports condition
+ *
+ * @param subtype 'feature' for @supports(display: grid), 'selector' for @supports($, :has(*))
+ * @param condition The condition string (e.g., "display: grid" or ":has(*)")
+ */
+export function createSupportsCondition(subtype, condition, negated = false, raw) {
+    return {
+        kind: 'state',
+        type: 'supports',
+        subtype,
+        negated,
+        raw: raw || `@supports(${condition})`,
+        uniqueId: supportsUniqueId(subtype, condition, negated),
+        condition,
+    };
+}
 // ============================================================================
 // Utility Functions
 // ============================================================================

package/es/tasty/pipeline/exclusive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/materialize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 
@@ -52,6 +52,7 @@ function emptyVariant() {
         ownSelectors: [],
         mediaConditions: [],
         containerConditions: [],
+        supportsConditions: [],
         startingStyle: false,
     };
 }
@@ -116,6 +117,9 @@ function stateToCSS(state) {
                 case 'container':
                     variant.containerConditions.push(containerToParsed(state));
                     break;
+                case 'supports':
+                    variant.supportsConditions.push(supportsToParsed(state));
+                    break;
                 case 'root':
                     variant.rootPrefix = rootToCSS(state);
                     break;
@@ -291,6 +295,16 @@ function dimensionToContainerCondition(dimension, lowerBound, upperBound) {
     }
     return '(width)'; // Fallback
 }
+/**
+ * Convert supports condition to parsed structure
+ */
+function supportsToParsed(state) {
+    return {
+        subtype: state.subtype,
+        condition: state.condition,
+        negated: state.negated ?? false,
+    };
+}
 /**
  * Convert root condition to CSS selector prefix
  */
@@ -366,11 +380,20 @@ function mergeVariants(a, b) {
     if (hasContainerStyleContradiction(mergedContainers)) {
         return null; // Impossible variant
     }
+    // Merge supports conditions and check for contradictions
+    const mergedSupports = dedupeSupportsConditions([
+        ...a.supportsConditions,
+        ...b.supportsConditions,
+    ]);
+    if (hasSupportsContradiction(mergedSupports)) {
+        return null; // Impossible variant
+    }
     return {
         modifierSelectors: mergedModifiers,
         ownSelectors: dedupeArray([...a.ownSelectors, ...b.ownSelectors]),
         mediaConditions: mergedMedia,
         containerConditions: mergedContainers,
+        supportsConditions: mergedSupports,
         rootPrefix: combinedRoot,
         startingStyle: a.startingStyle || b.startingStyle,
     };
@@ -405,6 +428,37 @@ function dedupeContainerConditions(conditions) {
     }
     return result;
 }
+/**
+ * Deduplicate supports conditions by their key (subtype + condition + negated)
+ */
+function dedupeSupportsConditions(conditions) {
+    const seen = new Set();
+    const result = [];
+    for (const c of conditions) {
+        const key = `${c.subtype}|${c.condition}|${c.negated}`;
+        if (!seen.has(key)) {
+            seen.add(key);
+            result.push(c);
+        }
+    }
+    return result;
+}
+/**
+ * Check if supports conditions contain contradictions
+ * e.g., @supports(display: grid) AND NOT @supports(display: grid)
+ */
+function hasSupportsContradiction(conditions) {
+    const conditionMap = new Map(); // key -> isPositive
+    for (const cond of conditions) {
+        const key = `${cond.subtype}|${cond.condition}`;
+        const existing = conditionMap.get(key);
+        if (existing !== undefined && existing !== !cond.negated) {
+            return true; // Contradiction: positive AND negated
+        }
+        conditionMap.set(key, !cond.negated);
+    }
+    return false;
+}
 /**
  * Check if a set of media conditions contains contradictions
  * e.g., (prefers-color-scheme: light) AND NOT (prefers-color-scheme: light)
@@ -608,11 +662,16 @@ function getVariantKey(v) {
         .map((c) => `${c.subtype}:${c.negated ? '!' : ''}${c.condition}`)
         .sort()
         .join('|');
+    const supportsKey = v.supportsConditions
+        .map((c) => `${c.subtype}:${c.negated ? '!' : ''}${c.condition}`)
+        .sort()
+        .join('|');
     return [
         v.modifierSelectors.slice().sort().join('|'),
         v.ownSelectors.slice().sort().join('|'),
         mediaKey,
         containerKey,
+        supportsKey,
         v.rootPrefix || '',
         v.startingStyle ? '1' : '0',
     ].join('###');
@@ -640,6 +699,9 @@ function isVariantSuperset(a, b) {
     // Check if a.containerConditions is superset of b.containerConditions
     if (!isContainerConditionsSuperset(a.containerConditions, b.containerConditions))
         return false;
+    // Check if a.supportsConditions is superset of b.supportsConditions
+    if (!isSupportsConditionsSuperset(a.supportsConditions, b.supportsConditions))
+        return false;
     // Check if a.modifierSelectors is superset of b.modifierSelectors
     if (!isArraySuperset(a.modifierSelectors, b.modifierSelectors))
         return false;
@@ -650,10 +712,12 @@ function isVariantSuperset(a, b) {
     // and at least one category has strictly more items
     const aTotal = a.mediaConditions.length +
         a.containerConditions.length +
+        a.supportsConditions.length +
         a.modifierSelectors.length +
         a.ownSelectors.length;
     const bTotal = b.mediaConditions.length +
         b.containerConditions.length +
+        b.supportsConditions.length +
         b.modifierSelectors.length +
         b.ownSelectors.length;
     return aTotal > bTotal;
@@ -682,6 +746,18 @@ function isContainerConditionsSuperset(a, b) {
     }
     return true;
 }
+/**
+ * Check if supports conditions A is a superset of B
+ */
+function isSupportsConditionsSuperset(a, b) {
+    const aKeys = new Set(a.map((c) => `${c.subtype}|${c.condition}|${c.negated}`));
+    for (const c of b) {
+        const key = `${c.subtype}|${c.condition}|${c.negated}`;
+        if (!aKeys.has(key))
+            return false;
+    }
+    return true;
+}
 /**
  * Check if array A contains all elements of array B (superset)
  */
@@ -717,11 +793,13 @@ function dedupeVariants(variants) {
         const aCount = a.modifierSelectors.length +
             a.ownSelectors.length +
             a.mediaConditions.length +
-            a.containerConditions.length;
+            a.containerConditions.length +
+            a.supportsConditions.length;
         const bCount = b.modifierSelectors.length +
             b.ownSelectors.length +
             b.mediaConditions.length +
-            b.containerConditions.length;
+            b.containerConditions.length +
+            b.supportsConditions.length;
         return aCount - bCount;
     });
     // Remove variants that are supersets of earlier (less restrictive) variants
@@ -882,6 +960,23 @@ export function buildAtRulesFromVariant(variant) {
             atRules.push(`@container ${namePrefix}${conditionParts.join(' and ')}`);
         }
     }
+    // Add supports rules - combine all conditions with "and"
+    if (variant.supportsConditions.length > 0) {
+        const conditionParts = variant.supportsConditions.map((c) => {
+            // Build the condition based on subtype
+            // feature: (display: grid) or (not (display: grid))
+            // selector: selector(:has(*)) or (not selector(:has(*)))
+            if (c.subtype === 'selector') {
+                const selectorCond = `selector(${c.condition})`;
+                return c.negated ? `(not ${selectorCond})` : selectorCond;
+            }
+            else {
+                const featureCond = `(${c.condition})`;
+                return c.negated ? `(not ${featureCond})` : featureCond;
+            }
+        });
+        atRules.push(`@supports ${conditionParts.join(' and ')}`);
+    }
     // Add starting-style
     if (variant.startingStyle) {
         atRules.push('@starting-style');

package/es/tasty/pipeline/parseStateKey.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@
 import { Lru } from '../parser/lru.js';
 import { expandDimensionShorthands, expandTastyUnits, resolvePredefinedState, } from '../states/index.js';
 import { camelToKebab } from '../utils/case-converter.js';
-import { and, createContainerDimensionCondition, createContainerStyleCondition, createMediaDimensionCondition, createMediaFeatureCondition, createMediaTypeCondition, createModifierCondition, createOwnCondition, createPseudoCondition, createRootCondition, createStartingCondition, not, or, trueCondition, } from './conditions.js';
+import { and, createContainerDimensionCondition, createContainerStyleCondition, createMediaDimensionCondition, createMediaFeatureCondition, createMediaTypeCondition, createModifierCondition, createOwnCondition, createPseudoCondition, createRootCondition, createStartingCondition, createSupportsCondition, not, or, trueCondition, } from './conditions.js';
 // ============================================================================
 // Caching
 // ============================================================================
@@ -27,8 +27,11 @@ const parseCache = new Lru(5000);
  * Pattern for tokenizing state notation.
  * Matches: operators, parentheses, @-prefixed states, value mods, boolean mods,
  * pseudo-classes, class selectors, and attribute selectors.
+ *
+ * Note: For @supports we need to handle nested parentheses like @supports($, :has(*))
+ * We use a pattern that allows one level of nesting: [^()]*(?:\([^)]*\))?[^)]*
  */
-const STATE_TOKEN_PATTERN = /([&|!^])|([()])|(@media:[a-z]+)|(@media\([^)]+\))|(@root\([^)]+\))|(@own\([^)]+\))|(@\([^)]+\))|(@starting)|(@[A-Za-z][A-Za-z0-9-]*)|([a-z][a-z0-9-]*(?:\^=|\$=|\*=|=)(?:"[^"]*"|'[^']*'|[^\s&|!^()]+))|([a-z][a-z0-9-]+)|(:[a-z][a-z0-9-]*(?:\([^)]+\))?)|(\.[a-z][a-z0-9-]+)|(\[[^\]]+\])/gi;
+const STATE_TOKEN_PATTERN = /([&|!^])|([()])|(@media:[a-z]+)|(@media\([^)]+\))|(@supports\([^()]*(?:\([^)]*\))?[^)]*\))|(@root\([^)]+\))|(@own\([^)]+\))|(@\([^)]+\))|(@starting)|(@[A-Za-z][A-Za-z0-9-]*)|([a-z][a-z0-9-]*(?:\^=|\$=|\*=|=)(?:"[^"]*"|'[^']*'|[^\s&|!^()]+))|([a-z][a-z0-9-]+)|(:[a-z][a-z0-9-]*(?:\([^)]+\))?)|(\.[a-z][a-z0-9-]+)|(\[[^\]]+\])/gi;
 // ============================================================================
 // Tokenizer
 // ============================================================================
@@ -210,6 +213,10 @@ class Parser {
         if (value.startsWith('@media(')) {
             return this.parseMediaQuery(value);
         }
+        // @supports(...) - feature/selector support query
+        if (value.startsWith('@supports(')) {
+            return this.parseSupportsQuery(value);
+        }
         // @root(...) - root state
         if (value.startsWith('@root(')) {
             return this.parseRootState(value);
@@ -386,6 +393,26 @@ class Parser {
         const selector = buildRootSelector(content);
         return createRootCondition(selector, false, raw);
     }
+    /**
+     * Parse @supports(...) query
+     *
+     * Syntax:
+     *   @supports(display: grid)     → @supports (display: grid)
+     *   @supports($, :has(*))        → @supports selector(:has(*))
+     */
+    parseSupportsQuery(raw) {
+        const content = raw.slice(10, -1); // Remove '@supports(' and ')'
+        if (!content.trim()) {
+            return trueCondition();
+        }
+        // Check for selector syntax: @supports($, :has(*))
+        if (content.startsWith('$,')) {
+            const selector = content.slice(2).trim(); // Remove '$,' prefix
+            return createSupportsCondition('selector', selector, false, raw);
+        }
+        // Feature syntax: @supports(display: grid)
+        return createSupportsCondition('feature', content, false, raw);
+    }
     /**
      * Parse @own(...) state
      */

package/es/tasty/pipeline/simplify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/plugins/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/plugins/okhsl-plugin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/plugins/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/states/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/static/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/static/tastyStatic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-20c9726
+ * @cube-dev/ui-kit v0.0.0-canary-5fadbde
  * Released under the MIT license.
  */
 

package/es/tasty/static/types.js

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