@pandacss/compiler-wasm 2.0.0-beta.2 → 2.0.0-beta.20

package/dist/{chunk-R2J25HLY.js → chunk-ZARW4JPN.js}

@@ -2,20 +2,24 @@
 import {
   assertProjectCallbacks,
   assertProjectHooks,
-  getTokenCategoryValues,
-  makeBuildInfoApi,
+  BuildInfo,
+  DesignSystem,
+  createUsageReport,
+  inspectFile,
+  inspectFiles,
   mergeCallbacks,
   prepareCompilerConfig
 } from "@pandacss/compiler-shared";
 
 // src/callbacks.ts
 import {
-  createPatternHelpers,
-  createTransformArgs,
+  createTransformHelpers,
   getPatternDefaultValueRefsByTransformId,
-  mergePatternDefaultValues
+  mergePatternDefaultValues,
+  PATTERN_HELPERS
 } from "@pandacss/compiler-shared";
 function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
+  const { token, utils } = createTransformHelpers(tokenDictionary);
   const utilityTransforms = callbacks["utility.transform"];
   if (utilityTransforms && Object.keys(utilityTransforms).length > 0 && !project.registerUtilityTransform) {
     throw new Error("WASM project does not support utility.transform callbacks");
@@ -23,7 +27,7 @@ function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
   if (project.registerUtilityTransform && utilityTransforms && Object.keys(utilityTransforms).length > 0) {
     for (const [id, callback] of Object.entries(utilityTransforms)) {
       project.registerUtilityTransform(id, (resolved, original) => {
-        return callback(resolved, createTransformArgs(original, tokenDictionary));
+        return callback(resolved, { raw: original, token, utils });
       });
     }
   }
@@ -41,7 +45,7 @@ function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
       project.registerPatternTransform(id, (props) => {
         const input = props;
         const nextProps = defaultValue ? mergePatternDefaultValues(defaultValue(input), input) : input;
-        return callback(nextProps, createPatternHelpers());
+        return callback(nextProps, PATTERN_HELPERS);
       });
     }
   }
@@ -77,30 +81,52 @@ function build(mod, config, callbacks, hooks) {
   assertProjectHooks(hooks, callbacks);
   const prepared = prepareCompilerConfig(config);
   const compiler = mod.WasmCompiler.fromConfig(fs, prepared, buildFromConfigOptions(callbacks));
-  registerCallbacks(compiler, callbacks, hooks, compiler.token_dictionary?.());
-  compiler.fs = fs;
-  Object.defineProperty(compiler, "buildInfo", {
-    value: makeBuildInfoApi(compiler),
+  registerCallbacks(compiler, callbacks, hooks, compiler.tokenDictionary?.());
+  Object.defineProperty(compiler, "fs", { value: fs, enumerable: false });
+  Object.defineProperty(compiler, "path", { value: wasmPathSystem(compiler), enumerable: false });
+  const buildInfo = new BuildInfo(compiler);
+  Object.defineProperty(compiler, "buildInfo", { value: buildInfo, enumerable: false });
+  Object.defineProperty(compiler, "designSystem", {
+    // `load` reuses the `buildInfo` namespace just wired above.
+    value: new DesignSystem(toDesignSystemBinding(compiler), buildInfo),
+    enumerable: false
+  });
+  Object.defineProperty(compiler, "inspectFile", {
+    value: (input) => inspectFile(compiler, input),
+    enumerable: false
+  });
+  Object.defineProperty(compiler, "inspectFiles", {
+    value: (files) => inspectFiles(compiler, files),
     enumerable: false
   });
   return compiler;
 }
+function wasmPathSystem(compiler) {
+  return {
+    realpath: (path) => compiler.realpath(path),
+    resolve: (path, cwd) => compiler.resolvePath(path, cwd),
+    join: (parts) => compiler.joinPath(parts),
+    dirname: (path) => compiler.dirname(path)
+  };
+}
+function toDesignSystemBinding(compiler) {
+  return {
+    createManifest: (input) => compiler.createDesignSystemManifest(input),
+    manifestSchemaVersion: () => compiler.designSystemManifestSchemaVersion()
+  };
+}
 function buildFromConfigOptions(callbacks) {
   const utilityValues = callbacks["utility.values"];
   if (!utilityValues || Object.keys(utilityValues).length === 0) return void 0;
   return {
     configCallbacks: {
-      utilityValues: Object.fromEntries(
-        Object.entries(utilityValues).map(([id, callback]) => [
-          id,
-          (tokenDictionary) => callback((category) => getTokenCategoryValues(category, tokenDictionary))
-        ])
-      )
+      utilityValues
     }
   };
 }
 
 export {
+  createUsageReport,
   mergeCallbacks,
   createCompilerFromWasmModule,
   build,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { ParseFileReport, ScanOptions, LayerNames, Spec, SourceEntry, FileInspectionResult, ResolveUtilityValueInput, ResolvedUtilityValue, WriteArtifactsOptions, WriteCssOptions, WriteCssResult, WriteSplitCssOptions, WriteFilesResult, SerializedHookFilter, Atom, RecipeEntry, EncodedRecipeStyles, ProjectSummary, CompileOptions, CompileOutput, StylesheetLayerName, CssFile, GenerateArtifactOptions, CodegenArtifact, CodegenArtifactId, CodegenDependency, Diagnostic, CompileFileManifest, ParsedFileView, StaticPatternResult, BuildInfo, SerializedConfig, CompilerOptions, Compiler, ProjectCallbacks, ProjectHooks, ConfigSnapshot, Driver } from '@pandacss/compiler-shared';
+import { ParseFileReport, ScanOptions, LayerNames, Spec, SourceEntry, FileInspectionResult, ResolveUtilityValueInput, ResolvedUtilityValue, TokenSuggestion, WriteArtifactsOptions, WriteCssOptions, WriteCssResult, WriteLayerCssOptions, WriteSplitCssOptions, WriteSplitCssResult, SerializedHookFilter, Atom, RecipeEntry, EncodedRecipeStyles, ProjectSummary, CompileOptions, CompileOutput, LayerCssOptions, SplitCssOptions, SplitCssResult, GenerateArtifactOptions, CodegenArtifact, CodegenArtifactId, CodegenDependency, Diagnostic, CompileFileManifest, ParsedFileView, StaticPatternResult, BuildInfoDesignSystemDependency, BuildInfoArtifact, DesignSystemManifestInput, DesignSystemManifest, SerializedConfig, UtilityValuesCallback, CompilerOptions, Compiler, ProjectCallbacks, ProjectHooks, ConfigSnapshot, Driver } from '@pandacss/compiler-shared';
 export * from '@pandacss/compiler-shared';
-export { PatternHelpers, mergeCallbacks } from '@pandacss/compiler-shared';
+export { createUsageReport, mergeCallbacks } from '@pandacss/compiler-shared';
 
 /**
  * TS-facing types that mirror the wasm-bindgen generated interfaces.
@@ -29,8 +29,7 @@ interface TokenDictionaryInput {
     /** `path → CSS var form` (e.g. `colors.red.500 → var(--colors-red-500)`). */
     vars: Record<string, string>;
 }
-type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik' | (string & {});
-type CssSyntax = 'template-literal' | 'object-literal';
+type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | (string & {});
 interface MatchersInput {
     css?: MatcherInput;
     recipe?: MatcherInput;
@@ -41,8 +40,6 @@ interface MatchersInput {
     jsxFramework?: JsxFramework;
     /** Defaults to `["styled"]` when omitted. */
     jsxFactories?: string[];
-    /** CSS authoring syntax preference. Omit for object-literal mode. */
-    syntax?: CssSyntax;
     /** Enable `token('…')` folding by passing a resolved dictionary. */
     tokenDictionary?: TokenDictionaryInput;
 }
@@ -74,6 +71,7 @@ declare class WasmCompiler {
     refreshFile(path: string): boolean;
     refreshFileSource(path: string, source: string): boolean;
     removeFile(path: string): boolean;
+    affectedFiles(): string[];
     clear(): void;
     scan(options?: ScanOptions): string[];
     realpath(path: string): string;
@@ -84,13 +82,17 @@ declare class WasmCompiler {
     parseFiles(paths: string[]): ParseFileReport[];
     layers(): LayerNames;
     hasLayerDeclaration(css: string): boolean;
+    stripLayerOrderStatements(css: string): string;
     spec(): Spec;
     sources(): SourceEntry[];
-    inspectFileSource(path: string, source: string): FileInspectionResult;
+    inspectFileSource(path: string, source: string): Omit<FileInspectionResult, 'path'>;
     resolveUtilityValue(input: ResolveUtilityValueInput): ResolvedUtilityValue | null;
+    suggestTokens(prop: string, value: string): TokenSuggestion[];
+    suggestSemanticTokens(path: string): TokenSuggestion[];
     writeArtifacts(options: WriteArtifactsOptions): string[];
     writeCss(options: WriteCssOptions): WriteCssResult;
-    writeSplitCss(options: WriteSplitCssOptions): WriteFilesResult;
+    writeLayerCss(options: WriteLayerCssOptions): WriteCssResult;
+    writeSplitCss(options: WriteSplitCssOptions): WriteSplitCssResult;
     isEmpty(): boolean;
     registerUtilityTransform?(id: string, callback: (resolved: unknown, original: unknown) => unknown): void;
     registerPatternTransform?(id: string, callback: (props: unknown, helpers: Record<string, unknown>) => unknown): void;
@@ -101,8 +103,9 @@ declare class WasmCompiler {
     encodedRecipes(): EncodedRecipeStyles;
     summary(): ProjectSummary;
     compile(options?: CompileOptions): CompileOutput;
-    layerCss(layers: StylesheetLayerName[]): string;
-    splitCss(): CssFile[];
+    getLayerCss(options: LayerCssOptions): CompileOutput;
+    getKeyframeCss(options?: CompileOptions): CompileOutput;
+    getSplitCss(options?: SplitCssOptions): SplitCssResult;
     generateArtifacts(options?: GenerateArtifactOptions): CodegenArtifact[];
     generateArtifact(id: CodegenArtifactId, options?: GenerateArtifactOptions): CodegenArtifact | undefined;
     generateAffectedArtifacts(dependencies: CodegenDependency[], options?: GenerateArtifactOptions): CodegenArtifact[];
@@ -111,10 +114,12 @@ declare class WasmCompiler {
     /** Per-file view, or `null` when `path` isn't known. */
     getFile(path: string): ParsedFileView | null;
     staticPatternAtoms(): StaticPatternResult;
-    serializeBuildInfo(panda: string): BuildInfo;
-    applyBuildInfo(name: string, buildInfo: BuildInfo, only?: string[]): boolean;
+    serializeBuildInfo(panda: string, designSystemDependencies?: BuildInfoDesignSystemDependency[]): BuildInfoArtifact;
+    applyBuildInfo(name: string, buildInfo: BuildInfoArtifact, only?: string[]): boolean;
     buildInfoSchemaVersion(): number;
     configFingerprint(): string;
+    createDesignSystemManifest(input: DesignSystemManifestInput): DesignSystemManifest;
+    designSystemManifestSchemaVersion(): number;
 }
 
 /**
@@ -136,16 +141,20 @@ declare class WasmCompiler {
  * ```
  */
 
-/** `configCallbacks` carry construction-time `utility.values` resolvers. */
+/**
+ * `configCallbacks` carry construction-time `utility.values` resolvers.
+ */
 interface WasmFromConfigOptions {
     configCallbacks?: {
-        utilityValues?: Record<string, (tokenDictionary: TokenDictionaryInput | undefined) => unknown>;
+        utilityValues?: Record<string, UtilityValuesCallback>;
     };
 }
-/** The raw wasm instance — superset of {@link Compiler} carrying the internal
- *  `token_dictionary` the facade hides. */
+/**
+ * The raw wasm instance - superset of {@link Compiler} carrying the internal
+ * `tokenDictionary` the facade hides.
+ */
 interface RawWasmCompiler extends WasmCompiler {
-    token_dictionary?(): TokenDictionaryInput | undefined;
+    tokenDictionary?(): TokenDictionaryInput | undefined;
 }
 interface WasmModule {
     WasmFileSystem: new () => WasmFileSystem;

package/dist/index.js

@@ -2,11 +2,12 @@ import {
   build,
   buildFromConfigOptions,
   createCompilerFromWasmModule,
+  createUsageReport,
   mergeCallbacks
-} from "./chunk-R2J25HLY.js";
+} from "./chunk-ZARW4JPN.js";
 
 // src/index.ts
-import { createRequire } from "module";
+import { createRequire } from "node:module";
 import { mergeCallbacks as mergeCallbacks2, mergeHooks } from "@pandacss/compiler-shared";
 
 // src/driver.ts
@@ -20,7 +21,7 @@ async function createBrowserDriver(options) {
   }) : await createCompilerFromSnapshot(options.snapshot);
   if (options.sources) {
     for (const [path, content] of Object.entries(options.sources)) {
-      compiler.fs?.addFile(path, content);
+      compiler.fs.addFile?.(path, content);
     }
   }
   return new BrowserDriver(compiler, options.snapshot.config);
@@ -46,17 +47,24 @@ var BrowserDriver = class extends BaseDriver {
     return NO_CHANGE;
   }
   applyChange(change) {
+    const changed = this.trackSourceChange(change, this.#applySourceChange(change));
+    const refreshed = this.refreshAffectedFiles();
+    return changed || refreshed;
+  }
+  #applySourceChange(change) {
     if (change.kind === "unlink") {
-      this.compiler.fs?.removeFile(change.path);
+      this.compiler.fs.removeFile?.(change.path);
       return this.compiler.removeFile(change.path);
     }
     if (change.content == null) return false;
-    this.compiler.fs?.addFile(change.path, change.content);
+    this.compiler.fs.addFile?.(change.path, change.content);
+    if (this.compiler.refreshFileSource(change.path, change.content)) return true;
+    if (!this.isSourceFile(change.path)) return false;
     this.compiler.parseFileSource(change.path, change.content);
     return true;
   }
   getOutdir(outdir) {
-    return this.compiler.resolvePath(this.getConfiguredOutdir(outdir));
+    return this.compiler.path.resolve(this.getConfiguredOutdir(outdir));
   }
 };
 
@@ -73,7 +81,7 @@ async function loadWasm() {
   return mod;
 }
 async function createCompiler(config, options) {
-  const { createCompilerFromWasmModule: createCompilerFromWasmModule2 } = await import("./web-Z44NGLTK.js");
+  const { createCompilerFromWasmModule: createCompilerFromWasmModule2 } = await import("./web-JSAD2QZX.js");
   return createCompilerFromWasmModule2(await loadWasm(), config, options);
 }
 async function createCompilerFromSnapshot(snapshot, options) {
@@ -88,6 +96,7 @@ export {
   createCompiler,
   createCompilerFromSnapshot,
   createCompilerFromWasmModule,
+  createUsageReport,
   loadWasm,
   mergeCallbacks
 };

package/dist/{web-Z44NGLTK.js → web-JSAD2QZX.js}

@@ -2,11 +2,13 @@ import {
   build,
   buildFromConfigOptions,
   createCompilerFromWasmModule,
+  createUsageReport,
   mergeCallbacks
-} from "./chunk-R2J25HLY.js";
+} from "./chunk-ZARW4JPN.js";
 export {
   build,
   buildFromConfigOptions,
   createCompilerFromWasmModule,
+  createUsageReport,
   mergeCallbacks
 };

package/dist/web.d.ts

@@ -1,6 +1,6 @@
-import { ParseFileReport, ScanOptions, LayerNames, Spec, SourceEntry, FileInspectionResult, ResolveUtilityValueInput, ResolvedUtilityValue, WriteArtifactsOptions, WriteCssOptions, WriteCssResult, WriteSplitCssOptions, WriteFilesResult, SerializedHookFilter, Atom, RecipeEntry, EncodedRecipeStyles, ProjectSummary, CompileOptions, CompileOutput, StylesheetLayerName, CssFile, GenerateArtifactOptions, CodegenArtifact, CodegenArtifactId, CodegenDependency, Diagnostic, CompileFileManifest, ParsedFileView, StaticPatternResult, BuildInfo, SerializedConfig, CompilerOptions, Compiler, ProjectCallbacks, ProjectHooks } from '@pandacss/compiler-shared';
+import { ParseFileReport, ScanOptions, LayerNames, Spec, SourceEntry, FileInspectionResult, ResolveUtilityValueInput, ResolvedUtilityValue, TokenSuggestion, WriteArtifactsOptions, WriteCssOptions, WriteCssResult, WriteLayerCssOptions, WriteSplitCssOptions, WriteSplitCssResult, SerializedHookFilter, Atom, RecipeEntry, EncodedRecipeStyles, ProjectSummary, CompileOptions, CompileOutput, LayerCssOptions, SplitCssOptions, SplitCssResult, GenerateArtifactOptions, CodegenArtifact, CodegenArtifactId, CodegenDependency, Diagnostic, CompileFileManifest, ParsedFileView, StaticPatternResult, BuildInfoDesignSystemDependency, BuildInfoArtifact, DesignSystemManifestInput, DesignSystemManifest, SerializedConfig, UtilityValuesCallback, CompilerOptions, Compiler, ProjectCallbacks, ProjectHooks } from '@pandacss/compiler-shared';
 export * from '@pandacss/compiler-shared';
-export { PatternHelpers, mergeCallbacks } from '@pandacss/compiler-shared';
+export { createUsageReport, mergeCallbacks } from '@pandacss/compiler-shared';
 
 /**
  * TS-facing types that mirror the wasm-bindgen generated interfaces.
@@ -29,8 +29,7 @@ interface TokenDictionaryInput {
     /** `path → CSS var form` (e.g. `colors.red.500 → var(--colors-red-500)`). */
     vars: Record<string, string>;
 }
-type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik' | (string & {});
-type CssSyntax = 'template-literal' | 'object-literal';
+type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | (string & {});
 interface MatchersInput {
     css?: MatcherInput;
     recipe?: MatcherInput;
@@ -41,8 +40,6 @@ interface MatchersInput {
     jsxFramework?: JsxFramework;
     /** Defaults to `["styled"]` when omitted. */
     jsxFactories?: string[];
-    /** CSS authoring syntax preference. Omit for object-literal mode. */
-    syntax?: CssSyntax;
     /** Enable `token('…')` folding by passing a resolved dictionary. */
     tokenDictionary?: TokenDictionaryInput;
 }
@@ -74,6 +71,7 @@ declare class WasmCompiler {
     refreshFile(path: string): boolean;
     refreshFileSource(path: string, source: string): boolean;
     removeFile(path: string): boolean;
+    affectedFiles(): string[];
     clear(): void;
     scan(options?: ScanOptions): string[];
     realpath(path: string): string;
@@ -84,13 +82,17 @@ declare class WasmCompiler {
     parseFiles(paths: string[]): ParseFileReport[];
     layers(): LayerNames;
     hasLayerDeclaration(css: string): boolean;
+    stripLayerOrderStatements(css: string): string;
     spec(): Spec;
     sources(): SourceEntry[];
-    inspectFileSource(path: string, source: string): FileInspectionResult;
+    inspectFileSource(path: string, source: string): Omit<FileInspectionResult, 'path'>;
     resolveUtilityValue(input: ResolveUtilityValueInput): ResolvedUtilityValue | null;
+    suggestTokens(prop: string, value: string): TokenSuggestion[];
+    suggestSemanticTokens(path: string): TokenSuggestion[];
     writeArtifacts(options: WriteArtifactsOptions): string[];
     writeCss(options: WriteCssOptions): WriteCssResult;
-    writeSplitCss(options: WriteSplitCssOptions): WriteFilesResult;
+    writeLayerCss(options: WriteLayerCssOptions): WriteCssResult;
+    writeSplitCss(options: WriteSplitCssOptions): WriteSplitCssResult;
     isEmpty(): boolean;
     registerUtilityTransform?(id: string, callback: (resolved: unknown, original: unknown) => unknown): void;
     registerPatternTransform?(id: string, callback: (props: unknown, helpers: Record<string, unknown>) => unknown): void;
@@ -101,8 +103,9 @@ declare class WasmCompiler {
     encodedRecipes(): EncodedRecipeStyles;
     summary(): ProjectSummary;
     compile(options?: CompileOptions): CompileOutput;
-    layerCss(layers: StylesheetLayerName[]): string;
-    splitCss(): CssFile[];
+    getLayerCss(options: LayerCssOptions): CompileOutput;
+    getKeyframeCss(options?: CompileOptions): CompileOutput;
+    getSplitCss(options?: SplitCssOptions): SplitCssResult;
     generateArtifacts(options?: GenerateArtifactOptions): CodegenArtifact[];
     generateArtifact(id: CodegenArtifactId, options?: GenerateArtifactOptions): CodegenArtifact | undefined;
     generateAffectedArtifacts(dependencies: CodegenDependency[], options?: GenerateArtifactOptions): CodegenArtifact[];
@@ -111,10 +114,12 @@ declare class WasmCompiler {
     /** Per-file view, or `null` when `path` isn't known. */
     getFile(path: string): ParsedFileView | null;
     staticPatternAtoms(): StaticPatternResult;
-    serializeBuildInfo(panda: string): BuildInfo;
-    applyBuildInfo(name: string, buildInfo: BuildInfo, only?: string[]): boolean;
+    serializeBuildInfo(panda: string, designSystemDependencies?: BuildInfoDesignSystemDependency[]): BuildInfoArtifact;
+    applyBuildInfo(name: string, buildInfo: BuildInfoArtifact, only?: string[]): boolean;
     buildInfoSchemaVersion(): number;
     configFingerprint(): string;
+    createDesignSystemManifest(input: DesignSystemManifestInput): DesignSystemManifest;
+    designSystemManifestSchemaVersion(): number;
 }
 
 /**
@@ -136,16 +141,20 @@ declare class WasmCompiler {
  * ```
  */
 
-/** `configCallbacks` carry construction-time `utility.values` resolvers. */
+/**
+ * `configCallbacks` carry construction-time `utility.values` resolvers.
+ */
 interface WasmFromConfigOptions {
     configCallbacks?: {
-        utilityValues?: Record<string, (tokenDictionary: TokenDictionaryInput | undefined) => unknown>;
+        utilityValues?: Record<string, UtilityValuesCallback>;
     };
 }
-/** The raw wasm instance — superset of {@link Compiler} carrying the internal
- *  `token_dictionary` the facade hides. */
+/**
+ * The raw wasm instance - superset of {@link Compiler} carrying the internal
+ * `tokenDictionary` the facade hides.
+ */
 interface RawWasmCompiler extends WasmCompiler {
-    token_dictionary?(): TokenDictionaryInput | undefined;
+    tokenDictionary?(): TokenDictionaryInput | undefined;
 }
 interface WasmModule {
     WasmFileSystem: new () => WasmFileSystem;

package/dist/web.js

@@ -2,20 +2,24 @@
 import {
   assertProjectCallbacks,
   assertProjectHooks,
-  getTokenCategoryValues,
-  makeBuildInfoApi,
+  BuildInfo,
+  DesignSystem,
+  createUsageReport,
+  inspectFile,
+  inspectFiles,
   mergeCallbacks,
   prepareCompilerConfig
 } from "@pandacss/compiler-shared";
 
 // src/callbacks.ts
 import {
-  createPatternHelpers,
-  createTransformArgs,
+  createTransformHelpers,
   getPatternDefaultValueRefsByTransformId,
-  mergePatternDefaultValues
+  mergePatternDefaultValues,
+  PATTERN_HELPERS
 } from "@pandacss/compiler-shared";
 function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
+  const { token, utils } = createTransformHelpers(tokenDictionary);
   const utilityTransforms = callbacks["utility.transform"];
   if (utilityTransforms && Object.keys(utilityTransforms).length > 0 && !project.registerUtilityTransform) {
     throw new Error("WASM project does not support utility.transform callbacks");
@@ -23,7 +27,7 @@ function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
   if (project.registerUtilityTransform && utilityTransforms && Object.keys(utilityTransforms).length > 0) {
     for (const [id, callback] of Object.entries(utilityTransforms)) {
       project.registerUtilityTransform(id, (resolved, original) => {
-        return callback(resolved, createTransformArgs(original, tokenDictionary));
+        return callback(resolved, { raw: original, token, utils });
       });
     }
   }
@@ -41,7 +45,7 @@ function registerCallbacks(project, callbacks, hooks, tokenDictionary) {
       project.registerPatternTransform(id, (props) => {
         const input = props;
         const nextProps = defaultValue ? mergePatternDefaultValues(defaultValue(input), input) : input;
-        return callback(nextProps, createPatternHelpers());
+        return callback(nextProps, PATTERN_HELPERS);
       });
     }
   }
@@ -77,25 +81,46 @@ function build(mod, config, callbacks, hooks) {
   assertProjectHooks(hooks, callbacks);
   const prepared = prepareCompilerConfig(config);
   const compiler = mod.WasmCompiler.fromConfig(fs, prepared, buildFromConfigOptions(callbacks));
-  registerCallbacks(compiler, callbacks, hooks, compiler.token_dictionary?.());
-  compiler.fs = fs;
-  Object.defineProperty(compiler, "buildInfo", {
-    value: makeBuildInfoApi(compiler),
+  registerCallbacks(compiler, callbacks, hooks, compiler.tokenDictionary?.());
+  Object.defineProperty(compiler, "fs", { value: fs, enumerable: false });
+  Object.defineProperty(compiler, "path", { value: wasmPathSystem(compiler), enumerable: false });
+  const buildInfo = new BuildInfo(compiler);
+  Object.defineProperty(compiler, "buildInfo", { value: buildInfo, enumerable: false });
+  Object.defineProperty(compiler, "designSystem", {
+    // `load` reuses the `buildInfo` namespace just wired above.
+    value: new DesignSystem(toDesignSystemBinding(compiler), buildInfo),
+    enumerable: false
+  });
+  Object.defineProperty(compiler, "inspectFile", {
+    value: (input) => inspectFile(compiler, input),
+    enumerable: false
+  });
+  Object.defineProperty(compiler, "inspectFiles", {
+    value: (files) => inspectFiles(compiler, files),
     enumerable: false
   });
   return compiler;
 }
+function wasmPathSystem(compiler) {
+  return {
+    realpath: (path) => compiler.realpath(path),
+    resolve: (path, cwd) => compiler.resolvePath(path, cwd),
+    join: (parts) => compiler.joinPath(parts),
+    dirname: (path) => compiler.dirname(path)
+  };
+}
+function toDesignSystemBinding(compiler) {
+  return {
+    createManifest: (input) => compiler.createDesignSystemManifest(input),
+    manifestSchemaVersion: () => compiler.designSystemManifestSchemaVersion()
+  };
+}
 function buildFromConfigOptions(callbacks) {
   const utilityValues = callbacks["utility.values"];
   if (!utilityValues || Object.keys(utilityValues).length === 0) return void 0;
   return {
     configCallbacks: {
-      utilityValues: Object.fromEntries(
-        Object.entries(utilityValues).map(([id, callback]) => [
-          id,
-          (tokenDictionary) => callback((category) => getTokenCategoryValues(category, tokenDictionary))
-        ])
-      )
+      utilityValues
     }
   };
 }
@@ -103,5 +128,6 @@ export {
   build,
   buildFromConfigOptions,
   createCompilerFromWasmModule,
+  createUsageReport,
   mergeCallbacks
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/compiler-wasm",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "description": "WebAssembly binding for the Panda compiler engine (browser/playground target)",
   "type": "module",
   "main": "./dist/index.js",
@@ -38,10 +38,11 @@
     "pkg-web"
   ],
   "dependencies": {
-    "@pandacss/compiler-shared": "2.0.0-beta.2"
+    "@pandacss/compiler-shared": "2.0.0-beta.20",
+    "@pandacss/types": "2.0.0-beta.20"
   },
   "devDependencies": {
-    "@pandacss/config": "2.0.0-beta.2"
+    "@pandacss/config": "2.0.0-beta.20"
   },
   "engines": {
     "node": ">=22"
@@ -51,6 +52,7 @@
     "build:js": "tsup",
     "build:fast": "tsup --no-dts",
     "build:wasm": "tsx build-wasm.ts",
+    "verify:package": "node verify-package.mjs",
     "dev": "pnpm build:fast --watch",
     "test": "vitest run"
   }