@cube-dev/ui-kit 0.112.0 → 0.113.1

package/es/tasty/pipeline/parseStateKey.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 
@@ -12,9 +12,9 @@
  * into ConditionNode trees for processing in the pipeline.
  */
 import { Lru } from '../parser/lru.js';
-import { expandDimensionShorthands, expandTastyUnits, resolvePredefinedState, } from '../states/index.js';
+import { expandDimensionShorthands, expandTastyUnits, findTopLevelComma, resolvePredefinedState, } from '../states/index.js';
 import { camelToKebab } from '../utils/case-converter.js';
-import { and, createContainerDimensionCondition, createContainerStyleCondition, createMediaDimensionCondition, createMediaFeatureCondition, createMediaTypeCondition, createModifierCondition, createOwnCondition, createPseudoCondition, createRootCondition, createStartingCondition, createSupportsCondition, not, or, trueCondition, } from './conditions.js';
+import { and, createContainerDimensionCondition, createContainerRawCondition, createContainerStyleCondition, createMediaDimensionCondition, createMediaFeatureCondition, createMediaTypeCondition, createModifierCondition, createOwnCondition, createPseudoCondition, createRootCondition, createStartingCondition, createSupportsCondition, not, or, trueCondition, } from './conditions.js';
 // ============================================================================
 // Caching
 // ============================================================================
@@ -28,10 +28,11 @@ const parseCache = new Lru(5000);
  * 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(*))
+ * Note: For @supports and @(...) container queries we need to handle nested parentheses
+ * like @supports($, :has(*)) or @(scroll-state(stuck: top)).
  * We use a pattern that allows one level of nesting: [^()]*(?:\([^)]*\))?[^)]*
  */
-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;
+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
 // ============================================================================
@@ -434,7 +435,8 @@ class Parser {
             return trueCondition();
         }
         // Check for named container: @(layout, w < 600px)
-        const commaIdx = content.indexOf(',');
+        // Use parentheses-aware comma search so inner commas (e.g., scroll-state(a, b)) are skipped
+        const commaIdx = findTopLevelComma(content);
         let containerName;
         let condition;
         if (commaIdx !== -1) {
@@ -444,7 +446,7 @@ class Parser {
         else {
             condition = content.trim();
         }
-        // Check for style query: @($variant=primary)
+        // Check for style query shorthand: @($variant=primary)
         if (condition.startsWith('$')) {
             const styleQuery = condition.slice(1); // Remove '$'
             const eqIdx = styleQuery.indexOf('=');
@@ -461,6 +463,11 @@ class Parser {
             }
             return createContainerStyleCondition(property, propertyValue, containerName, false, raw);
         }
+        // Check for function-like syntax: scroll-state(...), style(...), etc.
+        // Passes the condition through to CSS verbatim.
+        if (/^[a-zA-Z][\w-]*\s*\(/.test(condition)) {
+            return createContainerRawCondition(condition, containerName, false, raw);
+        }
         // Dimension query
         let expandedCondition = expandDimensionShorthands(condition);
         expandedCondition = expandTastyUnits(expandedCondition);

package/es/tasty/pipeline/simplify.js

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

package/es/tasty/properties/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * 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.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 
@@ -392,7 +392,8 @@ export function parseAdvancedState(stateKey, ctx) {
             return { type: 'modifier', condition: stateKey, raw };
         }
         // Check if named container (first token is name, followed by comma)
-        const commaIndex = content.indexOf(',');
+        // Use parentheses-aware comma search so inner commas (e.g., scroll-state(a, b)) are skipped
+        const commaIndex = findTopLevelComma(content);
         let containerName;
         let condition;
         if (commaIndex !== -1) {
@@ -404,7 +405,7 @@ export function parseAdvancedState(stateKey, ctx) {
             // Unnamed container: @(w < 600px)
             condition = content.trim();
         }
-        // Check for style query (starts with $)
+        // Check for style query shorthand (starts with $)
         if (condition.startsWith('$')) {
             // Style query: @(layout, $compact) or @(layout, $variant=compact)
             const styleCondition = parseStyleQuery(condition);
@@ -414,6 +415,10 @@ export function parseAdvancedState(stateKey, ctx) {
             }
             condition = styleCondition;
         }
+        else if (/^[a-zA-Z][\w-]*\s*\(/.test(condition)) {
+            // Function-like syntax: scroll-state(...), style(...), etc.
+            // Pass through verbatim — no dimension expansion needed
+        }
         else {
             // Dimension query - expand shorthands and units
             condition = expandDimensionShorthands(condition);
@@ -485,8 +490,22 @@ function parseStyleQuery(condition) {
     return `style(--${propName}: ${value})`;
 }
 /**
- * Find matching closing parenthesis
+ * Find the index of the first comma at parentheses depth 0.
+ * Returns -1 if no top-level comma is found.
+ * This prevents splitting on commas inside function calls like scroll-state(a, b).
  */
+export function findTopLevelComma(s) {
+    let depth = 0;
+    for (let i = 0; i < s.length; i++) {
+        if (s[i] === '(')
+            depth++;
+        else if (s[i] === ')')
+            depth--;
+        else if (s[i] === ',' && depth === 0)
+            return i;
+    }
+    return -1;
+}
 function findMatchingParen(str, startIndex) {
     let depth = 1;
     let i = startIndex + 1;

package/es/tasty/static/index.js

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

package/es/tasty/styles/outline.js

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

package/es/tasty/styles/place.js

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

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/scrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/cache-wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/case-converter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/colors.js

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

package/es/tasty/utils/filter-base-props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/get-display-name.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/hsl-to-rgb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/is-dev-env.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/merge-styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/mod-attrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */
 

package/es/tasty/utils/okhsl-to-rgb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.112.0
+ * @cube-dev/ui-kit v0.113.1
  * Released under the MIT license.
  */