@cube-dev/ui-kit 0.111.1 → 0.112.0

package/es/tasty/utils/resolve-recipes.js

@@ -0,0 +1,123 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.112.0
+ * Released under the MIT license.
+ */
+
+/**
+ * Recipe resolution utility.
+ *
+ * Resolves `recipe` style properties by looking up predefined recipe styles
+ * from global configuration and merging them with the component's own styles.
+ *
+ * Resolution order per level (top-level and each sub-element independently):
+ * recipe_1 → recipe_2 → ... → component styles (without recipe key)
+ *
+ * Returns the same object reference if no recipes are present (zero overhead).
+ */
+import { getGlobalRecipes } from '../config.js';
+import { isSelector } from '../pipeline/index.js';
+import { isDevEnv } from './is-dev-env.js';
+const devMode = isDevEnv();
+/**
+ * Parse a recipe string into an array of trimmed recipe names.
+ * Returns null if the string is empty or only whitespace.
+ */
+function parseRecipeNames(value) {
+    if (typeof value !== 'string')
+        return null;
+    const trimmed = value.trim();
+    if (trimmed === '')
+        return null;
+    const names = trimmed
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean);
+    return names.length > 0 ? names : null;
+}
+/**
+ * Resolve recipe references in a flat styles object (no sub-elements).
+ * Returns the original object if no `recipe` key is present.
+ */
+function resolveRecipesForLevel(styles, recipes) {
+    if (!('recipe' in styles))
+        return null;
+    const names = parseRecipeNames(styles.recipe);
+    // Remove recipe key from the rest of styles
+    const { recipe: _recipe, ...restStyles } = styles;
+    if (!names) {
+        // recipe: '' or invalid value -- just remove the recipe key
+        return restStyles;
+    }
+    // Merge recipes in order, then component styles on top
+    let merged = {};
+    for (const name of names) {
+        const recipeStyles = recipes[name];
+        if (!recipeStyles) {
+            if (devMode) {
+                console.warn(`[Tasty] Recipe "${name}" not found. ` +
+                    `Make sure it is defined in configure({ recipes: { ... } }).`);
+            }
+            continue;
+        }
+        merged = { ...merged, ...recipeStyles };
+    }
+    // Component styles override recipe values
+    return { ...merged, ...restStyles };
+}
+/**
+ * Resolve all `recipe` style properties in a styles object.
+ *
+ * Handles both top-level and sub-element recipe references.
+ * Returns the same object reference if no recipes are present anywhere
+ * (zero overhead for the common case).
+ *
+ * @param styles - The styles object potentially containing `recipe` keys
+ * @returns Resolved styles with recipe values merged in, or the original object if unchanged
+ */
+export function resolveRecipes(styles) {
+    const recipes = getGlobalRecipes();
+    // Fast path: no recipes configured globally
+    if (!recipes)
+        return styles;
+    let changed = false;
+    let result = {};
+    // Resolve top-level recipe
+    const topResolved = resolveRecipesForLevel(styles, recipes);
+    if (topResolved) {
+        changed = true;
+        result = topResolved;
+    }
+    else {
+        // Keep reference; a shallow copy is deferred until a sub-element actually changes
+        result = styles;
+    }
+    // Resolve sub-element recipes
+    const keys = Object.keys(result);
+    for (const key of keys) {
+        if (!isSelector(key))
+            continue;
+        const subStyles = result[key];
+        if (!subStyles ||
+            typeof subStyles !== 'object' ||
+            Array.isArray(subStyles)) {
+            continue;
+        }
+        const subRecord = subStyles;
+        if (!('recipe' in subRecord))
+            continue;
+        const subResolved = resolveRecipesForLevel(subRecord, recipes);
+        if (subResolved) {
+            if (!changed) {
+                // First change in sub-elements -- need to shallow-copy the top level
+                changed = true;
+                result = { ...styles };
+            }
+            result[key] = subResolved;
+        }
+    }
+    return changed ? result : styles;
+}
+
+        

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

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

package/es/tasty/utils/typography.js

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

package/es/tasty/zero/babel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.111.1
+ * @cube-dev/ui-kit v0.112.0
  * Released under the MIT license.
  */
 
@@ -27,6 +27,7 @@ import { declare } from '@babel/helper-plugin-utils';
 import * as t from '@babel/types';
 import { configure } from '../config.js';
 import { mergeStyles } from '../utils/merge-styles.js';
+import { resolveRecipes } from '../utils/resolve-recipes.js';
 import { CSSWriter } from './css-writer.js';
 import { extractKeyframesFromStyles, extractStylesForSelector, extractStylesWithChunks, } from './extractor.js';
 export default declare((api, options) => {
@@ -158,7 +159,9 @@ function handleStylesMode(path, args, cssWriter, state, globalRegistry, globalKe
         throw path.buildCodeFrameError('tastyStatic(styles) argument must be a static object literal');
     }
     // Evaluate styles object at build time
-    const styles = evaluateObjectExpression(stylesArg, path);
+    const rawStyles = evaluateObjectExpression(stylesArg, path);
+    // Resolve recipes before extraction
+    const styles = resolveRecipes(rawStyles);
     // Extract keyframes (deduplicated by content)
     const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
     // Add keyframes CSS
@@ -206,8 +209,8 @@ function handleExtensionMode(path, args, cssWriter, state, globalRegistry, globa
     }
     // Evaluate override styles
     const overrideStyles = evaluateObjectExpression(stylesArg, path);
-    // Merge styles using mergeStyles
-    const mergedStyles = mergeStyles(baseEntry.styles, overrideStyles);
+    // Merge styles using mergeStyles, then resolve recipes
+    const mergedStyles = resolveRecipes(mergeStyles(baseEntry.styles, overrideStyles));
     // Extract keyframes (deduplicated by content)
     const { keyframes, nameMap } = extractKeyframesFromStyles(mergedStyles, globalKeyframes);
     // Add keyframes CSS
@@ -247,7 +250,9 @@ function handleSelectorMode(path, args, cssWriter, sourceFile, globalKeyframes)
         throw path.buildCodeFrameError('tastyStatic(selector, styles) second argument must be a static object literal');
     }
     const selector = selectorArg.value;
-    const styles = evaluateObjectExpression(stylesArg, path);
+    const rawStyles = evaluateObjectExpression(stylesArg, path);
+    // Resolve recipes before extraction
+    const styles = resolveRecipes(rawStyles);
     // Extract keyframes (deduplicated by content)
     const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
     // Add keyframes CSS

package/es/tasty/zero/css-writer.js

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

package/es/tasty/zero/extractor.js

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

package/es/tasty/zero/index.js

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

package/es/tasty/zero/next.js

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

package/es/tokens/base.js

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

package/es/tokens/colors.js

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

package/es/tokens/index.js

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

package/es/tokens/layout.js

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

package/es/tokens/shadows.js

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

package/es/tokens/sizes.js

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

package/es/tokens/spacing.js

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

package/es/tokens/typography.js

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

package/es/utils/index.js

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

package/es/utils/raf.js

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

package/es/utils/react/RenderCache.js

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

package/es/utils/react/resolveIcon.js

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

package/es/utils/react/useLocalStorage.js

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

package/es/utils/react/useMergeStyles.js

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