@bamboocss/generator 1.34.1 → 1.35.1

package/dist/index.cjs

@@ -111,7 +111,6 @@ function generateConditions(ctx) {
 function generateCssFn(ctx) {
 	const { utility, hash, prefix } = ctx;
 	const { separator } = utility;
-	const leafFallback = ctx.config.leafFallback ?? true;
 	return {
 		dts: outdent.outdent`
     ${ctx.file.importType("SystemStyleObject, ViewTransitionFn", "../types/index")}
@@ -160,14 +159,9 @@ function generateCssFn(ctx) {
      */
     export declare const viewTransition: ViewTransitionFn;
 
-    /**
-     * Internal. Emitted for the source transform, which rewrites a single dynamic style
-     * leaf into a call to this. Not part of the authoring API.
-     */
-    export declare const cssLeaf: (prefix: string, prop: string, value: unknown) => string;
     `,
 		js: outdent.outdent`
-    ${ctx.file.import("cloneStyles, createCssUncached, hypenateProperty, leafClass, memo, viewTransitionClassName, withoutSpace", "../helpers")}
+    ${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")}
@@ -202,26 +196,6 @@ function generateCssFn(ctx) {
     // condition object would otherwise poison it for everyone after them.
     css.raw = (...styles) => cloneStyles(mergeCss(...styles))
 
-
-    // Emitted for the source transform, which rewrites a single dynamic style leaf into a
-    // call to this rather than leaving a \`css()\` behind. \`prefix\` is the class up to the
-    // value, resolved at build time; \`prop\` names the property for the shapes \`leafClass\`
-    // declines.
-    ${leafFallback ? `export const cssLeaf = (prefix, prop, value) => {
-      const className = leafClass(prefix, value)
-      return className === undefined ? css({ [prop]: value }) : className
-    }` : `export const cssLeaf = (prefix, prop, value) => {
-      const className = leafClass(prefix, value)
-      if (className === undefined) {
-        throw new Error(
-          \`[bamboocss] \\\`\${prop}\\\` got a \${Array.isArray(value) ? 'responsive array' : 'condition object'} from a \` +
-            \`runtime value, and \\\`leafFallback\\\` is off. Write the conditions as a literal at the call site, so \` +
-            \`the build resolves each branch, or set \\\`leafFallback: true\\\` to keep the runtime.\`,
-        )
-      }
-      return className
-    }`}
-
     // Sugar for the string form, so the feature has an import to discover, a signature to
     // hover and a name the editor can complete. The extractor evaluates the call, so the
     // value reaching \`css()\` is the same literal either way.
@@ -240,9 +214,8 @@ function generateCssFn(ctx) {
 /**
 * `mergeCss` and friends, plus the shorthand table they need.
 *
-* Split out of `css.mjs` because `cva` needs the merge and nothing else. While it lived
-* there, `cva` imported `createCss`, `cssLeaf`, `viewTransition` and the rest of the engine
-* to reach one function.
+* Split out of `css.mjs` because `cva` needs the merge and nothing else. Keeping it separate
+* prevents recipe-only imports from reaching the class-naming engine.
 *
 * The shorthand table lives here rather than beside the class names, and that is the second
 * half of the same problem. `cva` reaches `mergeCss` through `raw()` and `merge()` — both
@@ -253,8 +226,7 @@ function generateCssFn(ctx) {
 *
 * Separating them costs about 402 B gzipped in a bundle that still calls `css()` at runtime,
 * because the two halves share every property name and each now spells the list. That is the
-* trade, and it is the right way round: a `css()` call surviving to runtime already costs
-* 1,684 B for the engine behind it, and `failOnUnfolded` exists to drive that count to zero.
+* trade, and it is the right way round: the Vite compiler removes authored runtime calls.
 *
 * Nothing here reaches the `styled-system/css` barrel. `css.raw(...)` is the authoring API
 * for merging style objects, and it is `mergeCss` plus the defensive clone that makes a
@@ -565,22 +537,15 @@ const declaration = outdent.default`
    export declare function cx(...args: Argument[]): string
 
    /**
-    * Pick a recipe variant's class for a value only known at runtime.
-    *
-    * Emitted by the build when it folds an inline recipe call whose selection it could not
-    * fully resolve — \`badge({ tone })\` becomes \`"badge" + cvaPick(tone, { … }, " badge--tone_a")\`.
-    * Written by the transform, not by hand.
-    *
-    * The three cases are the ones \`cva\` itself distinguishes: \`undefined\` means the property
-    * was never passed, so the recipe's default applies; a value the config declares selects
-    * its class; anything else — including \`null\`, which \`compact\` deliberately keeps — selects
-    * nothing, exactly as \`getRecipeClassNames\` skips a value it cannot find.
+    * Select a complete build-precompiled recipe StyleSet from a reduced decision table.
+    * Written by the source transform, not by hand.
     */
-   export declare function cvaPick(
-     value: unknown,
-     classNameByValue: Record<string, string>,
-     fallback?: string,
-   ): string
+   export declare function cvaMap(
+     values: unknown[],
+     nodes: Array<[unknown, unknown, unknown[]]>,
+     leaves: unknown[],
+     root: number,
+   ): unknown
 
    /**
     * Split a props object into the listed keys and everything else.
@@ -616,18 +581,39 @@ function generateCx(ctx) {
     return str
   }
 
-  // \`hasOwn\`, not a plain lookup: the table is an object literal, so \`cvaPick(v, t)\` with
-  // \`v\` of "toString" or "constructor" would otherwise find the prototype's method and
-  // concatenate a function into the class attribute. See the declaration for the cases.
-  const cvaPick = (value, classNameByValue, fallback = '') => {
-    if (value === undefined) return fallback
-    // \`null\` before the lookup, because \`getRecipeClassNames\` rejects it on \`value == null\`
-    // and a config may genuinely declare a variant value spelled "null".
-    if (value === null) return ''
-    return Object.hasOwn(classNameByValue, value) ? classNameByValue[value] : ''
+  // Each node is [miss, undefined, [key, child, key, child, ...]]. Children are either
+  // another non-negative node index or a negative leaf reference. Arrays avoid object-literal
+  // \`__proto__\` semantics, while string coercion matches a recipe's property lookup.
+  const cvaMap = (values, nodes, leaves, root) => {
+    let current = root
+    for (let i = 0; i < values.length && current >= 0; i++) {
+      const node = nodes[current]
+      if (!node) return ''
+
+      const value = values[i]
+      if (value === undefined) {
+        current = node[1]
+        continue
+      }
+      if (value === null) {
+        current = node[0]
+        continue
+      }
+
+      const key = String(value)
+      const entries = node[2]
+      let next = node[0]
+      for (let j = 0; j < entries.length; j += 2) {
+        if (entries[j] !== key) continue
+        next = entries[j + 1]
+        break
+      }
+      current = next
+    }
+    return current < 0 ? (leaves[~current] ?? '') : ''
   }
 
-  export { cx, cvaPick, splitProps }
+  export { cx, cvaMap, splitProps }
 `,
 		dts: declaration
 	};
@@ -2286,7 +2272,7 @@ var comments = {
 var content$4 = "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty; description?: string }\n  | { type: 'enum'; value: string[]; description?: string }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty; description?: string }\n  | { type: 'string' | 'boolean' | 'number'; description?: string }\n\nexport interface PatternHelpers {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n  /**\n   * The css variable reference for a token path, or `fallback` when the path names no token.\n   *\n   * `token('spacing.4', '4')` is `var(--spacing-4)` where that token exists and `'4'` where it\n   * does not — so a pattern can accept either a token name or a raw css value without knowing\n   * the theme.\n   */\n  token: (path: string, fallback?: string) => string | undefined\n  isCssUnit: (value: any) => boolean\n  isCssVar: (value: any) => boolean\n  isCssFunction: (value: any) => boolean\n}\n\nexport interface PatternProperties {\n  [key: string]: PatternProperty\n}\n\ntype InferProps<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternDefaultValue<T> = Partial<InferProps<T>>\n\nexport type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>\n\nexport interface PatternConfig<T extends PatternProperties = PatternProperties> {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The default values of the pattern.\n   */\n  defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * Whether the pattern is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * Which css properties this pattern accepts alongside its own `properties`.\n   *\n   * - `all` accepts any css property.\n   * - `none` accepts only the pattern's declared `properties`.\n   * - `{ except }` accepts any css property but the ones listed.\n   *\n   * One option because these were two — `strict: true` for \"none\" and an `@experimental`\n   * `blocklist` for \"all but these\" — and the pair had an unrepresentable combination that\n   * silently did nothing: the blocklist is applied only to the type that lists css\n   * properties, which `strict: true` does not emit, so setting both dropped the blocklist.\n   *\n   * Types only. Nothing strips a blocked property at runtime — one passed anyway reaches\n   * `transform` and emits css.\n   *\n   * @default 'all'\n   */\n  cssProps?: 'all' | 'none' | { except: LiteralUnion<CssProperty>[] }\n}\n";
 //#endregion
 //#region src/artifacts/generated/recipe.d.ts.json
-var content$3 = "import type { RecipeRule } from './static-css'\nimport type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types'\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\n/**\n * Extract the variant as optional props from a `cva` function.\n * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.\n */\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\n/**\n * Extract the variants from a `cva` function.\n */\nexport type RecipeVariant<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The prefix every class this recipe emits is built from — `button` gives `button` for\n   * the base styles and `button--size_sm` for a variant.\n   *\n   * Required for a recipe declared in `theme.recipes`, where it is the key it is declared\n   * under. Optional for an inline `cva`, which is otherwise named by hashing its own\n   * config: `cva_a1b2c3--size_sm`. Setting it buys readable class names and nothing else —\n   * the CSS is identical either way.\n   *\n   * It has to be unique across every recipe in the build. Two recipes sharing a name emit\n   * rules under the same selectors, and the later one wins for any variant they both\n   * declare.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Variants to pre-generate, will be include in the final `config.staticCss`\n   */\n  staticCss?: RecipeRule[]\n}\n\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>, RecipeConfigMeta {\n  /** Optional on `RecipeDefinition`, where an inline `cva` falls back to hashing its config. A recipe declared in `theme.recipes` always has one — the key it is declared under. */\n  className: string\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<\n  S extends string,\n  T extends SlotRecipeVariantRecord<S>,\n> extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  /** The config this recipe was created from. */\n  config: SlotRecipeDefinition<S, T>\n  /** Each slot's constant class, for targeting a slot in the DOM. */\n  classNameMap: Partial<Record<S, string>>\n  /**\n   * Which slots each variant writes styles for.\n   *\n   * A variant's styles reach a slot through a scope opened at an anchor, which covers every\n   * slot in that anchor's subtree. A slot under no anchor — moved out by a portal, with no\n   * second anchor named in `scopeRoots` — is not reached, and nothing at build time can\n   * detect that. This says which slots a variant has to get to, so whatever a scope cannot\n   * reach can be threaded by hand.\n   */\n  slotsAffectedBy: Record<keyof T, S[]>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> {\n  /**\n   * The prefix every class this recipe emits is built from, and the name to target its\n   * slots in the DOM by — `checkbox` gives `checkbox__control` for a slot and\n   * `checkbox__control--size_md` for that slot under a variant.\n   *\n   * Required for a recipe declared in `theme.slotRecipes`, where it is the key it is\n   * declared under. Optional for an inline `sva`, which is otherwise named by hashing its\n   * own config. Setting it buys readable class names and nothing else — the CSS is\n   * identical either way.\n   *\n   * It has to be unique across every recipe in the build.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The slots that enclose other slots, used to scope their variant styles.\n   *\n   * A slot recipe's variants are chosen once, at the top, but the slots that react to them\n   * are authored by the consumer somewhere below. Naming the enclosing slots lets the build\n   * emit their variant styles as rules scoped by a class those slots already carry, so\n   * nothing has to be delivered to a slot at runtime and every other slot's class is a\n   * constant.\n   *\n   * A list, because a portal is a real discontinuity in the tree and no CSS mechanism\n   * crosses one. A `<Select>` occupies two disjoint subtrees — the trigger side under\n   * `root`, the listbox side under a portaled `positioner` — and a variant writes styles\n   * into both. One anchor can only ever reach one of them.\n   *\n   * ```ts\n   * scopeRoots: ['root', 'positioner']\n   * ```\n   *\n   * Each named slot takes variant props; every other slot's class is a constant. The build\n   * emits each non-anchor slot's variant rules under *every* anchor, and only the anchor\n   * that is genuinely an ancestor matches — so the DOM shape never has to be declared.\n   *\n   * Defaults to `['root']` when a slot by that name exists. Set `[]` to turn scoping off\n   * and give every slot a variant class of its own, which is what a recipe whose slots are\n   * siblings wants.\n   *\n   * A slot under *no* anchor is still unreachable, and nothing at build time can detect\n   * that — reachability is a fact about the DOM. `recipe.slotsAffectedBy` says which slots\n   * a variant writes to, for whatever still needs threading by hand.\n   */\n  scopeRoots?: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> &\n  RecipeConfigMeta & {\n    /** Optional on `SlotRecipeDefinition`, where an inline `sva` falls back to hashing its config. A recipe declared in `theme.slotRecipes` always has one — the key it is declared under. */\n    className: string\n  }\n";
+var content$3 = "import type { RecipeRule } from './static-css'\nimport type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types'\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\n/**\n * Extract the variant as optional props from a `cva` function.\n * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.\n */\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\n/**\n * Extract the variants from a `cva` function.\n */\nexport type RecipeVariant<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * Semantic recipe name used by extraction-only integrations.\n   *\n   * Required for a recipe declared in `theme.recipes`, where it is the key it is declared\n   * under. Optional for an inline `cva`.\n   *\n   * The Vite compiler ignores this field when allocating declaration atoms: recipe identity\n   * is not style identity, so identical declarations share one class across recipes.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Variants to pre-generate, will be include in the final `config.staticCss`\n   */\n  staticCss?: RecipeRule[]\n}\n\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>, RecipeConfigMeta {\n  /**\n   * Required extraction metadata for a configured recipe: the key under which it is\n   * declared in `theme.recipes`. The Vite compiler does not use it as style identity.\n   */\n  className: string\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<\n  S extends string,\n  T extends SlotRecipeVariantRecord<S>,\n> extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  /** The config this recipe was created from. */\n  config: SlotRecipeDefinition<S, T>\n  /** Each slot's constant class, for targeting a slot in the DOM. */\n  classNameMap: Partial<Record<S, string>>\n  /**\n   * Which slots each variant writes styles for.\n   *\n   * A variant's styles reach a slot through a scope opened at an anchor, which covers every\n   * slot in that anchor's subtree. A slot under no anchor — moved out by a portal, with no\n   * second anchor named in `scopeRoots` — is not reached, and nothing at build time can\n   * detect that. This says which slots a variant has to get to, so whatever a scope cannot\n   * reach can be threaded by hand.\n   */\n  slotsAffectedBy: Record<keyof T, S[]>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> {\n  /**\n   * Semantic recipe name used by extraction-only integrations.\n   *\n   * Required for a recipe declared in `theme.slotRecipes`, where it is the key it is\n   * declared under. Optional for an inline `sva`.\n   *\n   * The Vite compiler ignores this field when allocating declaration atoms: recipe and slot\n   * identity do not enter generated class names.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The slots that enclose other slots in extraction-only named-rule output.\n   *\n   * The Vite compiler returns selected atoms directly for every slot and ignores this field.\n   * In extraction-only output, a slot recipe's variants are chosen once at the top, but the slots that react to them\n   * are authored by the consumer somewhere below. Naming the enclosing slots lets the build\n   * emit their variant styles as rules scoped by a class those slots already carry, so\n   * nothing has to be delivered to a slot at runtime and every other slot's class is a\n   * constant.\n   *\n   * A list, because a portal is a real discontinuity in the tree and no CSS mechanism\n   * crosses one. A `<Select>` occupies two disjoint subtrees — the trigger side under\n   * `root`, the listbox side under a portaled `positioner` — and a variant writes styles\n   * into both. One anchor can only ever reach one of them.\n   *\n   * ```ts\n   * scopeRoots: ['root', 'positioner']\n   * ```\n   *\n   * Each named slot takes variant props; every other slot's class is a constant. The build\n   * emits each non-anchor slot's variant rules under *every* anchor, and only the anchor\n   * that is genuinely an ancestor matches — so the DOM shape never has to be declared.\n   *\n   * Defaults to `['root']` when a slot by that name exists. Set `[]` to turn scoping off\n   * and give every slot a variant class of its own, which is what a recipe whose slots are\n   * siblings wants.\n   *\n   * A slot under *no* anchor is still unreachable, and nothing at build time can detect\n   * that — reachability is a fact about the DOM. `recipe.slotsAffectedBy` says which slots\n   * a variant writes to, for whatever still needs threading by hand.\n   */\n  scopeRoots?: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> &\n  RecipeConfigMeta & {\n    /**\n     * Required extraction metadata for a configured recipe: the key under which it is\n     * declared in `theme.slotRecipes`. The Vite compiler does not use it as style identity.\n     */\n    className: string\n  }\n";
 //#endregion
 //#region src/artifacts/generated/selectors.d.ts.json
 var content$2 = "import type { Pseudos } from './csstype'\n\ntype AriaAttributes =\n  | '[aria-disabled]'\n  | '[aria-hidden]'\n  | '[aria-invalid]'\n  | '[aria-readonly]'\n  | '[aria-required]'\n  | '[aria-selected]'\n  | '[aria-checked]'\n  | '[aria-expanded]'\n  | '[aria-pressed]'\n  | `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`\n  | '[aria-invalid]'\n  | `[aria-sort=${'ascending' | 'descending'}]`\n\ntype DataAttributes =\n  | '[data-selected]'\n  | '[data-highlighted]'\n  | '[data-hover]'\n  | '[data-active]'\n  | '[data-checked]'\n  | '[data-disabled]'\n  | '[data-readonly]'\n  | '[data-focus]'\n  | '[data-focus-visible]'\n  | '[data-focus-visible-added]'\n  | '[data-invalid]'\n  | '[data-pressed]'\n  | '[data-expanded]'\n  | '[data-grabbed]'\n  | '[data-dragged]'\n  | '[data-orientation=horizontal]'\n  | '[data-orientation=vertical]'\n  | '[data-in-range]'\n  | '[data-out-of-range]'\n  | '[data-placeholder-shown]'\n  | `[data-part=${string}]`\n  | `[data-attr=${string}]`\n  | `[data-placement=${string}]`\n  | `[data-theme=${string}]`\n  | `[data-size=${string}]`\n  | `[data-state=${string}]`\n  | '[data-empty]'\n  | '[data-loading]'\n  | '[data-loaded]'\n  | '[data-enter]'\n  | '[data-entering]'\n  | '[data-exited]'\n  | '[data-exiting]'\n\ntype AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`\ntype ParentSelector = `${DataAttributes | AriaAttributes} &`\n\ntype AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'\n\nexport type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`\nexport type Selectors = AttributeSelector | ParentSelector\n";
@@ -3248,8 +3234,7 @@ function setupCssIndex(ctx) {
   // during the bundler's transform and never typechecked, so a declaration here would buy
   // nothing but an autocomplete entry advertising them as API. Each stays fully typed in
   // the module that defines it, for anyone deep-importing on purpose.
-  ${ctx.file.reExport("cssLeaf", "./css")}
-  ${ctx.file.reExport("cvaPick, splitProps", "./cx")}
+  ${ctx.file.reExport("cvaMap, splitProps", "./cx")}
  `,
 		dts: outdent.default`
   ${ctx.file.reExportDts("css, fallback, viewTransition", "./css")}

package/dist/index.mjs

@@ -85,7 +85,6 @@ function generateConditions(ctx) {
 function generateCssFn(ctx) {
 	const { utility, hash, prefix } = ctx;
 	const { separator } = utility;
-	const leafFallback = ctx.config.leafFallback ?? true;
 	return {
 		dts: outdent`
     ${ctx.file.importType("SystemStyleObject, ViewTransitionFn", "../types/index")}
@@ -134,14 +133,9 @@ function generateCssFn(ctx) {
      */
     export declare const viewTransition: ViewTransitionFn;
 
-    /**
-     * Internal. Emitted for the source transform, which rewrites a single dynamic style
-     * leaf into a call to this. Not part of the authoring API.
-     */
-    export declare const cssLeaf: (prefix: string, prop: string, value: unknown) => string;
     `,
 		js: outdent`
-    ${ctx.file.import("cloneStyles, createCssUncached, hypenateProperty, leafClass, memo, viewTransitionClassName, withoutSpace", "../helpers")}
+    ${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")}
@@ -176,26 +170,6 @@ function generateCssFn(ctx) {
     // condition object would otherwise poison it for everyone after them.
     css.raw = (...styles) => cloneStyles(mergeCss(...styles))
 
-
-    // Emitted for the source transform, which rewrites a single dynamic style leaf into a
-    // call to this rather than leaving a \`css()\` behind. \`prefix\` is the class up to the
-    // value, resolved at build time; \`prop\` names the property for the shapes \`leafClass\`
-    // declines.
-    ${leafFallback ? `export const cssLeaf = (prefix, prop, value) => {
-      const className = leafClass(prefix, value)
-      return className === undefined ? css({ [prop]: value }) : className
-    }` : `export const cssLeaf = (prefix, prop, value) => {
-      const className = leafClass(prefix, value)
-      if (className === undefined) {
-        throw new Error(
-          \`[bamboocss] \\\`\${prop}\\\` got a \${Array.isArray(value) ? 'responsive array' : 'condition object'} from a \` +
-            \`runtime value, and \\\`leafFallback\\\` is off. Write the conditions as a literal at the call site, so \` +
-            \`the build resolves each branch, or set \\\`leafFallback: true\\\` to keep the runtime.\`,
-        )
-      }
-      return className
-    }`}
-
     // Sugar for the string form, so the feature has an import to discover, a signature to
     // hover and a name the editor can complete. The extractor evaluates the call, so the
     // value reaching \`css()\` is the same literal either way.
@@ -214,9 +188,8 @@ function generateCssFn(ctx) {
 /**
 * `mergeCss` and friends, plus the shorthand table they need.
 *
-* Split out of `css.mjs` because `cva` needs the merge and nothing else. While it lived
-* there, `cva` imported `createCss`, `cssLeaf`, `viewTransition` and the rest of the engine
-* to reach one function.
+* Split out of `css.mjs` because `cva` needs the merge and nothing else. Keeping it separate
+* prevents recipe-only imports from reaching the class-naming engine.
 *
 * The shorthand table lives here rather than beside the class names, and that is the second
 * half of the same problem. `cva` reaches `mergeCss` through `raw()` and `merge()` — both
@@ -227,8 +200,7 @@ function generateCssFn(ctx) {
 *
 * Separating them costs about 402 B gzipped in a bundle that still calls `css()` at runtime,
 * because the two halves share every property name and each now spells the list. That is the
-* trade, and it is the right way round: a `css()` call surviving to runtime already costs
-* 1,684 B for the engine behind it, and `failOnUnfolded` exists to drive that count to zero.
+* trade, and it is the right way round: the Vite compiler removes authored runtime calls.
 *
 * Nothing here reaches the `styled-system/css` barrel. `css.raw(...)` is the authoring API
 * for merging style objects, and it is `mergeCss` plus the defensive clone that makes a
@@ -539,22 +511,15 @@ const declaration = outdent$1`
    export declare function cx(...args: Argument[]): string
 
    /**
-    * Pick a recipe variant's class for a value only known at runtime.
-    *
-    * Emitted by the build when it folds an inline recipe call whose selection it could not
-    * fully resolve — \`badge({ tone })\` becomes \`"badge" + cvaPick(tone, { … }, " badge--tone_a")\`.
-    * Written by the transform, not by hand.
-    *
-    * The three cases are the ones \`cva\` itself distinguishes: \`undefined\` means the property
-    * was never passed, so the recipe's default applies; a value the config declares selects
-    * its class; anything else — including \`null\`, which \`compact\` deliberately keeps — selects
-    * nothing, exactly as \`getRecipeClassNames\` skips a value it cannot find.
+    * Select a complete build-precompiled recipe StyleSet from a reduced decision table.
+    * Written by the source transform, not by hand.
     */
-   export declare function cvaPick(
-     value: unknown,
-     classNameByValue: Record<string, string>,
-     fallback?: string,
-   ): string
+   export declare function cvaMap(
+     values: unknown[],
+     nodes: Array<[unknown, unknown, unknown[]]>,
+     leaves: unknown[],
+     root: number,
+   ): unknown
 
    /**
     * Split a props object into the listed keys and everything else.
@@ -590,18 +555,39 @@ function generateCx(ctx) {
     return str
   }
 
-  // \`hasOwn\`, not a plain lookup: the table is an object literal, so \`cvaPick(v, t)\` with
-  // \`v\` of "toString" or "constructor" would otherwise find the prototype's method and
-  // concatenate a function into the class attribute. See the declaration for the cases.
-  const cvaPick = (value, classNameByValue, fallback = '') => {
-    if (value === undefined) return fallback
-    // \`null\` before the lookup, because \`getRecipeClassNames\` rejects it on \`value == null\`
-    // and a config may genuinely declare a variant value spelled "null".
-    if (value === null) return ''
-    return Object.hasOwn(classNameByValue, value) ? classNameByValue[value] : ''
+  // Each node is [miss, undefined, [key, child, key, child, ...]]. Children are either
+  // another non-negative node index or a negative leaf reference. Arrays avoid object-literal
+  // \`__proto__\` semantics, while string coercion matches a recipe's property lookup.
+  const cvaMap = (values, nodes, leaves, root) => {
+    let current = root
+    for (let i = 0; i < values.length && current >= 0; i++) {
+      const node = nodes[current]
+      if (!node) return ''
+
+      const value = values[i]
+      if (value === undefined) {
+        current = node[1]
+        continue
+      }
+      if (value === null) {
+        current = node[0]
+        continue
+      }
+
+      const key = String(value)
+      const entries = node[2]
+      let next = node[0]
+      for (let j = 0; j < entries.length; j += 2) {
+        if (entries[j] !== key) continue
+        next = entries[j + 1]
+        break
+      }
+      current = next
+    }
+    return current < 0 ? (leaves[~current] ?? '') : ''
   }
 
-  export { cx, cvaPick, splitProps }
+  export { cx, cvaMap, splitProps }
 `,
 		dts: declaration
 	};
@@ -2260,7 +2246,7 @@ var comments = {
 var content$4 = "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty; description?: string }\n  | { type: 'enum'; value: string[]; description?: string }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty; description?: string }\n  | { type: 'string' | 'boolean' | 'number'; description?: string }\n\nexport interface PatternHelpers {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n  /**\n   * The css variable reference for a token path, or `fallback` when the path names no token.\n   *\n   * `token('spacing.4', '4')` is `var(--spacing-4)` where that token exists and `'4'` where it\n   * does not — so a pattern can accept either a token name or a raw css value without knowing\n   * the theme.\n   */\n  token: (path: string, fallback?: string) => string | undefined\n  isCssUnit: (value: any) => boolean\n  isCssVar: (value: any) => boolean\n  isCssFunction: (value: any) => boolean\n}\n\nexport interface PatternProperties {\n  [key: string]: PatternProperty\n}\n\ntype InferProps<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternDefaultValue<T> = Partial<InferProps<T>>\n\nexport type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>\n\nexport interface PatternConfig<T extends PatternProperties = PatternProperties> {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The default values of the pattern.\n   */\n  defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * Whether the pattern is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * Which css properties this pattern accepts alongside its own `properties`.\n   *\n   * - `all` accepts any css property.\n   * - `none` accepts only the pattern's declared `properties`.\n   * - `{ except }` accepts any css property but the ones listed.\n   *\n   * One option because these were two — `strict: true` for \"none\" and an `@experimental`\n   * `blocklist` for \"all but these\" — and the pair had an unrepresentable combination that\n   * silently did nothing: the blocklist is applied only to the type that lists css\n   * properties, which `strict: true` does not emit, so setting both dropped the blocklist.\n   *\n   * Types only. Nothing strips a blocked property at runtime — one passed anyway reaches\n   * `transform` and emits css.\n   *\n   * @default 'all'\n   */\n  cssProps?: 'all' | 'none' | { except: LiteralUnion<CssProperty>[] }\n}\n";
 //#endregion
 //#region src/artifacts/generated/recipe.d.ts.json
-var content$3 = "import type { RecipeRule } from './static-css'\nimport type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types'\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\n/**\n * Extract the variant as optional props from a `cva` function.\n * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.\n */\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\n/**\n * Extract the variants from a `cva` function.\n */\nexport type RecipeVariant<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The prefix every class this recipe emits is built from — `button` gives `button` for\n   * the base styles and `button--size_sm` for a variant.\n   *\n   * Required for a recipe declared in `theme.recipes`, where it is the key it is declared\n   * under. Optional for an inline `cva`, which is otherwise named by hashing its own\n   * config: `cva_a1b2c3--size_sm`. Setting it buys readable class names and nothing else —\n   * the CSS is identical either way.\n   *\n   * It has to be unique across every recipe in the build. Two recipes sharing a name emit\n   * rules under the same selectors, and the later one wins for any variant they both\n   * declare.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Variants to pre-generate, will be include in the final `config.staticCss`\n   */\n  staticCss?: RecipeRule[]\n}\n\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>, RecipeConfigMeta {\n  /** Optional on `RecipeDefinition`, where an inline `cva` falls back to hashing its config. A recipe declared in `theme.recipes` always has one — the key it is declared under. */\n  className: string\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<\n  S extends string,\n  T extends SlotRecipeVariantRecord<S>,\n> extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  /** The config this recipe was created from. */\n  config: SlotRecipeDefinition<S, T>\n  /** Each slot's constant class, for targeting a slot in the DOM. */\n  classNameMap: Partial<Record<S, string>>\n  /**\n   * Which slots each variant writes styles for.\n   *\n   * A variant's styles reach a slot through a scope opened at an anchor, which covers every\n   * slot in that anchor's subtree. A slot under no anchor — moved out by a portal, with no\n   * second anchor named in `scopeRoots` — is not reached, and nothing at build time can\n   * detect that. This says which slots a variant has to get to, so whatever a scope cannot\n   * reach can be threaded by hand.\n   */\n  slotsAffectedBy: Record<keyof T, S[]>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> {\n  /**\n   * The prefix every class this recipe emits is built from, and the name to target its\n   * slots in the DOM by — `checkbox` gives `checkbox__control` for a slot and\n   * `checkbox__control--size_md` for that slot under a variant.\n   *\n   * Required for a recipe declared in `theme.slotRecipes`, where it is the key it is\n   * declared under. Optional for an inline `sva`, which is otherwise named by hashing its\n   * own config. Setting it buys readable class names and nothing else — the CSS is\n   * identical either way.\n   *\n   * It has to be unique across every recipe in the build.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The slots that enclose other slots, used to scope their variant styles.\n   *\n   * A slot recipe's variants are chosen once, at the top, but the slots that react to them\n   * are authored by the consumer somewhere below. Naming the enclosing slots lets the build\n   * emit their variant styles as rules scoped by a class those slots already carry, so\n   * nothing has to be delivered to a slot at runtime and every other slot's class is a\n   * constant.\n   *\n   * A list, because a portal is a real discontinuity in the tree and no CSS mechanism\n   * crosses one. A `<Select>` occupies two disjoint subtrees — the trigger side under\n   * `root`, the listbox side under a portaled `positioner` — and a variant writes styles\n   * into both. One anchor can only ever reach one of them.\n   *\n   * ```ts\n   * scopeRoots: ['root', 'positioner']\n   * ```\n   *\n   * Each named slot takes variant props; every other slot's class is a constant. The build\n   * emits each non-anchor slot's variant rules under *every* anchor, and only the anchor\n   * that is genuinely an ancestor matches — so the DOM shape never has to be declared.\n   *\n   * Defaults to `['root']` when a slot by that name exists. Set `[]` to turn scoping off\n   * and give every slot a variant class of its own, which is what a recipe whose slots are\n   * siblings wants.\n   *\n   * A slot under *no* anchor is still unreachable, and nothing at build time can detect\n   * that — reachability is a fact about the DOM. `recipe.slotsAffectedBy` says which slots\n   * a variant writes to, for whatever still needs threading by hand.\n   */\n  scopeRoots?: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> &\n  RecipeConfigMeta & {\n    /** Optional on `SlotRecipeDefinition`, where an inline `sva` falls back to hashing its config. A recipe declared in `theme.slotRecipes` always has one — the key it is declared under. */\n    className: string\n  }\n";
+var content$3 = "import type { RecipeRule } from './static-css'\nimport type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types'\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\n/**\n * Extract the variant as optional props from a `cva` function.\n * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.\n */\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\n/**\n * Extract the variants from a `cva` function.\n */\nexport type RecipeVariant<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * Semantic recipe name used by extraction-only integrations.\n   *\n   * Required for a recipe declared in `theme.recipes`, where it is the key it is declared\n   * under. Optional for an inline `cva`.\n   *\n   * The Vite compiler ignores this field when allocating declaration atoms: recipe identity\n   * is not style identity, so identical declarations share one class across recipes.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Variants to pre-generate, will be include in the final `config.staticCss`\n   */\n  staticCss?: RecipeRule[]\n}\n\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>, RecipeConfigMeta {\n  /**\n   * Required extraction metadata for a configured recipe: the key under which it is\n   * declared in `theme.recipes`. The Vite compiler does not use it as style identity.\n   */\n  className: string\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<\n  S extends string,\n  T extends SlotRecipeVariantRecord<S>,\n> extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  /** Each variant and the values it accepts. `Object.keys` it for the variant names. */\n  variantMap: RecipeVariantMap<T>\n  /** The config this recipe was created from. */\n  config: SlotRecipeDefinition<S, T>\n  /** Each slot's constant class, for targeting a slot in the DOM. */\n  classNameMap: Partial<Record<S, string>>\n  /**\n   * Which slots each variant writes styles for.\n   *\n   * A variant's styles reach a slot through a scope opened at an anchor, which covers every\n   * slot in that anchor's subtree. A slot under no anchor — moved out by a portal, with no\n   * second anchor named in `scopeRoots` — is not reached, and nothing at build time can\n   * detect that. This says which slots a variant has to get to, so whatever a scope cannot\n   * reach can be threaded by hand.\n   */\n  slotsAffectedBy: Record<keyof T, S[]>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> {\n  /**\n   * Semantic recipe name used by extraction-only integrations.\n   *\n   * Required for a recipe declared in `theme.slotRecipes`, where it is the key it is\n   * declared under. Optional for an inline `sva`.\n   *\n   * The Vite compiler ignores this field when allocating declaration atoms: recipe and slot\n   * identity do not enter generated class names.\n   */\n  className?: string\n  /**\n   * Whether the recipe is deprecated.\n   */\n  deprecated?: boolean | string\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The slots that enclose other slots in extraction-only named-rule output.\n   *\n   * The Vite compiler returns selected atoms directly for every slot and ignores this field.\n   * In extraction-only output, a slot recipe's variants are chosen once at the top, but the slots that react to them\n   * are authored by the consumer somewhere below. Naming the enclosing slots lets the build\n   * emit their variant styles as rules scoped by a class those slots already carry, so\n   * nothing has to be delivered to a slot at runtime and every other slot's class is a\n   * constant.\n   *\n   * A list, because a portal is a real discontinuity in the tree and no CSS mechanism\n   * crosses one. A `<Select>` occupies two disjoint subtrees — the trigger side under\n   * `root`, the listbox side under a portaled `positioner` — and a variant writes styles\n   * into both. One anchor can only ever reach one of them.\n   *\n   * ```ts\n   * scopeRoots: ['root', 'positioner']\n   * ```\n   *\n   * Each named slot takes variant props; every other slot's class is a constant. The build\n   * emits each non-anchor slot's variant rules under *every* anchor, and only the anchor\n   * that is genuinely an ancestor matches — so the DOM shape never has to be declared.\n   *\n   * Defaults to `['root']` when a slot by that name exists. Set `[]` to turn scoping off\n   * and give every slot a variant class of its own, which is what a recipe whose slots are\n   * siblings wants.\n   *\n   * A slot under *no* anchor is still unreachable, and nothing at build time can detect\n   * that — reachability is a fact about the DOM. `recipe.slotsAffectedBy` says which slots\n   * a variant writes to, for whatever still needs threading by hand.\n   */\n  scopeRoots?: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> &\n  RecipeConfigMeta & {\n    /**\n     * Required extraction metadata for a configured recipe: the key under which it is\n     * declared in `theme.slotRecipes`. The Vite compiler does not use it as style identity.\n     */\n    className: string\n  }\n";
 //#endregion
 //#region src/artifacts/generated/selectors.d.ts.json
 var content$2 = "import type { Pseudos } from './csstype'\n\ntype AriaAttributes =\n  | '[aria-disabled]'\n  | '[aria-hidden]'\n  | '[aria-invalid]'\n  | '[aria-readonly]'\n  | '[aria-required]'\n  | '[aria-selected]'\n  | '[aria-checked]'\n  | '[aria-expanded]'\n  | '[aria-pressed]'\n  | `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`\n  | '[aria-invalid]'\n  | `[aria-sort=${'ascending' | 'descending'}]`\n\ntype DataAttributes =\n  | '[data-selected]'\n  | '[data-highlighted]'\n  | '[data-hover]'\n  | '[data-active]'\n  | '[data-checked]'\n  | '[data-disabled]'\n  | '[data-readonly]'\n  | '[data-focus]'\n  | '[data-focus-visible]'\n  | '[data-focus-visible-added]'\n  | '[data-invalid]'\n  | '[data-pressed]'\n  | '[data-expanded]'\n  | '[data-grabbed]'\n  | '[data-dragged]'\n  | '[data-orientation=horizontal]'\n  | '[data-orientation=vertical]'\n  | '[data-in-range]'\n  | '[data-out-of-range]'\n  | '[data-placeholder-shown]'\n  | `[data-part=${string}]`\n  | `[data-attr=${string}]`\n  | `[data-placement=${string}]`\n  | `[data-theme=${string}]`\n  | `[data-size=${string}]`\n  | `[data-state=${string}]`\n  | '[data-empty]'\n  | '[data-loading]'\n  | '[data-loaded]'\n  | '[data-enter]'\n  | '[data-entering]'\n  | '[data-exited]'\n  | '[data-exiting]'\n\ntype AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`\ntype ParentSelector = `${DataAttributes | AriaAttributes} &`\n\ntype AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'\n\nexport type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`\nexport type Selectors = AttributeSelector | ParentSelector\n";
@@ -3222,8 +3208,7 @@ function setupCssIndex(ctx) {
   // during the bundler's transform and never typechecked, so a declaration here would buy
   // nothing but an autocomplete entry advertising them as API. Each stays fully typed in
   // the module that defines it, for anyone deep-importing on purpose.
-  ${ctx.file.reExport("cssLeaf", "./css")}
-  ${ctx.file.reExport("cvaPick, splitProps", "./cx")}
+  ${ctx.file.reExport("cvaMap, splitProps", "./cx")}
  `,
 		dts: outdent$1`
   ${ctx.file.reExportDts("css, fallback, viewTransition", "./css")}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/generator",
-  "version": "1.34.1",
+  "version": "1.35.1",
   "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.34.1",
-    "@bamboocss/is-valid-prop": "^1.34.1",
-    "@bamboocss/logger": "1.34.1",
-    "@bamboocss/shared": "1.34.1",
-    "@bamboocss/token-dictionary": "1.34.1",
-    "@bamboocss/types": "1.34.1"
+    "@bamboocss/core": "1.35.1",
+    "@bamboocss/is-valid-prop": "^1.35.1",
+    "@bamboocss/logger": "1.35.1",
+    "@bamboocss/shared": "1.35.1",
+    "@bamboocss/token-dictionary": "1.35.1",
+    "@bamboocss/types": "1.35.1"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"