@cube-dev/ui-kit 0.114.0 → 0.115.0

package/dist/tasty/utils/typography.d.ts

@@ -0,0 +1,37 @@
+
+import { Styles } from "../styles/types.js";
+import { TypographyPreset } from "../../tokens/typography.js";
+
+//#region src/tasty/utils/typography.d.ts
+/**
+ * Generate typography tokens with $ prefix for CSS custom properties.
+ *
+ * Each preset generates the following CSS custom properties:
+ * - `${name}-font-size`
+ * - `${name}-line-height`
+ * - `${name}-letter-spacing`
+ * - `${name}-font-weight`
+ * - `${name}-bold-font-weight` (if defined)
+ * - `${name}-icon-size` (if defined)
+ * - `${name}-text-transform` (if defined)
+ * - `${name}-font-family` (if defined)
+ * - `${name}-font-style` (if defined)
+ *
+ * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
+ * @returns Styles object with $ prefixed keys
+ *
+ * @example
+ * // Using default presets
+ * const tokens = generateTypographyTokens();
+ * // tokens['$h1-font-size'] === '36px'
+ *
+ * @example
+ * // Using custom presets
+ * const customTokens = generateTypographyTokens({
+ *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
+ * });
+ */
+declare function generateTypographyTokens(presets?: Record<string, TypographyPreset>): Styles;
+//#endregion
+export { generateTypographyTokens };
+//# sourceMappingURL=typography.d.ts.map

package/dist/tasty/utils/typography.js

@@ -0,0 +1,54 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { TYPOGRAPHY_PRESETS } from "../../tokens/typography.js";
+
+//#region src/tasty/utils/typography.ts
+/**
+* Generate typography tokens with $ prefix for CSS custom properties.
+*
+* Each preset generates the following CSS custom properties:
+* - `${name}-font-size`
+* - `${name}-line-height`
+* - `${name}-letter-spacing`
+* - `${name}-font-weight`
+* - `${name}-bold-font-weight` (if defined)
+* - `${name}-icon-size` (if defined)
+* - `${name}-text-transform` (if defined)
+* - `${name}-font-family` (if defined)
+* - `${name}-font-style` (if defined)
+*
+* @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
+* @returns Styles object with $ prefixed keys
+*
+* @example
+* // Using default presets
+* const tokens = generateTypographyTokens();
+* // tokens['$h1-font-size'] === '36px'
+*
+* @example
+* // Using custom presets
+* const customTokens = generateTypographyTokens({
+*   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
+* });
+*/
+function generateTypographyTokens(presets = TYPOGRAPHY_PRESETS) {
+	const tokens = {};
+	for (const [name, preset] of Object.entries(presets)) {
+		tokens[`$${name}-font-size`] = preset.fontSize;
+		tokens[`$${name}-line-height`] = preset.lineHeight;
+		tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? "0";
+		tokens[`$${name}-font-weight`] = preset.fontWeight;
+		if (preset.boldFontWeight !== void 0) {
+			const boldKey = name === "c1" ? `$${name}-font-bold-weight` : `$${name}-bold-font-weight`;
+			tokens[boldKey] = preset.boldFontWeight;
+		}
+		if (preset.iconSize !== void 0) tokens[`$${name}-icon-size`] = preset.iconSize;
+		if (preset.textTransform !== void 0) tokens[`$${name}-text-transform`] = preset.textTransform;
+		if (preset.fontFamily !== void 0) tokens[`$${name}-font-family`] = preset.fontFamily;
+		if (preset.fontStyle !== void 0) tokens[`$${name}-font-style`] = preset.fontStyle;
+	}
+	return tokens;
+}
+
+//#endregion
+export { generateTypographyTokens };
+//# sourceMappingURL=typography.js.map

package/dist/tasty/utils/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/tasty/utils/typography.ts"],"sourcesContent":["import { TYPOGRAPHY_PRESETS, TypographyPreset } from '../../tokens/typography';\n\nimport type { Styles } from '../styles/types';\n\n// Re-export types for convenience\nexport type { TypographyPreset };\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)\n * @returns Styles object with $ prefixed keys\n *\n * @example\n * // Using default presets\n * const tokens = generateTypographyTokens();\n * // tokens['$h1-font-size'] === '36px'\n *\n * @example\n * // Using custom presets\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset> = TYPOGRAPHY_PRESETS,\n): Styles {\n  const tokens: Record<string, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      // Handle different property naming for c1 (uses font-bold-weight instead of bold-font-weight)\n      const boldKey =\n        name === 'c1'\n          ? `$${name}-font-bold-weight`\n          : `$${name}-bold-font-weight`;\n      tokens[boldKey] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as Styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,yBACd,UAA4C,oBACpC;CACR,MAAM,SAA0C,EAAE;AAElD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,QAAW;GAEvC,MAAM,UACJ,SAAS,OACL,IAAI,KAAK,qBACT,IAAI,KAAK;AACf,UAAO,WAAW,OAAO;;AAG3B,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}

package/dist/tasty/utils/warnings.d.ts

@@ -0,0 +1,17 @@
+
+//#region src/tasty/utils/warnings.d.ts
+declare function warn(...args: any[]): void;
+declare function deprecationWarning(condition: any, {
+  property,
+  name,
+  betterAlternative,
+  reason
+}: {
+  property: string;
+  name: string;
+  betterAlternative: (() => string) | string;
+  reason?: (() => string) | string;
+}): void;
+//#endregion
+export { deprecationWarning, warn };
+//# sourceMappingURL=warnings.d.ts.map

package/dist/tasty/utils/warnings.js

@@ -0,0 +1,17 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/utils/warnings.ts
+const PREFIX = "Tasty";
+function warn(...args) {
+	console.warn(`${PREFIX}:`, ...args);
+}
+function deprecationWarning(condition, { property, name, betterAlternative, reason }) {
+	if (condition) return;
+	console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
+	warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === "function" ? betterAlternative() : betterAlternative}`);
+	reason && warn(`Reason: ${typeof reason === "function" ? reason() : reason}`);
+	console.groupEnd();
+}
+
+//#endregion
+export { deprecationWarning, warn };
+//# sourceMappingURL=warnings.js.map

package/dist/tasty/utils/warnings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warnings.js","names":[],"sources":["../../../src/tasty/utils/warnings.ts"],"sourcesContent":["const PREFIX = 'Tasty';\n\nexport function warn(...args) {\n  console.warn(`${PREFIX}:`, ...args);\n}\n\nexport function deprecationWarning(\n  condition: any,\n  {\n    property,\n    name,\n    betterAlternative,\n    reason,\n  }: {\n    property: string;\n    name: string;\n    betterAlternative: (() => string) | string;\n    reason?: (() => string) | string;\n  },\n) {\n  if (condition) return;\n\n  if (process.env.NODE_ENV === 'production') {\n    return warn(\n      `DEPRECATION ${name} \"${property}\" -> ${\n        typeof betterAlternative === 'function'\n          ? betterAlternative()\n          : betterAlternative\n      }`,\n    );\n  }\n\n  // we can make deprecations even better if we add the md syntax in the console.\n  // anyway, everything down below will be stripped in the production build\n  console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);\n  warn(\n    `\"${property}\" is deprecated, consider better alternative: ${\n      typeof betterAlternative === 'function'\n        ? betterAlternative()\n        : betterAlternative\n    }`,\n  );\n  reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);\n  console.groupEnd();\n}\n"],"mappings":";;AAAA,MAAM,SAAS;AAEf,SAAgB,KAAK,GAAG,MAAM;AAC5B,SAAQ,KAAK,GAAG,OAAO,IAAI,GAAG,KAAK;;AAGrC,SAAgB,mBACd,WACA,EACE,UACA,MACA,mBACA,UAOF;AACA,KAAI,UAAW;AAcf,SAAQ,MAAM,MAAM,OAAO,mBAAmB,OAAO;AACrD,MACE,IAAI,SAAS,gDACX,OAAO,sBAAsB,aACzB,mBAAmB,GACnB,oBAEP;AACD,WAAU,KAAK,WAAW,OAAO,WAAW,aAAa,QAAQ,GAAG,SAAS;AAC7E,SAAQ,UAAU"}

package/dist/tasty/zero/babel.d.ts

@@ -0,0 +1,111 @@
+
+import { StyleDetails, UnitHandler } from "../../parser/types.js";
+import { StyleHandlerDefinition } from "../../utils/styles.js";
+import { KeyframesSteps } from "../../injector/types.js";
+import { RecipeStyles } from "../../styles/types.js";
+import { TastyPlugin } from "../../plugins/types.js";
+import * as _babel_core0 from "@babel/core";
+import { PluginPass } from "@babel/core";
+
+//#region src/tasty/zero/babel.d.ts
+/**
+ * Build-time configuration for zero-runtime mode.
+ * Subset of TastyConfig that applies at build time.
+ */
+interface TastyZeroConfig {
+  /**
+   * Global predefined states for advanced state mapping.
+   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }
+   */
+  states?: Record<string, string>;
+  /**
+   * Enable development mode features: source comments in generated CSS.
+   * Default: false
+   */
+  devMode?: boolean;
+  /**
+   * Parser LRU cache size (default: 1000).
+   * Larger values improve performance for builds with many unique style values.
+   */
+  parserCacheSize?: number;
+  /**
+   * Custom units for the style parser (merged with built-in units).
+   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.
+   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }
+   */
+  units?: Record<string, string | UnitHandler>;
+  /**
+   * Custom functions for the style parser (merged with existing).
+   * Functions process parsed style groups and return CSS values.
+   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }
+   */
+  funcs?: Record<string, (groups: StyleDetails[]) => string>;
+  /**
+   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.
+   * Plugins are processed in order, with later plugins overriding earlier ones.
+   * @example
+   * ```ts
+   * import { okhslPlugin } from '@cube-dev/ui-kit/tasty/plugins';
+   *
+   * // babel.config.js
+   * module.exports = {
+   *   plugins: [
+   *     ['@cube-dev/ui-kit/tasty/zero/babel', {
+   *       config: { plugins: [okhslPlugin()] }
+   *     }]
+   *   ]
+   * };
+   * ```
+   */
+  plugins?: TastyPlugin[];
+  /**
+   * Global keyframes definitions for static extraction.
+   * Keys are animation names, values are keyframes step definitions.
+   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }
+   */
+  keyframes?: Record<string, KeyframesSteps>;
+  /**
+   * Custom style handlers that transform style properties into CSS declarations.
+   * Handlers replace built-in handlers for the same style name.
+   * @example
+   * ```ts
+   * handlers: {
+   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,
+   *   elevation: ({ elevation }) => ({
+   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,
+   *   }),
+   * }
+   * ```
+   */
+  handlers?: Record<string, StyleHandlerDefinition>;
+  /**
+   * Predefined tokens that are replaced during style parsing.
+   * Use `$name` for custom properties and `#name` for color tokens.
+   * @example { $spacing: '2x', '#accent': '#purple' }
+   */
+  tokens?: {
+    [key: `$${string}` | `#${string}`]: string | number;
+  };
+  /**
+   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.
+   * Recipe values are flat tasty styles (no sub-element keys).
+   * @example
+   * ```ts
+   * recipes: {
+   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },
+   *   elevated: { shadow: '2x 2x 4x #shadow' },
+   * }
+   * ```
+   */
+  recipes?: Record<string, RecipeStyles>;
+}
+interface TastyZeroBabelOptions {
+  /** Output path for generated CSS (default: 'tasty.css') */
+  output?: string;
+  /** Tasty configuration for build-time processing */
+  config?: TastyZeroConfig;
+}
+declare const _default: (api: object, options: TastyZeroBabelOptions | null | undefined, dirname: string) => _babel_core0.PluginObj<PluginPass>;
+//#endregion
+export { TastyZeroBabelOptions, TastyZeroConfig, _default as default };
+//# sourceMappingURL=babel.d.ts.map

package/dist/tasty/zero/babel.js

@@ -0,0 +1,283 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { configure } from "../../config.js";
+import { extractKeyframesFromStyles, extractStylesForSelector, extractStylesWithChunks } from "../../extractor.js";
+import { CSSWriter } from "../../css-writer.js";
+import { mergeStyles } from "../../utils/merge-styles.js";
+import { resolveRecipes } from "../../utils/resolve-recipes.js";
+import { declare } from "@babel/helper-plugin-utils";
+import * as t from "@babel/types";
+
+//#region src/tasty/zero/babel.ts
+/**
+* Babel plugin for zero-runtime tasty static site generation.
+*
+* Transforms:
+* - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }
+* - `tastyStatic(base, styles)` → StaticStyle object with merged styles
+* - `tastyStatic(selector, styles)` → removed entirely
+*
+* Usage:
+* ```javascript
+* // babel.config.js
+* module.exports = {
+*   plugins: [
+*     ['@cube-dev/ui-kit/tasty/zero/babel', { output: 'public/tasty.css' }]
+*   ]
+* };
+* ```
+*/
+var babel_default = declare((api, options) => {
+	api.assertVersion(7);
+	const outputPath = options.output || "tasty.css";
+	const config = options.config || {};
+	const devMode = config.devMode ?? false;
+	configure(config);
+	const cssWriter = new CSSWriter(outputPath, { devMode });
+	const globalRegistry = {};
+	return {
+		name: "tasty-zero",
+		pre() {
+			this.staticStyleRegistry = {};
+			if (devMode && this.filename) this.sourceFile = this.filename.split("/").pop() || this.filename;
+		},
+		visitor: {
+			ImportDeclaration(path) {
+				const source = path.node.source.value;
+				if (source === "@cube-dev/ui-kit/tasty/static" || source.endsWith("/tasty/static")) path.remove();
+			},
+			CallExpression(path, state) {
+				const callee = path.node.callee;
+				if (!t.isIdentifier(callee, { name: "tastyStatic" })) return;
+				const args = path.node.arguments;
+				if (args.length === 0) throw path.buildCodeFrameError("tastyStatic() requires at least one argument");
+				const firstArg = args[0];
+				if (t.isStringLiteral(firstArg)) handleSelectorMode(path, args, cssWriter, state.sourceFile, config.keyframes);
+				else if (t.isObjectExpression(firstArg)) handleStylesMode(path, args, cssWriter, state, globalRegistry, config.keyframes);
+				else if (t.isIdentifier(firstArg)) handleExtensionMode(path, args, cssWriter, state, globalRegistry, config.keyframes);
+				else throw path.buildCodeFrameError("tastyStatic() first argument must be an object (styles), identifier (base StaticStyle), or string (selector)");
+			},
+			VariableDeclarator(path, state) {
+				const init = path.node.init;
+				const id = path.node.id;
+				if (t.isIdentifier(id) && t.isObjectExpression(init) && isStaticStyleObject(init)) {
+					const variableName = id.name;
+					const styles = extractStylesFromStaticStyleObject(init, path);
+					const className = extractClassNameFromStaticStyleObject(init);
+					if (styles && className) {
+						state.staticStyleRegistry[variableName] = {
+							styles,
+							className
+						};
+						globalRegistry[variableName] = {
+							styles,
+							className
+						};
+					}
+				}
+			}
+		},
+		post() {
+			if (cssWriter.size > 0) cssWriter.write();
+		}
+	};
+});
+/**
+* Check if an object expression looks like a StaticStyle object
+*/
+function isStaticStyleObject(node) {
+	const hasClassName = node.properties.some((p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: "className" }));
+	const hasStyles = node.properties.some((p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: "styles" }));
+	return hasClassName && hasStyles;
+}
+/**
+* Extract styles object from a StaticStyle object expression
+*/
+function extractStylesFromStaticStyleObject(node, path) {
+	for (const prop of node.properties) if (t.isObjectProperty(prop) && t.isIdentifier(prop.key, { name: "styles" }) && t.isObjectExpression(prop.value)) return evaluateObjectExpression(prop.value, path);
+	return null;
+}
+/**
+* Extract className from a StaticStyle object expression
+*/
+function extractClassNameFromStaticStyleObject(node) {
+	for (const prop of node.properties) if (t.isObjectProperty(prop) && t.isIdentifier(prop.key, { name: "className" }) && t.isStringLiteral(prop.value)) return prop.value.value;
+	return null;
+}
+/**
+* Handle tastyStatic(styles) - returns StaticStyle object
+*/
+function handleStylesMode(path, args, cssWriter, state, globalRegistry, globalKeyframes) {
+	const stylesArg = args[0];
+	if (!t.isObjectExpression(stylesArg)) throw path.buildCodeFrameError("tastyStatic(styles) argument must be a static object literal");
+	const styles = resolveRecipes(evaluateObjectExpression(stylesArg, path));
+	const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
+	for (const kf of keyframes) cssWriter.add(kf.css, kf.css, state.sourceFile);
+	const chunks = extractStylesWithChunks(styles);
+	for (const chunk of chunks) {
+		const css = nameMap.size > 0 ? replaceAnimationNamesInCSS(chunk.css, nameMap) : chunk.css;
+		cssWriter.add(chunk.className, css, state.sourceFile);
+	}
+	const className = chunks.length > 0 ? chunks.map((c) => c.className).join(" ") : "";
+	const staticStyleObject = createStaticStyleAST(className, styles);
+	path.replaceWith(staticStyleObject);
+	registerIfVariableDeclaration(path, className, styles, state, globalRegistry);
+}
+/**
+* Handle tastyStatic(base, styles) - extends base with additional styles
+*/
+function handleExtensionMode(path, args, cssWriter, state, globalRegistry, globalKeyframes) {
+	if (args.length < 2) throw path.buildCodeFrameError("tastyStatic(base, styles) requires two arguments");
+	const baseArg = args[0];
+	const stylesArg = args[1];
+	if (!t.isIdentifier(baseArg)) throw path.buildCodeFrameError("tastyStatic(base, styles) first argument must be an identifier");
+	if (!t.isObjectExpression(stylesArg)) throw path.buildCodeFrameError("tastyStatic(base, styles) second argument must be a static object literal");
+	const baseName = baseArg.name;
+	const baseEntry = state.staticStyleRegistry[baseName] || globalRegistry[baseName];
+	if (!baseEntry) throw path.buildCodeFrameError(`Cannot find base StaticStyle '${baseName}'. Make sure it is defined before being extended.`);
+	const overrideStyles = evaluateObjectExpression(stylesArg, path);
+	const mergedStyles = resolveRecipes(mergeStyles(baseEntry.styles, overrideStyles));
+	const { keyframes, nameMap } = extractKeyframesFromStyles(mergedStyles, globalKeyframes);
+	for (const kf of keyframes) cssWriter.add(kf.css, kf.css, state.sourceFile);
+	const chunks = extractStylesWithChunks(mergedStyles);
+	for (const chunk of chunks) {
+		const css = nameMap.size > 0 ? replaceAnimationNamesInCSS(chunk.css, nameMap) : chunk.css;
+		cssWriter.add(chunk.className, css, state.sourceFile);
+	}
+	const className = chunks.length > 0 ? chunks.map((c) => c.className).join(" ") : "";
+	const staticStyleObject = createStaticStyleAST(className, mergedStyles);
+	path.replaceWith(staticStyleObject);
+	registerIfVariableDeclaration(path, className, mergedStyles, state, globalRegistry);
+}
+/**
+* Handle tastyStatic(selector, styles) - removes the call entirely
+*/
+function handleSelectorMode(path, args, cssWriter, sourceFile, globalKeyframes) {
+	if (args.length < 2) throw path.buildCodeFrameError("tastyStatic(selector, styles) requires two arguments");
+	const selectorArg = args[0];
+	const stylesArg = args[1];
+	if (!t.isStringLiteral(selectorArg)) throw path.buildCodeFrameError("tastyStatic(selector, styles) first argument must be a string literal");
+	if (!t.isObjectExpression(stylesArg)) throw path.buildCodeFrameError("tastyStatic(selector, styles) second argument must be a static object literal");
+	const selector = selectorArg.value;
+	const styles = resolveRecipes(evaluateObjectExpression(stylesArg, path));
+	const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
+	for (const kf of keyframes) cssWriter.add(kf.css, kf.css, sourceFile);
+	const result = extractStylesForSelector(selector, styles);
+	const css = nameMap.size > 0 ? replaceAnimationNamesInCSS(result.css, nameMap) : result.css;
+	cssWriter.add(selector, css, sourceFile);
+	const parent = path.parentPath;
+	if (parent && t.isExpressionStatement(parent.node)) parent.remove();
+	else path.replaceWith(t.identifier("undefined"));
+}
+/**
+* Create a StaticStyle object AST node
+*/
+function createStaticStyleAST(className, styles) {
+	return t.objectExpression([
+		t.objectProperty(t.identifier("className"), t.stringLiteral(className)),
+		t.objectProperty(t.identifier("styles"), valueToAST(styles)),
+		t.objectMethod("method", t.identifier("toString"), [], t.blockStatement([t.returnStatement(t.memberExpression(t.thisExpression(), t.identifier("className")))]))
+	]);
+}
+/**
+* Register a StaticStyle in the registry if it's being assigned to a variable
+*/
+function registerIfVariableDeclaration(path, className, styles, state, globalRegistry) {
+	const parent = path.parentPath;
+	if (parent && t.isVariableDeclarator(parent.node)) {
+		const id = parent.node.id;
+		if (t.isIdentifier(id)) {
+			const variableName = id.name;
+			state.staticStyleRegistry[variableName] = {
+				styles,
+				className
+			};
+			globalRegistry[variableName] = {
+				styles,
+				className
+			};
+		}
+	}
+}
+/**
+* Convert a JavaScript value to an AST node
+*/
+function valueToAST(value) {
+	if (value === null) return t.nullLiteral();
+	if (value === void 0) return t.identifier("undefined");
+	if (typeof value === "string") return t.stringLiteral(value);
+	if (typeof value === "number") return t.numericLiteral(value);
+	if (typeof value === "boolean") return t.booleanLiteral(value);
+	if (Array.isArray(value)) return t.arrayExpression(value.map(valueToAST));
+	if (typeof value === "object") {
+		const properties = Object.entries(value).map(([key, val]) => t.objectProperty(/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? t.identifier(key) : t.stringLiteral(key), valueToAST(val)));
+		return t.objectExpression(properties);
+	}
+	return t.identifier("undefined");
+}
+/**
+* Evaluate an ObjectExpression to a plain JavaScript object.
+* Only supports static values that can be determined at build time.
+*/
+function evaluateObjectExpression(node, path) {
+	const result = {};
+	for (const prop of node.properties) {
+		if (t.isSpreadElement(prop)) throw path.buildCodeFrameError("Spread elements are not supported in tastyStatic() - styles must be fully static");
+		if (!t.isObjectProperty(prop)) throw path.buildCodeFrameError("Only object properties are supported in tastyStatic()");
+		let key;
+		if (t.isIdentifier(prop.key)) key = prop.key.name;
+		else if (t.isStringLiteral(prop.key)) key = prop.key.value;
+		else throw path.buildCodeFrameError("Dynamic property keys are not supported in tastyStatic()");
+		result[key] = evaluateExpression(prop.value, path);
+	}
+	return result;
+}
+/**
+* Evaluate an expression to a JavaScript value.
+*/
+function evaluateExpression(node, path) {
+	if (t.isStringLiteral(node)) return node.value;
+	if (t.isNumericLiteral(node)) return node.value;
+	if (t.isBooleanLiteral(node)) return node.value;
+	if (t.isNullLiteral(node)) return null;
+	if (t.isIdentifier(node, { name: "undefined" })) return;
+	if (t.isArrayExpression(node)) return node.elements.map((el) => {
+		if (el === null) return null;
+		if (t.isSpreadElement(el)) throw path.buildCodeFrameError("Spread elements are not supported in tastyStatic()");
+		return evaluateExpression(el, path);
+	});
+	if (t.isObjectExpression(node)) return evaluateObjectExpression(node, path);
+	if (t.isTemplateLiteral(node)) {
+		if (node.expressions.length > 0) throw path.buildCodeFrameError("Template literals with expressions are not supported in tastyStatic()");
+		return node.quasis.map((q) => q.value.cooked).join("");
+	}
+	if (t.isUnaryExpression(node, { operator: "-" })) {
+		const arg = evaluateExpression(node.argument, path);
+		if (typeof arg === "number") return -arg;
+	}
+	throw path.buildCodeFrameError(`Dynamic expressions are not supported in tastyStatic() - got ${node.type}. All values must be static literals.`);
+}
+/**
+* Replace animation names in CSS string.
+* Wraps the keyframes replaceAnimationNames to work on full CSS blocks.
+*/
+function replaceAnimationNamesInCSS(css, nameMap) {
+	if (nameMap.size === 0) return css;
+	return css.replace(/(animation(?:-name)?)\s*:\s*([^;}]+)/gi, (match, prop, value) => {
+		let newValue = value;
+		for (const [original, replacement] of nameMap) {
+			const pattern = new RegExp(`\\b${escapeRegex(original)}\\b`, "g");
+			newValue = newValue.replace(pattern, replacement);
+		}
+		return `${prop}: ${newValue}`;
+	});
+}
+/**
+* Escape special regex characters.
+*/
+function escapeRegex(str) {
+	return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+//#endregion
+export { babel_default as default };
+//# sourceMappingURL=babel.js.map

package/dist/tasty/zero/babel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel.js","names":[],"sources":["../../../src/tasty/zero/babel.ts"],"sourcesContent":["/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n *   plugins: [\n *     ['@cube-dev/ui-kit/tasty/zero/babel', { output: 'public/tasty.css' }]\n *   ]\n * };\n * ```\n */\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\n\nimport { configure } from '../config';\nimport { RecipeStyles, Styles } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\nimport { StyleHandlerDefinition } from '../utils/styles';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractKeyframesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n  KeyframesExtractionResult,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { StyleDetails, UnitHandler } from '../parser/types';\nimport type { TastyPlugin } from '../plugins/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig that applies at build time.\n */\nexport interface TastyZeroConfig {\n  /**\n   * Global predefined states for advanced state mapping.\n   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }\n   */\n  states?: Record<string, string>;\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * Default: false\n   */\n  devMode?: boolean;\n  /**\n   * Parser LRU cache size (default: 1000).\n   * Larger values improve performance for builds with many unique style values.\n   */\n  parserCacheSize?: number;\n  /**\n   * Custom units for the style parser (merged with built-in units).\n   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.\n   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }\n   */\n  units?: Record<string, string | UnitHandler>;\n  /**\n   * Custom functions for the style parser (merged with existing).\n   * Functions process parsed style groups and return CSS values.\n   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }\n   */\n  funcs?: Record<string, (groups: StyleDetails[]) => string>;\n  /**\n   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.\n   * Plugins are processed in order, with later plugins overriding earlier ones.\n   * @example\n   * ```ts\n   * import { okhslPlugin } from '@cube-dev/ui-kit/tasty/plugins';\n   *\n   * // babel.config.js\n   * module.exports = {\n   *   plugins: [\n   *     ['@cube-dev/ui-kit/tasty/zero/babel', {\n   *       config: { plugins: [okhslPlugin()] }\n   *     }]\n   *   ]\n   * };\n   * ```\n   */\n  plugins?: TastyPlugin[];\n  /**\n   * Global keyframes definitions for static extraction.\n   * Keys are animation names, values are keyframes step definitions.\n   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }\n   */\n  keyframes?: Record<string, KeyframesSteps>;\n  /**\n   * Custom style handlers that transform style properties into CSS declarations.\n   * Handlers replace built-in handlers for the same style name.\n   * @example\n   * ```ts\n   * handlers: {\n   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,\n   *   elevation: ({ elevation }) => ({\n   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,\n   *   }),\n   * }\n   * ```\n   */\n  handlers?: Record<string, StyleHandlerDefinition>;\n  /**\n   * Predefined tokens that are replaced during style parsing.\n   * Use `$name` for custom properties and `#name` for color tokens.\n   * @example { $spacing: '2x', '#accent': '#purple' }\n   */\n  tokens?: {\n    [key: `$${string}` | `#${string}`]: string | number;\n  };\n  /**\n   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.\n   * Recipe values are flat tasty styles (no sub-element keys).\n   * @example\n   * ```ts\n   * recipes: {\n   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },\n   *   elevated: { shadow: '2x 2x 4x #shadow' },\n   * }\n   * ```\n   */\n  recipes?: Record<string, RecipeStyles>;\n}\n\nexport interface TastyZeroBabelOptions {\n  /** Output path for generated CSS (default: 'tasty.css') */\n  output?: string;\n  /** Tasty configuration for build-time processing */\n  config?: TastyZeroConfig;\n}\n\n/**\n * Registry to track StaticStyle objects by their variable names.\n * Used to resolve base styles when extending.\n */\ninterface StaticStyleRegistry {\n  [variableName: string]: {\n    styles: Styles;\n    className: string;\n  };\n}\n\ninterface PluginState extends PluginPass {\n  staticStyleRegistry: StaticStyleRegistry;\n  /** Current source file path (for devMode source comments) */\n  sourceFile?: string;\n}\n\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n  api.assertVersion(7);\n\n  const outputPath = options.output || 'tasty.css';\n  const config = options.config || {};\n  const devMode = config.devMode ?? false;\n\n  // Apply configuration using the shared configure() function\n  // This handles plugin merging, states, units, funcs, handlers, tokens, etc.\n  configure(config);\n\n  const cssWriter = new CSSWriter(outputPath, { devMode });\n\n  // Global registry for cross-file references (same build)\n  const globalRegistry: StaticStyleRegistry = {};\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      // Extract source filename for devMode comments\n      if (devMode && this.filename) {\n        // Get relative path or just filename\n        this.sourceFile = this.filename.split('/').pop() || this.filename;\n      }\n    },\n\n    visitor: {\n      // Remove import statements for tasty/static\n      ImportDeclaration(path: NodePath<t.ImportDeclaration>) {\n        const source = path.node.source.value;\n\n        if (\n          source === '@cube-dev/ui-kit/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          path.remove();\n        }\n      },\n\n      // Transform tastyStatic() calls\n      CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n        const callee = path.node.callee;\n\n        // Match tastyStatic(...) calls\n        if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n          return;\n        }\n\n        const args = path.node.arguments;\n\n        if (args.length === 0) {\n          throw path.buildCodeFrameError(\n            'tastyStatic() requires at least one argument',\n          );\n        }\n\n        const firstArg = args[0];\n\n        if (t.isStringLiteral(firstArg)) {\n          // Selector mode: tastyStatic(selector, styles)\n          handleSelectorMode(\n            path,\n            args,\n            cssWriter,\n            state.sourceFile,\n            config.keyframes,\n          );\n        } else if (t.isObjectExpression(firstArg)) {\n          // Styles mode: tastyStatic(styles)\n          handleStylesMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n          );\n        } else if (t.isIdentifier(firstArg)) {\n          // Extension mode: tastyStatic(base, styles)\n          handleExtensionMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n          );\n        } else {\n          throw path.buildCodeFrameError(\n            'tastyStatic() first argument must be an object (styles), ' +\n              'identifier (base StaticStyle), or string (selector)',\n          );\n        }\n      },\n\n      // Track variable declarations to register StaticStyle objects\n      VariableDeclarator(\n        path: NodePath<t.VariableDeclarator>,\n        state: PluginState,\n      ) {\n        const init = path.node.init;\n        const id = path.node.id;\n\n        // Check if this is a StaticStyle object (has className and styles properties)\n        if (\n          t.isIdentifier(id) &&\n          t.isObjectExpression(init) &&\n          isStaticStyleObject(init)\n        ) {\n          const variableName = id.name;\n          const styles = extractStylesFromStaticStyleObject(init, path);\n          const className = extractClassNameFromStaticStyleObject(init);\n\n          if (styles && className) {\n            state.staticStyleRegistry[variableName] = { styles, className };\n            globalRegistry[variableName] = { styles, className };\n          }\n        }\n      },\n    },\n\n    post() {\n      // Write all collected CSS at the end of the build\n      if (cssWriter.size > 0) {\n        cssWriter.write();\n      }\n    },\n  };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n  const hasClassName = node.properties.some(\n    (p) =>\n      t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n  );\n  const hasStyles = node.properties.some(\n    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n  );\n  return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Styles | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'styles' }) &&\n      t.isObjectExpression(prop.value)\n    ) {\n      return evaluateObjectExpression(prop.value, path) as Styles;\n    }\n  }\n  return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n  node: t.ObjectExpression,\n): string | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'className' }) &&\n      t.isStringLiteral(prop.value)\n    ) {\n      return prop.value.value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n): void {\n  const stylesArg = args[0];\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(styles) argument must be a static object literal',\n    );\n  }\n\n  // Evaluate styles object at build time\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, styles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) requires two arguments',\n    );\n  }\n\n  const baseArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isIdentifier(baseArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) first argument must be an identifier',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) second argument must be a static object literal',\n    );\n  }\n\n  const baseName = baseArg.name;\n\n  // Look up base styles in registry\n  const baseEntry =\n    state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n  if (!baseEntry) {\n    throw path.buildCodeFrameError(\n      `Cannot find base StaticStyle '${baseName}'. ` +\n        'Make sure it is defined before being extended.',\n    );\n  }\n\n  // Evaluate override styles\n  const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Merge styles using mergeStyles, then resolve recipes\n  const mergedStyles = resolveRecipes(\n    mergeStyles(baseEntry.styles, overrideStyles),\n  );\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    mergedStyles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(\n    path,\n    className,\n    mergedStyles,\n    state,\n    globalRegistry,\n  );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) requires two arguments',\n    );\n  }\n\n  const selectorArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isStringLiteral(selectorArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) first argument must be a string literal',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) second argument must be a static object literal',\n    );\n  }\n\n  const selector = selectorArg.value;\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  // Replace animation names if needed and add CSS\n  const css =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n  cssWriter.add(selector, css, sourceFile);\n\n  // Remove the entire statement\n  const parent = path.parentPath;\n  if (parent && t.isExpressionStatement(parent.node)) {\n    parent.remove();\n  } else {\n    // If used in an expression context (which would be incorrect usage),\n    // replace with undefined\n    path.replaceWith(t.identifier('undefined'));\n  }\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n  className: string,\n  styles: Styles,\n): t.ObjectExpression {\n  return t.objectExpression([\n    t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n    t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n    t.objectMethod(\n      'method',\n      t.identifier('toString'),\n      [],\n      t.blockStatement([\n        t.returnStatement(\n          t.memberExpression(t.thisExpression(), t.identifier('className')),\n        ),\n      ]),\n    ),\n  ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n  path: NodePath,\n  className: string,\n  styles: Styles,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n): void {\n  const parent = path.parentPath;\n  if (parent && t.isVariableDeclarator(parent.node)) {\n    const id = parent.node.id;\n    if (t.isIdentifier(id)) {\n      const variableName = id.name;\n      state.staticStyleRegistry[variableName] = { styles, className };\n      globalRegistry[variableName] = { styles, className };\n    }\n  }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n  if (value === null) {\n    return t.nullLiteral();\n  }\n  if (value === undefined) {\n    return t.identifier('undefined');\n  }\n  if (typeof value === 'string') {\n    return t.stringLiteral(value);\n  }\n  if (typeof value === 'number') {\n    return t.numericLiteral(value);\n  }\n  if (typeof value === 'boolean') {\n    return t.booleanLiteral(value);\n  }\n  if (Array.isArray(value)) {\n    return t.arrayExpression(value.map(valueToAST));\n  }\n  if (typeof value === 'object') {\n    const properties = Object.entries(value).map(([key, val]) =>\n      t.objectProperty(\n        /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n          ? t.identifier(key)\n          : t.stringLiteral(key),\n        valueToAST(val),\n      ),\n    );\n    return t.objectExpression(properties);\n  }\n  // Fallback for unsupported types\n  return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const prop of node.properties) {\n    if (t.isSpreadElement(prop)) {\n      throw path.buildCodeFrameError(\n        'Spread elements are not supported in tastyStatic() - styles must be fully static',\n      );\n    }\n\n    if (!t.isObjectProperty(prop)) {\n      throw path.buildCodeFrameError(\n        'Only object properties are supported in tastyStatic()',\n      );\n    }\n\n    // Get key\n    let key: string;\n    if (t.isIdentifier(prop.key)) {\n      key = prop.key.name;\n    } else if (t.isStringLiteral(prop.key)) {\n      key = prop.key.value;\n    } else {\n      throw path.buildCodeFrameError(\n        'Dynamic property keys are not supported in tastyStatic()',\n      );\n    }\n\n    // Get value\n    const value = evaluateExpression(prop.value, path);\n    result[key] = value;\n  }\n\n  return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n  if (t.isStringLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNumericLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isBooleanLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNullLiteral(node)) {\n    return null;\n  }\n\n  if (t.isIdentifier(node, { name: 'undefined' })) {\n    return undefined;\n  }\n\n  if (t.isArrayExpression(node)) {\n    return node.elements.map((el) => {\n      if (el === null) return null;\n      if (t.isSpreadElement(el)) {\n        throw path.buildCodeFrameError(\n          'Spread elements are not supported in tastyStatic()',\n        );\n      }\n      return evaluateExpression(el, path);\n    });\n  }\n\n  if (t.isObjectExpression(node)) {\n    return evaluateObjectExpression(node, path);\n  }\n\n  if (t.isTemplateLiteral(node)) {\n    // Only support template literals without expressions\n    if (node.expressions.length > 0) {\n      throw path.buildCodeFrameError(\n        'Template literals with expressions are not supported in tastyStatic()',\n      );\n    }\n    return node.quasis.map((q) => q.value.cooked).join('');\n  }\n\n  if (t.isUnaryExpression(node, { operator: '-' })) {\n    const arg = evaluateExpression(node.argument, path);\n    if (typeof arg === 'number') {\n      return -arg;\n    }\n  }\n\n  throw path.buildCodeFrameError(\n    `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n      'All values must be static literals.',\n  );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\"\n  // We need to replace animation names within declaration blocks\n  return css.replace(\n    /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Word boundary replacement\n        const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JA,oBAAe,SAAgC,KAAK,YAAY;AAC9D,KAAI,cAAc,EAAE;CAEpB,MAAM,aAAa,QAAQ,UAAU;CACrC,MAAM,SAAS,QAAQ,UAAU,EAAE;CACnC,MAAM,UAAU,OAAO,WAAW;AAIlC,WAAU,OAAO;CAEjB,MAAM,YAAY,IAAI,UAAU,YAAY,EAAE,SAAS,CAAC;CAGxD,MAAM,iBAAsC,EAAE;AAE9C,QAAO;EACL,MAAM;EAEN,MAAuB;AAErB,QAAK,sBAAsB,EAAE;AAE7B,OAAI,WAAW,KAAK,SAElB,MAAK,aAAa,KAAK,SAAS,MAAM,IAAI,CAAC,KAAK,IAAI,KAAK;;EAI7D,SAAS;GAEP,kBAAkB,MAAqC;IACrD,MAAM,SAAS,KAAK,KAAK,OAAO;AAEhC,QACE,WAAW,mCACX,OAAO,SAAS,gBAAgB,CAEhC,MAAK,QAAQ;;GAKjB,eAAe,MAAkC,OAAoB;IACnE,MAAM,SAAS,KAAK,KAAK;AAGzB,QAAI,CAAC,EAAE,aAAa,QAAQ,EAAE,MAAM,eAAe,CAAC,CAClD;IAGF,MAAM,OAAO,KAAK,KAAK;AAEvB,QAAI,KAAK,WAAW,EAClB,OAAM,KAAK,oBACT,+CACD;IAGH,MAAM,WAAW,KAAK;AAEtB,QAAI,EAAE,gBAAgB,SAAS,CAE7B,oBACE,MACA,MACA,WACA,MAAM,YACN,OAAO,UACR;aACQ,EAAE,mBAAmB,SAAS,CAEvC,kBACE,MACA,MACA,WACA,OACA,gBACA,OAAO,UACR;aACQ,EAAE,aAAa,SAAS,CAEjC,qBACE,MACA,MACA,WACA,OACA,gBACA,OAAO,UACR;QAED,OAAM,KAAK,oBACT,+GAED;;GAKL,mBACE,MACA,OACA;IACA,MAAM,OAAO,KAAK,KAAK;IACvB,MAAM,KAAK,KAAK,KAAK;AAGrB,QACE,EAAE,aAAa,GAAG,IAClB,EAAE,mBAAmB,KAAK,IAC1B,oBAAoB,KAAK,EACzB;KACA,MAAM,eAAe,GAAG;KACxB,MAAM,SAAS,mCAAmC,MAAM,KAAK;KAC7D,MAAM,YAAY,sCAAsC,KAAK;AAE7D,SAAI,UAAU,WAAW;AACvB,YAAM,oBAAoB,gBAAgB;OAAE;OAAQ;OAAW;AAC/D,qBAAe,gBAAgB;OAAE;OAAQ;OAAW;;;;GAI3D;EAED,OAAO;AAEL,OAAI,UAAU,OAAO,EACnB,WAAU,OAAO;;EAGtB;EACD;;;;AAKF,SAAS,oBAAoB,MAAmC;CAC9D,MAAM,eAAe,KAAK,WAAW,MAClC,MACC,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC,CACxE;CACD,MAAM,YAAY,KAAK,WAAW,MAC/B,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC,CAC1E;AACD,QAAO,gBAAgB;;;;;AAMzB,SAAS,mCACP,MACA,MACe;AACf,MAAK,MAAM,QAAQ,KAAK,WACtB,KACE,EAAE,iBAAiB,KAAK,IACxB,EAAE,aAAa,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC,IAC5C,EAAE,mBAAmB,KAAK,MAAM,CAEhC,QAAO,yBAAyB,KAAK,OAAO,KAAK;AAGrD,QAAO;;;;;AAMT,SAAS,sCACP,MACe;AACf,MAAK,MAAM,QAAQ,KAAK,WACtB,KACE,EAAE,iBAAiB,KAAK,IACxB,EAAE,aAAa,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC,IAC/C,EAAE,gBAAgB,KAAK,MAAM,CAE7B,QAAO,KAAK,MAAM;AAGtB,QAAO;;;;;AAMT,SAAS,iBACP,MACA,MACA,WACA,OACA,gBACA,iBACM;CACN,MAAM,YAAY,KAAK;AAEvB,KAAI,CAAC,EAAE,mBAAmB,UAAU,CAClC,OAAM,KAAK,oBACT,+DACD;CAOH,MAAM,SAAS,eAHG,yBAAyB,WAAW,KAAK,CAGnB;CAGxC,MAAM,EAAE,WAAW,YAAY,2BAC7B,QACA,gBACD;AAGD,MAAK,MAAM,MAAM,UACf,WAAU,IAAI,GAAG,KAAK,GAAG,KAAK,MAAM,WAAW;CAIjD,MAAM,SAAS,wBAAwB,OAAO;AAG9C,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,MACJ,QAAQ,OAAO,IACX,2BAA2B,MAAM,KAAK,QAAQ,GAC9C,MAAM;AACZ,YAAU,IAAI,MAAM,WAAW,KAAK,MAAM,WAAW;;CAIvD,MAAM,YACJ,OAAO,SAAS,IAAI,OAAO,KAAK,MAAM,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG;CAGjE,MAAM,oBAAoB,qBAAqB,WAAW,OAAO;AACjE,MAAK,YAAY,kBAAkB;AAGnC,+BAA8B,MAAM,WAAW,QAAQ,OAAO,eAAe;;;;;AAM/E,SAAS,oBACP,MACA,MACA,WACA,OACA,gBACA,iBACM;AACN,KAAI,KAAK,SAAS,EAChB,OAAM,KAAK,oBACT,mDACD;CAGH,MAAM,UAAU,KAAK;CACrB,MAAM,YAAY,KAAK;AAEvB,KAAI,CAAC,EAAE,aAAa,QAAQ,CAC1B,OAAM,KAAK,oBACT,iEACD;AAGH,KAAI,CAAC,EAAE,mBAAmB,UAAU,CAClC,OAAM,KAAK,oBACT,4EACD;CAGH,MAAM,WAAW,QAAQ;CAGzB,MAAM,YACJ,MAAM,oBAAoB,aAAa,eAAe;AAExD,KAAI,CAAC,UACH,OAAM,KAAK,oBACT,iCAAiC,SAAS,mDAE3C;CAIH,MAAM,iBAAiB,yBAAyB,WAAW,KAAK;CAGhE,MAAM,eAAe,eACnB,YAAY,UAAU,QAAQ,eAAe,CAC9C;CAGD,MAAM,EAAE,WAAW,YAAY,2BAC7B,cACA,gBACD;AAGD,MAAK,MAAM,MAAM,UACf,WAAU,IAAI,GAAG,KAAK,GAAG,KAAK,MAAM,WAAW;CAIjD,MAAM,SAAS,wBAAwB,aAAa;AAGpD,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,MACJ,QAAQ,OAAO,IACX,2BAA2B,MAAM,KAAK,QAAQ,GAC9C,MAAM;AACZ,YAAU,IAAI,MAAM,WAAW,KAAK,MAAM,WAAW;;CAIvD,MAAM,YACJ,OAAO,SAAS,IAAI,OAAO,KAAK,MAAM,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG;CAGjE,MAAM,oBAAoB,qBAAqB,WAAW,aAAa;AACvE,MAAK,YAAY,kBAAkB;AAGnC,+BACE,MACA,WACA,cACA,OACA,eACD;;;;;AAMH,SAAS,mBACP,MACA,MACA,WACA,YACA,iBACM;AACN,KAAI,KAAK,SAAS,EAChB,OAAM,KAAK,oBACT,uDACD;CAGH,MAAM,cAAc,KAAK;CACzB,MAAM,YAAY,KAAK;AAEvB,KAAI,CAAC,EAAE,gBAAgB,YAAY,CACjC,OAAM,KAAK,oBACT,wEACD;AAGH,KAAI,CAAC,EAAE,mBAAmB,UAAU,CAClC,OAAM,KAAK,oBACT,gFACD;CAGH,MAAM,WAAW,YAAY;CAI7B,MAAM,SAAS,eAHG,yBAAyB,WAAW,KAAK,CAGnB;CAGxC,MAAM,EAAE,WAAW,YAAY,2BAC7B,QACA,gBACD;AAGD,MAAK,MAAM,MAAM,UACf,WAAU,IAAI,GAAG,KAAK,GAAG,KAAK,WAAW;CAI3C,MAAM,SAAS,yBAAyB,UAAU,OAAO;CAGzD,MAAM,MACJ,QAAQ,OAAO,IACX,2BAA2B,OAAO,KAAK,QAAQ,GAC/C,OAAO;AACb,WAAU,IAAI,UAAU,KAAK,WAAW;CAGxC,MAAM,SAAS,KAAK;AACpB,KAAI,UAAU,EAAE,sBAAsB,OAAO,KAAK,CAChD,QAAO,QAAQ;KAIf,MAAK,YAAY,EAAE,WAAW,YAAY,CAAC;;;;;AAO/C,SAAS,qBACP,WACA,QACoB;AACpB,QAAO,EAAE,iBAAiB;EACxB,EAAE,eAAe,EAAE,WAAW,YAAY,EAAE,EAAE,cAAc,UAAU,CAAC;EACvE,EAAE,eAAe,EAAE,WAAW,SAAS,EAAE,WAAW,OAAO,CAAC;EAC5D,EAAE,aACA,UACA,EAAE,WAAW,WAAW,EACxB,EAAE,EACF,EAAE,eAAe,CACf,EAAE,gBACA,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,EAAE,WAAW,YAAY,CAAC,CAClE,CACF,CAAC,CACH;EACF,CAAC;;;;;AAMJ,SAAS,8BACP,MACA,WACA,QACA,OACA,gBACM;CACN,MAAM,SAAS,KAAK;AACpB,KAAI,UAAU,EAAE,qBAAqB,OAAO,KAAK,EAAE;EACjD,MAAM,KAAK,OAAO,KAAK;AACvB,MAAI,EAAE,aAAa,GAAG,EAAE;GACtB,MAAM,eAAe,GAAG;AACxB,SAAM,oBAAoB,gBAAgB;IAAE;IAAQ;IAAW;AAC/D,kBAAe,gBAAgB;IAAE;IAAQ;IAAW;;;;;;;AAQ1D,SAAS,WAAW,OAA8B;AAChD,KAAI,UAAU,KACZ,QAAO,EAAE,aAAa;AAExB,KAAI,UAAU,OACZ,QAAO,EAAE,WAAW,YAAY;AAElC,KAAI,OAAO,UAAU,SACnB,QAAO,EAAE,cAAc,MAAM;AAE/B,KAAI,OAAO,UAAU,SACnB,QAAO,EAAE,eAAe,MAAM;AAEhC,KAAI,OAAO,UAAU,UACnB,QAAO,EAAE,eAAe,MAAM;AAEhC,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,EAAE,gBAAgB,MAAM,IAAI,WAAW,CAAC;AAEjD,KAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,aAAa,OAAO,QAAQ,MAAM,CAAC,KAAK,CAAC,KAAK,SAClD,EAAE,eACA,6BAA6B,KAAK,IAAI,GAClC,EAAE,WAAW,IAAI,GACjB,EAAE,cAAc,IAAI,EACxB,WAAW,IAAI,CAChB,CACF;AACD,SAAO,EAAE,iBAAiB,WAAW;;AAGvC,QAAO,EAAE,WAAW,YAAY;;;;;;AAOlC,SAAS,yBACP,MACA,MACyB;CACzB,MAAM,SAAkC,EAAE;AAE1C,MAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,MAAI,EAAE,gBAAgB,KAAK,CACzB,OAAM,KAAK,oBACT,mFACD;AAGH,MAAI,CAAC,EAAE,iBAAiB,KAAK,CAC3B,OAAM,KAAK,oBACT,wDACD;EAIH,IAAI;AACJ,MAAI,EAAE,aAAa,KAAK,IAAI,CAC1B,OAAM,KAAK,IAAI;WACN,EAAE,gBAAgB,KAAK,IAAI,CACpC,OAAM,KAAK,IAAI;MAEf,OAAM,KAAK,oBACT,2DACD;AAKH,SAAO,OADO,mBAAmB,KAAK,OAAO,KAAK;;AAIpD,QAAO;;;;;AAMT,SAAS,mBAAmB,MAAc,MAAyB;AACjE,KAAI,EAAE,gBAAgB,KAAK,CACzB,QAAO,KAAK;AAGd,KAAI,EAAE,iBAAiB,KAAK,CAC1B,QAAO,KAAK;AAGd,KAAI,EAAE,iBAAiB,KAAK,CAC1B,QAAO,KAAK;AAGd,KAAI,EAAE,cAAc,KAAK,CACvB,QAAO;AAGT,KAAI,EAAE,aAAa,MAAM,EAAE,MAAM,aAAa,CAAC,CAC7C;AAGF,KAAI,EAAE,kBAAkB,KAAK,CAC3B,QAAO,KAAK,SAAS,KAAK,OAAO;AAC/B,MAAI,OAAO,KAAM,QAAO;AACxB,MAAI,EAAE,gBAAgB,GAAG,CACvB,OAAM,KAAK,oBACT,qDACD;AAEH,SAAO,mBAAmB,IAAI,KAAK;GACnC;AAGJ,KAAI,EAAE,mBAAmB,KAAK,CAC5B,QAAO,yBAAyB,MAAM,KAAK;AAG7C,KAAI,EAAE,kBAAkB,KAAK,EAAE;AAE7B,MAAI,KAAK,YAAY,SAAS,EAC5B,OAAM,KAAK,oBACT,wEACD;AAEH,SAAO,KAAK,OAAO,KAAK,MAAM,EAAE,MAAM,OAAO,CAAC,KAAK,GAAG;;AAGxD,KAAI,EAAE,kBAAkB,MAAM,EAAE,UAAU,KAAK,CAAC,EAAE;EAChD,MAAM,MAAM,mBAAmB,KAAK,UAAU,KAAK;AACnD,MAAI,OAAO,QAAQ,SACjB,QAAO,CAAC;;AAIZ,OAAM,KAAK,oBACT,gEAAgE,KAAK,KAAK,uCAE3E;;;;;;AAOH,SAAS,2BACP,KACA,SACQ;AACR,KAAI,QAAQ,SAAS,EAAG,QAAO;AAI/B,QAAO,IAAI,QACT,2CACC,OAAO,MAAM,UAAU;EACtB,IAAI,WAAW;AACf,OAAK,MAAM,CAAC,UAAU,gBAAgB,SAAS;GAE7C,MAAM,UAAU,IAAI,OAAO,MAAM,YAAY,SAAS,CAAC,MAAM,IAAI;AACjE,cAAW,SAAS,QAAQ,SAAS,YAAY;;AAEnD,SAAO,GAAG,KAAK,IAAI;GAEtB;;;;;AAMH,SAAS,YAAY,KAAqB;AACxC,QAAO,IAAI,QAAQ,uBAAuB,OAAO"}

package/dist/tasty/zero/index.d.ts

@@ -0,0 +1,4 @@
+
+import { ExtractedChunk, ExtractedSelector, extractStylesForSelector, extractStylesWithChunks } from "../../extractor.js";
+import { CSSWriter } from "../../css-writer.js";
+export { CSSWriter, type ExtractedChunk, type ExtractedSelector, extractStylesForSelector, extractStylesWithChunks };

package/dist/tasty/zero/index.js

@@ -0,0 +1,5 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { extractStylesForSelector, extractStylesWithChunks } from "../../extractor.js";
+import { CSSWriter } from "../../css-writer.js";
+
+export { CSSWriter, extractStylesForSelector, extractStylesWithChunks };