@bamboocss/generator 1.46.3 → 1.47.0

package/dist/index.cjs

@@ -109,8 +109,6 @@ function generateConditions(ctx) {
 //#endregion
 //#region src/artifacts/js/css-fn.ts
 function generateCssFn(ctx) {
-	const { utility, hash, prefix } = ctx;
-	const { separator } = utility;
 	return {
 		dts: outdent.outdent`
     ${ctx.file.importType("SystemStyleObject, ViewTransitionFn", "../types/index")}
@@ -161,39 +159,12 @@ function generateCssFn(ctx) {
 
     `,
 		js: outdent.outdent`
-    ${ctx.file.import("cloneStyles, createCssUncached, hypenateProperty, memo, viewTransitionClassName, withoutSpace", "../helpers")}
-    ${ctx.file.import("sortConditions, finalizeConditions", "./conditions")}
-    ${ctx.file.import("classNameByProp", "./utilities")}
-    ${ctx.file.import("mergeCss, mergeCssUncached, resolveShorthand", "./merge-css")}
-
-    const context = {
-      ${hash.className ? "hash: true," : ""}
-      conditions: {
-        shift: sortConditions,
-        finalize: finalizeConditions,
-      },
-      utility: {
-        ${prefix.className ? "prefix: " + JSON.stringify(prefix.className) + "," : ""}
-        transform: ${utility.hasShorthand ? `(prop, value) => {
-              const key = resolveShorthand(prop)
-              const propKey = classNameByProp.get(key) || hypenateProperty(key)
-              return { className: \`$\{propKey}${separator}$\{withoutSpace(value)}\` }
-            }` : `(key, value) => ({ className: \`$\{classNameByProp.get(key) || hypenateProperty(key)}${separator}$\{withoutSpace(value)}\` })`},
-        ${utility.hasShorthand ? "hasShorthand: true," : ""}
-        toHash: ${utility.toHash},
-        resolveShorthand: ${utility.hasShorthand ? "resolveShorthand" : "prop => prop"},
-      }
-    }
+    ${ctx.file.import("cloneStyles, uncompiledStyle", "../helpers")}
+    ${ctx.file.import("mergeCss", "./merge-css")}
 
-    const cssFn = createCssUncached(context)
-    // \`createCssUncached\` and \`mergeCssUncached\` rather than their cached forms: this
-    // callback runs only when the memo above it missed, and a miss means these arguments
-    // have not been seen — so a second cache keyed on the same arguments, or on the merge
-    // derived from them, can only miss too, after paying for the lookup.
-    export const css = /* @__PURE__ */ memo((...styles) => cssFn(mergeCssUncached(...styles)))
-    // The cached merge here, since \`raw\` is called straight from user code with no memo
-    // above it. The merged result is cached and shared, so a caller mutating a nested
-    // condition object would otherwise poison it for everyone after them.
+    export const css = (..._styles) => uncompiledStyle('css')
+    // \`raw\` is a style object, not a class string. The compiler leaves it; \`css(css.raw(...))\`
+    // is what has to fold.
     css.raw = (...styles) => cloneStyles(mergeCss(...styles))
 
     // Sugar for the string form, so the feature has an import to discover, a signature to
@@ -201,10 +172,7 @@ function generateCssFn(ctx) {
     // value reaching \`css()\` is the same literal either way.
     export const fallback = (...values) => \`fallback($\{values.join(', ')})\`
 
-    // The class is the whole return value — the CSS behind it was emitted at build time
-    // from the same options, hashed by this same function. A call the extractor never saw
-    // still returns a class, exactly as \`css()\` does for a value it never saw.
-    export const viewTransition = (options) => viewTransitionClassName(options, ${JSON.stringify(prefix.className ?? "")})
+    export const viewTransition = (_options) => uncompiledStyle('viewTransition')
 
 `
 	};
@@ -310,7 +278,7 @@ function generateCvaFn(ctx) {
 	const withPrefix = prefix.className ? `(className) => className ? ${JSON.stringify(prefix.className)} + '-' + className : ${JSON.stringify(prefix.className)}` : `(className) => className`;
 	return {
 		js: outdent.outdent`
-    ${ctx.file.import("cloneStyles, compact, getRecipeClassNames, getRecipeIdentity, mergeProps, memo, splitProps, toHash, uniq", "../helpers")}
+    ${ctx.file.import("cloneStyles, compact, getRecipeIdentity, mergeProps, memo, splitProps, toHash, uniq, uncompiledStyle", "../helpers")}
     ${ctx.file.import("mergeCss", "./merge-css")}
     ${ctx.file.import("cx", "./cx")}
 
@@ -380,8 +348,8 @@ function generateCvaFn(ctx) {
       // Compound variants are absent on purpose. Their rule selects on the variant classes
       // already in this list — \`.btn--size_sm.btn--tone_a\` — so it applies without anything
       // being added here, and adding a class for it would name a rule that does not exist.
-      function cvaFn(props) {
-        return getRecipeClassNames(name, variants, getVariantProps(props), '${utility.separator}', formatRecipeClass)
+      function cvaFn(_props) {
+        return uncompiledStyle('cva')
       }
 
       const variantKeys = Object.keys(variants)
@@ -634,6 +602,18 @@ function generateHelpers() {
   export function __objRest(source, exclude) {
     return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))
   }
+
+  /**
+   * Style-producing calls compile away. Hitting this means \`@bamboocss/vite\` did not fold
+   * the call — missing plugin, a file outside \`include\`, or a shape the compiler rejects.
+   */
+  export function uncompiledStyle(name) {
+    throw new Error(
+      'bamboocss: ' +
+        name +
+        '() was not compiled. Add \`bamboocss()\` from \`@bamboocss/vite\` and import \`virtual:bamboo.css\`. See https://bamboocss.com/docs/installation/vite',
+    )
+  }
   ` };
 }
 //#endregion
@@ -752,7 +732,7 @@ function generatePattern(ctx, filters) {
 			transform,
 			defaultValues
 		})) ?? "";
-		const helperImports = ["getPatternStyles, createPatternFns, memo"];
+		const helperImports = ["getPatternStyles, createPatternFns"];
 		if (patternConfigFn.includes("__spreadValues")) helperImports.push("__spreadValues");
 		if (patternConfigFn.includes("__objRest")) helperImports.push("__objRest");
 		return {
@@ -785,8 +765,7 @@ function generatePattern(ctx, filters) {
 
      `,
 			js: outdent.outdent`
-    ${ctx.file.import(helperImports.join(", "), "../helpers")}
-    ${ctx.file.import("css", "../css/index")}
+    ${ctx.file.import([...helperImports, "uncompiledStyle"].join(", "), "../helpers")}
     ${ctx.file.import("token", "../tokens/index")}
 
     /**
@@ -806,7 +785,7 @@ function generatePattern(ctx, filters) {
       return ${baseName}Config.transform(_styles, patternHelpers)
     }
 
-    export const ${baseName} = /* @__PURE__ */ memo((styles) => css(${styleFnName}(styles)))
+    export const ${baseName} = (styles) => uncompiledStyle(${JSON.stringify(baseName)})
     ${baseName}.raw = ${styleFnName}
     `
 		};
@@ -859,55 +838,12 @@ function generateCreateRecipe(ctx) {
 		name: "create-recipe",
 		dts: "",
 		js: outdent.outdent`
-   ${ctx.file.import("finalizeConditions, sortConditions", "../css/conditions")}
-   ${ctx.file.import("assertCompoundVariant, getCompoundVariantCss", "../css/cva")}
-   ${ctx.file.import("cx", "../css/cx")}
-   ${ctx.file.import("compact, createCssUncached, getRecipeClassNames, splitProps, toHash, uniq, withoutSpace", "../helpers")}
+   ${ctx.file.import(hash.className ? "compact, splitProps, toHash, uniq, uncompiledStyle" : "compact, splitProps, uniq, uncompiledStyle", "../helpers")}
 
-   /**
-    * What \`createCss\` does to a class name: prefix it, and hash it when \`hash.className\`
-    * is set.
-    *
-    * A slot that takes variants gets this for free, because its classes come from
-    * \`createCss\`. A *scoped* slot's class never goes through it — it is a constant — so it
-    * has to be formatted here or the runtime hands back a raw name while the stylesheet
-    * emits the rule under a hashed one, and the slot renders unstyled.
-    */
    const withPrefix = ${prefix.className ? `(className) => className ? ${JSON.stringify(prefix.className)} + '-' + className : ${JSON.stringify(prefix.className)}` : `(className) => className`}
    export const formatRecipeClass = ${hash.className ? `(className) => withPrefix((${utility.toHash})([className], toHash))` : `withPrefix`}
 
-   export const createRecipe = (name, defaultVariants, compoundVariants, variantMap) => {
-    /**
-     * \`variantMap\` as \`getRecipeClassNames\` wants it — value *keys* rather than a list.
-     *
-     * Built once per recipe at module init. The lookup needs \`Object.hasOwn\`, and an array
-     * answers that for its indices rather than its contents, so a list cannot be passed
-     * straight through.
-     */
-    const variantValues = variantMap
-      ? Object.fromEntries(
-          Object.entries(variantMap).map(([variant, values]) => [
-            variant,
-            Object.fromEntries(values.map((value) => [value, true])),
-          ]),
-        )
-      : undefined
-
-    /**
-     * Whether every selected value is a plain scalar, and so nameable without \`createCss\`.
-     *
-     * \`typeof value === 'object'\` covers a conditional value like \`{ base: 'sm', md: 'lg' }\`,
-     * whose classes carry condition prefixes only \`createCss\` can build. It also catches
-     * \`null\`, which \`compact\` keeps — that goes to the path below and comes out as it did
-     * before, since \`createCss\` names no class for a null value either.
-     */
-    const isScalarSelection = (declared) => {
-      for (const key in declared) {
-        if (typeof declared[key] === 'object') return false
-      }
-      return true
-    }
-
+   export const createRecipe = (name, defaultVariants, _compoundVariants, _variantMap) => {
     const getVariantProps = (variants) => {
       return {
         [name]: '__ignore__',
@@ -916,82 +852,12 @@ function generateCreateRecipe(ctx) {
       };
     };
 
-     const recipeFn = (variants) => {
-      const declaredProps = getVariantProps(variants)
-
-      // A scalar selection names its classes by lookup: the recipe's own class plus one per
-      // selected variant, which is all \`createCss\` was deriving here. Measured at 4.1x the
-      // \`createCss\` path on a three-variant recipe. The gain is on a \`memo\` miss — the first
-      // call for each variant combination — since a hit never reaches this at all.
-      //
-      // Compound variants stay absent, as they are on the path below: their rule selects on the
-      // variant classes already named, so it applies without one of its own.
-      if (variantValues && isScalarSelection(declaredProps)) {
-        return getRecipeClassNames(name, variantValues, declaredProps, '${utility.separator}', formatRecipeClass)
-      }
-
-      const transform = (prop, value) => {
-        assertCompoundVariant(name, compoundVariants, variants, prop)
-
-         if (value === '__ignore__') {
-           return { className: name }
-         }
-
-         value = withoutSpace(value)
-         return { className: \`\${name}--\${prop}${utility.separator}\${value}\` }
-      }
-
-      // Uncached: this runs *inside* \`recipeFn\`, which is itself memoized, so the cache a
-      // cached \`createCss\` would build here is constructed fresh per call and used once.
-      const recipeCss = createCssUncached({
-        ${hash.className ? "hash: true," : ""}
-        conditions: {
-          shift: sortConditions,
-          finalize: finalizeConditions,
-        },
-        utility: {
-          ${prefix.className ? "prefix: " + JSON.stringify(prefix.className) + "," : ""}
-          toHash: ${utility.toHash},
-          transform,
-        }
-      })
-
-      // Only what the config declares names a class.
-      //
-      // Without this the transform named one for *any* prop it was handed — the build emits
-      // rules only for declared values, so the element carried a class nothing backed. It also
-      // disagreed with \`cva\`, which skips an undeclared value, leaving the two recipe kinds
-      // with different class strings for the same call.
-      //
-      // Filtered here rather than in \`getVariantProps\`, which is public and is what compound
-      // variants are matched against.
-      const declared = declaredProps
-      const recipeStyles = variantMap
-        ? Object.fromEntries(
-            Object.entries(declared).filter(([prop, value]) => {
-              if (prop === name) return true
-              // A conditional or responsive value is an object of leaves, and the leaves are
-              // what name classes: createCss walks them and calls transform per condition.
-              // Only a scalar can be judged here.
-              if (value === null || typeof value === 'object') return true
-              return Object.hasOwn(variantMap, prop) && variantMap[prop].includes(String(value))
-            }),
-          )
-        : declared
-
-      // No class for the compound variants. Their rule selects on the variant classes
-      // \`recipeCss\` just named — \`.btn--size_sm.btn--tone_a\` — so it applies on its own,
-      // and it is in the same layer as the rest of the recipe rather than atomically in
-      // \`utilities\` above it.
-      return recipeCss(recipeStyles)
-     }
+     const recipeFn = (_variants) => uncompiledStyle(name)
 
       return {
         recipeFn,
         getVariantProps,
-        __getCompoundVariantCss__: (variants) => {
-          return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-        },
+        __getCompoundVariantCss__: (_variants) => uncompiledStyle(name),
       }
    }
 
@@ -999,7 +865,7 @@ function generateCreateRecipe(ctx) {
     if (recipeA && !recipeB) return recipeA
     if (!recipeA && recipeB) return recipeB
 
-    const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args))
+    const recipeFn = (..._args) => uncompiledStyle(recipeA.__name__ || 'recipe')
     const variantKeys = uniq(Object.keys(recipeA.variantMap), Object.keys(recipeB.variantMap))
     const variantMap = variantKeys.reduce((acc, key) => {
       acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
@@ -1195,7 +1061,7 @@ function generateRecipes(ctx, filters) {
 function generateSvaFn(ctx) {
 	return {
 		js: outdent.outdent`
-    ${ctx.file.import("compact, getRecipeIdentity, getSlotRecipes, memo, splitProps", "../helpers")}
+    ${ctx.file.import("compact, getRecipeIdentity, getSlotRecipes, memo, splitProps, uncompiledStyle", "../helpers")}
     ${ctx.file.import("cva, formatRecipeClass", "./cva")}
     ${ctx.file.import("cx", "./cx")}
 
@@ -1237,12 +1103,8 @@ function generateSvaFn(ctx) {
       // atomic and nothing else carried the name to target it in the DOM. The slot's cva is
       // now named \`name__slot\` and returns that as its base class, so joining it again
       // would just repeat it.
-      function svaFn(props) {
-        const result = slots.map(([slot, cvaFn]) => [
-          slot,
-          anchors.length && !anchors.includes(slot) ? formatRecipeClass(cvaFn.config.className) : cvaFn(props),
-        ])
-        return Object.fromEntries(result)
+      function svaFn(_props) {
+        return uncompiledStyle('sva')
       }
 
       function raw(props) {
@@ -4279,7 +4141,7 @@ var Generator = class extends _bamboocss_core.Context {
 	* Get all split CSS artifacts for the stylesheet
 	* Used when --splitting flag is enabled
 	*/
-	getSplitCssArtifacts = (sheet) => {
+	getSplitCssArtifacts = (sheet, { includeRecipes = false } = {}) => {
 		const layerNames = this.config.layers;
 		const decoder = this.decoder.collect(this.encoder);
 		const layers = [
@@ -4310,7 +4172,7 @@ var Generator = class extends _bamboocss_core.Context {
 			code: l.css
 		}));
 		const recipes = [];
-		for (const recipeName of this.recipes.keys) {
+		if (includeRecipes) for (const recipeName of this.recipes.keys) {
 			const recipeSheet = this.createSheet();
 			recipeSheet.processDecoderForRecipe(decoder, recipeName);
 			const code = recipeSheet.getLayerCss("recipes");
@@ -4334,13 +4196,18 @@ var Generator = class extends _bamboocss_core.Context {
 			});
 		}
 		const recipesIndex = recipes.map((r) => `@import './recipes/${r.file}';`).join("\n");
-		const imports = [`@layer ${[
+		const imports = [`@layer ${(includeRecipes ? [
 			layerNames.reset,
 			layerNames.base,
 			layerNames.tokens,
 			layerNames.recipes,
 			layerNames.utilities
-		].join(", ")};`, ""];
+		] : [
+			layerNames.reset,
+			layerNames.base,
+			layerNames.tokens,
+			layerNames.utilities
+		]).join(", ")};`, ""];
 		for (const layer of layers) imports.push(`@import './styles/${layer.file}';`);
 		if (recipes.length) imports.push(`@import './styles/recipes.css';`);
 		return {

package/dist/index.d.cts

@@ -208,7 +208,11 @@ declare class Generator extends Context {
    * Get all split CSS artifacts for the stylesheet
    * Used when --splitting flag is enabled
    */
-  getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
+  getSplitCssArtifacts: (sheet: Stylesheet, {
+    includeRecipes
+  }?: {
+    includeRecipes?: boolean;
+  }) => SplitCssResult;
   getSpec: () => SpecFile[];
   getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" | "themes" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }

package/dist/index.d.mts

@@ -208,7 +208,11 @@ declare class Generator extends Context {
    * Get all split CSS artifacts for the stylesheet
    * Used when --splitting flag is enabled
    */
-  getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
+  getSplitCssArtifacts: (sheet: Stylesheet, {
+    includeRecipes
+  }?: {
+    includeRecipes?: boolean;
+  }) => SplitCssResult;
   getSpec: () => SpecFile[];
   getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" | "themes" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }

package/dist/index.mjs

@@ -83,8 +83,6 @@ function generateConditions(ctx) {
 //#endregion
 //#region src/artifacts/js/css-fn.ts
 function generateCssFn(ctx) {
-	const { utility, hash, prefix } = ctx;
-	const { separator } = utility;
 	return {
 		dts: outdent`
     ${ctx.file.importType("SystemStyleObject, ViewTransitionFn", "../types/index")}
@@ -135,39 +133,12 @@ function generateCssFn(ctx) {
 
     `,
 		js: outdent`
-    ${ctx.file.import("cloneStyles, createCssUncached, hypenateProperty, memo, viewTransitionClassName, withoutSpace", "../helpers")}
-    ${ctx.file.import("sortConditions, finalizeConditions", "./conditions")}
-    ${ctx.file.import("classNameByProp", "./utilities")}
-    ${ctx.file.import("mergeCss, mergeCssUncached, resolveShorthand", "./merge-css")}
-
-    const context = {
-      ${hash.className ? "hash: true," : ""}
-      conditions: {
-        shift: sortConditions,
-        finalize: finalizeConditions,
-      },
-      utility: {
-        ${prefix.className ? "prefix: " + JSON.stringify(prefix.className) + "," : ""}
-        transform: ${utility.hasShorthand ? `(prop, value) => {
-              const key = resolveShorthand(prop)
-              const propKey = classNameByProp.get(key) || hypenateProperty(key)
-              return { className: \`$\{propKey}${separator}$\{withoutSpace(value)}\` }
-            }` : `(key, value) => ({ className: \`$\{classNameByProp.get(key) || hypenateProperty(key)}${separator}$\{withoutSpace(value)}\` })`},
-        ${utility.hasShorthand ? "hasShorthand: true," : ""}
-        toHash: ${utility.toHash},
-        resolveShorthand: ${utility.hasShorthand ? "resolveShorthand" : "prop => prop"},
-      }
-    }
+    ${ctx.file.import("cloneStyles, uncompiledStyle", "../helpers")}
+    ${ctx.file.import("mergeCss", "./merge-css")}
 
-    const cssFn = createCssUncached(context)
-    // \`createCssUncached\` and \`mergeCssUncached\` rather than their cached forms: this
-    // callback runs only when the memo above it missed, and a miss means these arguments
-    // have not been seen — so a second cache keyed on the same arguments, or on the merge
-    // derived from them, can only miss too, after paying for the lookup.
-    export const css = /* @__PURE__ */ memo((...styles) => cssFn(mergeCssUncached(...styles)))
-    // The cached merge here, since \`raw\` is called straight from user code with no memo
-    // above it. The merged result is cached and shared, so a caller mutating a nested
-    // condition object would otherwise poison it for everyone after them.
+    export const css = (..._styles) => uncompiledStyle('css')
+    // \`raw\` is a style object, not a class string. The compiler leaves it; \`css(css.raw(...))\`
+    // is what has to fold.
     css.raw = (...styles) => cloneStyles(mergeCss(...styles))
 
     // Sugar for the string form, so the feature has an import to discover, a signature to
@@ -175,10 +146,7 @@ function generateCssFn(ctx) {
     // value reaching \`css()\` is the same literal either way.
     export const fallback = (...values) => \`fallback($\{values.join(', ')})\`
 
-    // The class is the whole return value — the CSS behind it was emitted at build time
-    // from the same options, hashed by this same function. A call the extractor never saw
-    // still returns a class, exactly as \`css()\` does for a value it never saw.
-    export const viewTransition = (options) => viewTransitionClassName(options, ${JSON.stringify(prefix.className ?? "")})
+    export const viewTransition = (_options) => uncompiledStyle('viewTransition')
 
 `
 	};
@@ -284,7 +252,7 @@ function generateCvaFn(ctx) {
 	const withPrefix = prefix.className ? `(className) => className ? ${JSON.stringify(prefix.className)} + '-' + className : ${JSON.stringify(prefix.className)}` : `(className) => className`;
 	return {
 		js: outdent`
-    ${ctx.file.import("cloneStyles, compact, getRecipeClassNames, getRecipeIdentity, mergeProps, memo, splitProps, toHash, uniq", "../helpers")}
+    ${ctx.file.import("cloneStyles, compact, getRecipeIdentity, mergeProps, memo, splitProps, toHash, uniq, uncompiledStyle", "../helpers")}
     ${ctx.file.import("mergeCss", "./merge-css")}
     ${ctx.file.import("cx", "./cx")}
 
@@ -354,8 +322,8 @@ function generateCvaFn(ctx) {
       // Compound variants are absent on purpose. Their rule selects on the variant classes
       // already in this list — \`.btn--size_sm.btn--tone_a\` — so it applies without anything
       // being added here, and adding a class for it would name a rule that does not exist.
-      function cvaFn(props) {
-        return getRecipeClassNames(name, variants, getVariantProps(props), '${utility.separator}', formatRecipeClass)
+      function cvaFn(_props) {
+        return uncompiledStyle('cva')
       }
 
       const variantKeys = Object.keys(variants)
@@ -608,6 +576,18 @@ function generateHelpers() {
   export function __objRest(source, exclude) {
     return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))
   }
+
+  /**
+   * Style-producing calls compile away. Hitting this means \`@bamboocss/vite\` did not fold
+   * the call — missing plugin, a file outside \`include\`, or a shape the compiler rejects.
+   */
+  export function uncompiledStyle(name) {
+    throw new Error(
+      'bamboocss: ' +
+        name +
+        '() was not compiled. Add \`bamboocss()\` from \`@bamboocss/vite\` and import \`virtual:bamboo.css\`. See https://bamboocss.com/docs/installation/vite',
+    )
+  }
   ` };
 }
 //#endregion
@@ -726,7 +706,7 @@ function generatePattern(ctx, filters) {
 			transform,
 			defaultValues
 		})) ?? "";
-		const helperImports = ["getPatternStyles, createPatternFns, memo"];
+		const helperImports = ["getPatternStyles, createPatternFns"];
 		if (patternConfigFn.includes("__spreadValues")) helperImports.push("__spreadValues");
 		if (patternConfigFn.includes("__objRest")) helperImports.push("__objRest");
 		return {
@@ -759,8 +739,7 @@ function generatePattern(ctx, filters) {
 
      `,
 			js: outdent`
-    ${ctx.file.import(helperImports.join(", "), "../helpers")}
-    ${ctx.file.import("css", "../css/index")}
+    ${ctx.file.import([...helperImports, "uncompiledStyle"].join(", "), "../helpers")}
     ${ctx.file.import("token", "../tokens/index")}
 
     /**
@@ -780,7 +759,7 @@ function generatePattern(ctx, filters) {
       return ${baseName}Config.transform(_styles, patternHelpers)
     }
 
-    export const ${baseName} = /* @__PURE__ */ memo((styles) => css(${styleFnName}(styles)))
+    export const ${baseName} = (styles) => uncompiledStyle(${JSON.stringify(baseName)})
     ${baseName}.raw = ${styleFnName}
     `
 		};
@@ -833,55 +812,12 @@ function generateCreateRecipe(ctx) {
 		name: "create-recipe",
 		dts: "",
 		js: outdent`
-   ${ctx.file.import("finalizeConditions, sortConditions", "../css/conditions")}
-   ${ctx.file.import("assertCompoundVariant, getCompoundVariantCss", "../css/cva")}
-   ${ctx.file.import("cx", "../css/cx")}
-   ${ctx.file.import("compact, createCssUncached, getRecipeClassNames, splitProps, toHash, uniq, withoutSpace", "../helpers")}
+   ${ctx.file.import(hash.className ? "compact, splitProps, toHash, uniq, uncompiledStyle" : "compact, splitProps, uniq, uncompiledStyle", "../helpers")}
 
-   /**
-    * What \`createCss\` does to a class name: prefix it, and hash it when \`hash.className\`
-    * is set.
-    *
-    * A slot that takes variants gets this for free, because its classes come from
-    * \`createCss\`. A *scoped* slot's class never goes through it — it is a constant — so it
-    * has to be formatted here or the runtime hands back a raw name while the stylesheet
-    * emits the rule under a hashed one, and the slot renders unstyled.
-    */
    const withPrefix = ${prefix.className ? `(className) => className ? ${JSON.stringify(prefix.className)} + '-' + className : ${JSON.stringify(prefix.className)}` : `(className) => className`}
    export const formatRecipeClass = ${hash.className ? `(className) => withPrefix((${utility.toHash})([className], toHash))` : `withPrefix`}
 
-   export const createRecipe = (name, defaultVariants, compoundVariants, variantMap) => {
-    /**
-     * \`variantMap\` as \`getRecipeClassNames\` wants it — value *keys* rather than a list.
-     *
-     * Built once per recipe at module init. The lookup needs \`Object.hasOwn\`, and an array
-     * answers that for its indices rather than its contents, so a list cannot be passed
-     * straight through.
-     */
-    const variantValues = variantMap
-      ? Object.fromEntries(
-          Object.entries(variantMap).map(([variant, values]) => [
-            variant,
-            Object.fromEntries(values.map((value) => [value, true])),
-          ]),
-        )
-      : undefined
-
-    /**
-     * Whether every selected value is a plain scalar, and so nameable without \`createCss\`.
-     *
-     * \`typeof value === 'object'\` covers a conditional value like \`{ base: 'sm', md: 'lg' }\`,
-     * whose classes carry condition prefixes only \`createCss\` can build. It also catches
-     * \`null\`, which \`compact\` keeps — that goes to the path below and comes out as it did
-     * before, since \`createCss\` names no class for a null value either.
-     */
-    const isScalarSelection = (declared) => {
-      for (const key in declared) {
-        if (typeof declared[key] === 'object') return false
-      }
-      return true
-    }
-
+   export const createRecipe = (name, defaultVariants, _compoundVariants, _variantMap) => {
     const getVariantProps = (variants) => {
       return {
         [name]: '__ignore__',
@@ -890,82 +826,12 @@ function generateCreateRecipe(ctx) {
       };
     };
 
-     const recipeFn = (variants) => {
-      const declaredProps = getVariantProps(variants)
-
-      // A scalar selection names its classes by lookup: the recipe's own class plus one per
-      // selected variant, which is all \`createCss\` was deriving here. Measured at 4.1x the
-      // \`createCss\` path on a three-variant recipe. The gain is on a \`memo\` miss — the first
-      // call for each variant combination — since a hit never reaches this at all.
-      //
-      // Compound variants stay absent, as they are on the path below: their rule selects on the
-      // variant classes already named, so it applies without one of its own.
-      if (variantValues && isScalarSelection(declaredProps)) {
-        return getRecipeClassNames(name, variantValues, declaredProps, '${utility.separator}', formatRecipeClass)
-      }
-
-      const transform = (prop, value) => {
-        assertCompoundVariant(name, compoundVariants, variants, prop)
-
-         if (value === '__ignore__') {
-           return { className: name }
-         }
-
-         value = withoutSpace(value)
-         return { className: \`\${name}--\${prop}${utility.separator}\${value}\` }
-      }
-
-      // Uncached: this runs *inside* \`recipeFn\`, which is itself memoized, so the cache a
-      // cached \`createCss\` would build here is constructed fresh per call and used once.
-      const recipeCss = createCssUncached({
-        ${hash.className ? "hash: true," : ""}
-        conditions: {
-          shift: sortConditions,
-          finalize: finalizeConditions,
-        },
-        utility: {
-          ${prefix.className ? "prefix: " + JSON.stringify(prefix.className) + "," : ""}
-          toHash: ${utility.toHash},
-          transform,
-        }
-      })
-
-      // Only what the config declares names a class.
-      //
-      // Without this the transform named one for *any* prop it was handed — the build emits
-      // rules only for declared values, so the element carried a class nothing backed. It also
-      // disagreed with \`cva\`, which skips an undeclared value, leaving the two recipe kinds
-      // with different class strings for the same call.
-      //
-      // Filtered here rather than in \`getVariantProps\`, which is public and is what compound
-      // variants are matched against.
-      const declared = declaredProps
-      const recipeStyles = variantMap
-        ? Object.fromEntries(
-            Object.entries(declared).filter(([prop, value]) => {
-              if (prop === name) return true
-              // A conditional or responsive value is an object of leaves, and the leaves are
-              // what name classes: createCss walks them and calls transform per condition.
-              // Only a scalar can be judged here.
-              if (value === null || typeof value === 'object') return true
-              return Object.hasOwn(variantMap, prop) && variantMap[prop].includes(String(value))
-            }),
-          )
-        : declared
-
-      // No class for the compound variants. Their rule selects on the variant classes
-      // \`recipeCss\` just named — \`.btn--size_sm.btn--tone_a\` — so it applies on its own,
-      // and it is in the same layer as the rest of the recipe rather than atomically in
-      // \`utilities\` above it.
-      return recipeCss(recipeStyles)
-     }
+     const recipeFn = (_variants) => uncompiledStyle(name)
 
       return {
         recipeFn,
         getVariantProps,
-        __getCompoundVariantCss__: (variants) => {
-          return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-        },
+        __getCompoundVariantCss__: (_variants) => uncompiledStyle(name),
       }
    }
 
@@ -973,7 +839,7 @@ function generateCreateRecipe(ctx) {
     if (recipeA && !recipeB) return recipeA
     if (!recipeA && recipeB) return recipeB
 
-    const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args))
+    const recipeFn = (..._args) => uncompiledStyle(recipeA.__name__ || 'recipe')
     const variantKeys = uniq(Object.keys(recipeA.variantMap), Object.keys(recipeB.variantMap))
     const variantMap = variantKeys.reduce((acc, key) => {
       acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
@@ -1169,7 +1035,7 @@ function generateRecipes(ctx, filters) {
 function generateSvaFn(ctx) {
 	return {
 		js: outdent`
-    ${ctx.file.import("compact, getRecipeIdentity, getSlotRecipes, memo, splitProps", "../helpers")}
+    ${ctx.file.import("compact, getRecipeIdentity, getSlotRecipes, memo, splitProps, uncompiledStyle", "../helpers")}
     ${ctx.file.import("cva, formatRecipeClass", "./cva")}
     ${ctx.file.import("cx", "./cx")}
 
@@ -1211,12 +1077,8 @@ function generateSvaFn(ctx) {
       // atomic and nothing else carried the name to target it in the DOM. The slot's cva is
       // now named \`name__slot\` and returns that as its base class, so joining it again
       // would just repeat it.
-      function svaFn(props) {
-        const result = slots.map(([slot, cvaFn]) => [
-          slot,
-          anchors.length && !anchors.includes(slot) ? formatRecipeClass(cvaFn.config.className) : cvaFn(props),
-        ])
-        return Object.fromEntries(result)
+      function svaFn(_props) {
+        return uncompiledStyle('sva')
       }
 
       function raw(props) {
@@ -4253,7 +4115,7 @@ var Generator = class extends Context {
 	* Get all split CSS artifacts for the stylesheet
 	* Used when --splitting flag is enabled
 	*/
-	getSplitCssArtifacts = (sheet) => {
+	getSplitCssArtifacts = (sheet, { includeRecipes = false } = {}) => {
 		const layerNames = this.config.layers;
 		const decoder = this.decoder.collect(this.encoder);
 		const layers = [
@@ -4284,7 +4146,7 @@ var Generator = class extends Context {
 			code: l.css
 		}));
 		const recipes = [];
-		for (const recipeName of this.recipes.keys) {
+		if (includeRecipes) for (const recipeName of this.recipes.keys) {
 			const recipeSheet = this.createSheet();
 			recipeSheet.processDecoderForRecipe(decoder, recipeName);
 			const code = recipeSheet.getLayerCss("recipes");
@@ -4308,13 +4170,18 @@ var Generator = class extends Context {
 			});
 		}
 		const recipesIndex = recipes.map((r) => `@import './recipes/${r.file}';`).join("\n");
-		const imports = [`@layer ${[
+		const imports = [`@layer ${(includeRecipes ? [
 			layerNames.reset,
 			layerNames.base,
 			layerNames.tokens,
 			layerNames.recipes,
 			layerNames.utilities
-		].join(", ")};`, ""];
+		] : [
+			layerNames.reset,
+			layerNames.base,
+			layerNames.tokens,
+			layerNames.utilities
+		]).join(", ")};`, ""];
 		for (const layer of layers) imports.push(`@import './styles/${layer.file}';`);
 		if (recipes.length) imports.push(`@import './styles/recipes.css';`);
 		return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/generator",
-  "version": "1.46.3",
+  "version": "1.47.0",
   "description": "The css generator for css bamboo",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -38,12 +38,12 @@
     "pluralize": "8.0.0",
     "postcss": "8.5.26",
     "ts-pattern": "5.9.0",
-    "@bamboocss/core": "1.46.3",
-    "@bamboocss/is-valid-prop": "^1.46.3",
-    "@bamboocss/logger": "1.46.3",
-    "@bamboocss/shared": "1.46.3",
-    "@bamboocss/token-dictionary": "1.46.3",
-    "@bamboocss/types": "1.46.3"
+    "@bamboocss/core": "1.47.0",
+    "@bamboocss/is-valid-prop": "^1.47.0",
+    "@bamboocss/logger": "1.47.0",
+    "@bamboocss/shared": "1.47.0",
+    "@bamboocss/token-dictionary": "1.47.0",
+    "@bamboocss/types": "1.47.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"