npm - @pandacss/generator - Versions diffs - 0.15.4 → 0.16.0 - Mend

@pandacss/generator 0.15.4 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -157,8 +157,235 @@ declare namespace messages {
   };
 }
+declare function generateResetCss(ctx: Context, scope?: string): string;
+declare function generateTokenCss(ctx: Context): string;
+declare function generateKeyframeCss(ctx: Context): string;
 declare const createGenerator: (conf: ConfigResultWithHooks) => {
     getArtifacts: () => _pandacss_types.Artifact[];
+    getStaticCss: (ctx: {
+        patterns: {
+            keys: string[];
+            getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+            transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
+            getNames: (name: string) => {
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            };
+            details: {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            find: (jsxName: string) => string;
+            filter: (jsxName: string) => {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            isEmpty: () => boolean;
+        };
+        jsx: {
+            factoryName: string;
+            upperName: string;
+            typeName: string;
+            componentName: string;
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
+            styleProps: "all" | "minimal" | "none";
+        };
+        paths: {
+            get: (file?: string | undefined) => string[];
+            root: string[];
+            css: string[];
+            token: string[];
+            types: string[];
+            recipe: string[];
+            pattern: string[];
+            chunk: string[];
+            outCss: string[];
+            jsx: string[];
+        };
+        file: {
+            ext(file: string): string;
+            extDts(file: string): string;
+            __extDts(file: string): string;
+            import(mod: string, file: string): string;
+            importType(mod: string, file: string): string;
+            exportType(mod: string, file: string): string;
+            exportStar(file: string): string;
+            exportTypeStar(file: string): string;
+            isTypeFile(file: string): boolean;
+        };
+        isTemplateLiteralSyntax: boolean;
+        studio: {
+            outdir: string;
+            logo?: string | undefined;
+            inject?: {
+                head?: string | undefined;
+                body?: string | undefined;
+            } | undefined;
+        };
+        hash: {
+            tokens: boolean | undefined;
+            className: boolean | undefined;
+        };
+        prefix: {
+            tokens: string | undefined;
+            className: string | undefined;
+        };
+        tokens: _pandacss_token_dictionary.TokenDictionary;
+        utility: _pandacss_core.Utility;
+        properties: string[];
+        isValidProperty: (key: string) => boolean;
+        recipes: _pandacss_core.Recipes;
+        conditions: _pandacss_core.Conditions;
+        createSheetContext: () => _pandacss_core.StylesheetContext;
+        createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
+        layers: _pandacss_types.CascadeLayers;
+        isValidLayerRule: (layerRule: string) => boolean;
+        layerString: string;
+        layerNames: string[];
+        hooks: _pandacss_types.PandaHookable;
+        path: string;
+        config: _pandacss_types.UserConfig;
+        tsconfig?: TSConfig | undefined;
+        tsOptions?: _pandacss_types.ConfigTsOptions | undefined;
+        tsconfigFile?: string | undefined;
+        dependencies: string[];
+    }) => string;
+    getResetCss: typeof generateResetCss;
+    getTokenCss: typeof generateTokenCss;
+    getKeyframeCss: typeof generateKeyframeCss;
+    getGlobalCss: (ctx: {
+        patterns: {
+            keys: string[];
+            getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+            transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
+            getNames: (name: string) => {
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            };
+            details: {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            find: (jsxName: string) => string;
+            filter: (jsxName: string) => {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            isEmpty: () => boolean;
+        };
+        jsx: {
+            factoryName: string;
+            upperName: string;
+            typeName: string;
+            componentName: string;
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
+            styleProps: "all" | "minimal" | "none";
+        };
+        paths: {
+            get: (file?: string | undefined) => string[];
+            root: string[];
+            css: string[];
+            token: string[];
+            types: string[];
+            recipe: string[];
+            pattern: string[];
+            chunk: string[];
+            outCss: string[];
+            jsx: string[];
+        };
+        file: {
+            ext(file: string): string;
+            extDts(file: string): string;
+            __extDts(file: string): string;
+            import(mod: string, file: string): string;
+            importType(mod: string, file: string): string;
+            exportType(mod: string, file: string): string;
+            exportStar(file: string): string;
+            exportTypeStar(file: string): string;
+            isTypeFile(file: string): boolean;
+        };
+        isTemplateLiteralSyntax: boolean;
+        studio: {
+            outdir: string;
+            logo?: string | undefined;
+            inject?: {
+                head?: string | undefined;
+                body?: string | undefined;
+            } | undefined;
+        };
+        hash: {
+            tokens: boolean | undefined;
+            className: boolean | undefined;
+        };
+        prefix: {
+            tokens: string | undefined;
+            className: string | undefined;
+        };
+        tokens: _pandacss_token_dictionary.TokenDictionary;
+        utility: _pandacss_core.Utility;
+        properties: string[];
+        isValidProperty: (key: string) => boolean;
+        recipes: _pandacss_core.Recipes;
+        conditions: _pandacss_core.Conditions;
+        createSheetContext: () => _pandacss_core.StylesheetContext;
+        createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
+        layers: _pandacss_types.CascadeLayers;
+        isValidLayerRule: (layerRule: string) => boolean;
+        layerString: string;
+        layerNames: string[];
+        hooks: _pandacss_types.PandaHookable;
+        path: string;
+        config: _pandacss_types.UserConfig;
+        tsconfig?: TSConfig | undefined;
+        tsOptions?: _pandacss_types.ConfigTsOptions | undefined;
+        tsconfigFile?: string | undefined;
+        dependencies: string[];
+    }) => string;
     getCss: (options: {
         files: string[];
         resolve?: boolean | undefined;

package/dist/index.d.ts CHANGED Viewed

@@ -157,8 +157,235 @@ declare namespace messages {
   };
 }
+declare function generateResetCss(ctx: Context, scope?: string): string;
+declare function generateTokenCss(ctx: Context): string;
+declare function generateKeyframeCss(ctx: Context): string;
 declare const createGenerator: (conf: ConfigResultWithHooks) => {
     getArtifacts: () => _pandacss_types.Artifact[];
+    getStaticCss: (ctx: {
+        patterns: {
+            keys: string[];
+            getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+            transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
+            getNames: (name: string) => {
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            };
+            details: {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            find: (jsxName: string) => string;
+            filter: (jsxName: string) => {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            isEmpty: () => boolean;
+        };
+        jsx: {
+            factoryName: string;
+            upperName: string;
+            typeName: string;
+            componentName: string;
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
+            styleProps: "all" | "minimal" | "none";
+        };
+        paths: {
+            get: (file?: string | undefined) => string[];
+            root: string[];
+            css: string[];
+            token: string[];
+            types: string[];
+            recipe: string[];
+            pattern: string[];
+            chunk: string[];
+            outCss: string[];
+            jsx: string[];
+        };
+        file: {
+            ext(file: string): string;
+            extDts(file: string): string;
+            __extDts(file: string): string;
+            import(mod: string, file: string): string;
+            importType(mod: string, file: string): string;
+            exportType(mod: string, file: string): string;
+            exportStar(file: string): string;
+            exportTypeStar(file: string): string;
+            isTypeFile(file: string): boolean;
+        };
+        isTemplateLiteralSyntax: boolean;
+        studio: {
+            outdir: string;
+            logo?: string | undefined;
+            inject?: {
+                head?: string | undefined;
+                body?: string | undefined;
+            } | undefined;
+        };
+        hash: {
+            tokens: boolean | undefined;
+            className: boolean | undefined;
+        };
+        prefix: {
+            tokens: string | undefined;
+            className: string | undefined;
+        };
+        tokens: _pandacss_token_dictionary.TokenDictionary;
+        utility: _pandacss_core.Utility;
+        properties: string[];
+        isValidProperty: (key: string) => boolean;
+        recipes: _pandacss_core.Recipes;
+        conditions: _pandacss_core.Conditions;
+        createSheetContext: () => _pandacss_core.StylesheetContext;
+        createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
+        layers: _pandacss_types.CascadeLayers;
+        isValidLayerRule: (layerRule: string) => boolean;
+        layerString: string;
+        layerNames: string[];
+        hooks: _pandacss_types.PandaHookable;
+        path: string;
+        config: _pandacss_types.UserConfig;
+        tsconfig?: TSConfig | undefined;
+        tsOptions?: _pandacss_types.ConfigTsOptions | undefined;
+        tsconfigFile?: string | undefined;
+        dependencies: string[];
+    }) => string;
+    getResetCss: typeof generateResetCss;
+    getTokenCss: typeof generateTokenCss;
+    getKeyframeCss: typeof generateKeyframeCss;
+    getGlobalCss: (ctx: {
+        patterns: {
+            keys: string[];
+            getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+            transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
+            getNames: (name: string) => {
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            };
+            details: {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            find: (jsxName: string) => string;
+            filter: (jsxName: string) => {
+                props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
+                baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
+            }[];
+            isEmpty: () => boolean;
+        };
+        jsx: {
+            factoryName: string;
+            upperName: string;
+            typeName: string;
+            componentName: string;
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
+            styleProps: "all" | "minimal" | "none";
+        };
+        paths: {
+            get: (file?: string | undefined) => string[];
+            root: string[];
+            css: string[];
+            token: string[];
+            types: string[];
+            recipe: string[];
+            pattern: string[];
+            chunk: string[];
+            outCss: string[];
+            jsx: string[];
+        };
+        file: {
+            ext(file: string): string;
+            extDts(file: string): string;
+            __extDts(file: string): string;
+            import(mod: string, file: string): string;
+            importType(mod: string, file: string): string;
+            exportType(mod: string, file: string): string;
+            exportStar(file: string): string;
+            exportTypeStar(file: string): string;
+            isTypeFile(file: string): boolean;
+        };
+        isTemplateLiteralSyntax: boolean;
+        studio: {
+            outdir: string;
+            logo?: string | undefined;
+            inject?: {
+                head?: string | undefined;
+                body?: string | undefined;
+            } | undefined;
+        };
+        hash: {
+            tokens: boolean | undefined;
+            className: boolean | undefined;
+        };
+        prefix: {
+            tokens: string | undefined;
+            className: string | undefined;
+        };
+        tokens: _pandacss_token_dictionary.TokenDictionary;
+        utility: _pandacss_core.Utility;
+        properties: string[];
+        isValidProperty: (key: string) => boolean;
+        recipes: _pandacss_core.Recipes;
+        conditions: _pandacss_core.Conditions;
+        createSheetContext: () => _pandacss_core.StylesheetContext;
+        createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
+        layers: _pandacss_types.CascadeLayers;
+        isValidLayerRule: (layerRule: string) => boolean;
+        layerString: string;
+        layerNames: string[];
+        hooks: _pandacss_types.PandaHookable;
+        path: string;
+        config: _pandacss_types.UserConfig;
+        tsconfig?: TSConfig | undefined;
+        tsOptions?: _pandacss_types.ConfigTsOptions | undefined;
+        tsconfigFile?: string | undefined;
+        dependencies: string[];
+    }) => string;
     getCss: (options: {
         files: string[];
         resolve?: boolean | undefined;

package/dist/index.js CHANGED Viewed

@@ -173,7 +173,7 @@ var generateGlobalCss = (ctx) => {
   });
   sheet.processGlobalCss(globalCss);
   const output = sheet.toCss({ optimize });
-  ctx.hooks.callHook("generator:css", "global.css", output);
+  void ctx.hooks.callHook("generator:css", "global.css", output);
   return output;
 };
@@ -198,7 +198,7 @@ function generateKeyframeCss(ctx) {
     nodes: root.nodes
   });
   const output = rule.toString();
-  ctx.hooks.callHook("generator:css", "keyframes.css", output);
+  void ctx.hooks.callHook("generator:css", "keyframes.css", output);
   return output;
 }
@@ -412,7 +412,7 @@ function generateResetCss(ctx, scope = "") {
     outline: auto;
   }
 }`;
-  ctx.hooks.callHook("generator:css", "reset.css", output);
+  void ctx.hooks.callHook("generator:css", "reset.css", output);
   return output;
 }
@@ -451,7 +451,7 @@ var generateStaticCss = (ctx) => {
     });
   });
   const output = sheet.toCss({ optimize });
-  ctx.hooks.callHook("generator:css", "static.css", output);
+  void ctx.hooks.callHook("generator:css", "static.css", output);
   return output;
 };
@@ -492,7 +492,7 @@ function generateTokenCss(ctx) {
     ${(0, import_core3.prettifyCss)(cleanupSelectors(css2, root))}
   }
   `;
-  ctx.hooks.callHook("generator:css", "tokens.css", output);
+  void ctx.hooks.callHook("generator:css", "tokens.css", output);
   return output;
 }
 function getDeepestRule(root, selectors) {
@@ -1115,7 +1115,7 @@ function generateRecipes(ctx) {
         const ${baseName}CompoundVariants = ${stringify2(compoundVariants ?? [])}
         const ${baseName}SlotNames = ${stringify2(config2.slots.map((slot) => [slot, `${config2.className}__${slot}`]))}
-        const ${baseName}SlotFns = ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
+        const ${baseName}SlotFns = /* @__PURE__ */ ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
         const ${baseName}Fn = (props = {}) => {
           return Object.fromEntries(${baseName}SlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
@@ -1123,7 +1123,7 @@ function generateRecipes(ctx) {
         const ${baseName}VariantKeys = ${stringify2(Object.keys(variantKeyMap))}
-        export const ${baseName} = Object.assign(${baseName}Fn, {
+        export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
           __recipe__: false,
           __name__: '${baseName}',
           raw: (props) => props,
@@ -1139,13 +1139,15 @@ function generateRecipes(ctx) {
         ${ctx.file.import("splitProps", "../helpers")}
         ${ctx.file.import("createRecipe", "./create-recipe")}
-        const ${baseName}Fn = createRecipe('${config2.className}', ${stringify2(defaultVariants ?? {})}, ${stringify2(
-          compoundVariants ?? []
-        )})
+        const ${baseName}Fn = /* @__PURE__ */ createRecipe('${config2.className}', ${stringify2(
+          defaultVariants ?? {}
+        )}, ${stringify2(compoundVariants ?? [])})
         const ${baseName}VariantMap = ${stringify2(variantKeyMap)}
         const ${baseName}VariantKeys = Object.keys(${baseName}VariantMap)
-        export const ${baseName} = Object.assign(${baseName}Fn, {
+        export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
           __recipe__: true,
           __name__: '${baseName}',
           raw: (props) => props,
@@ -1441,7 +1443,7 @@ export interface ${componentName}<T extends ElementType, P extends Dict = {}> {
   displayName?: string
 }
-interface RecipeFn = { __type: any }
+interface RecipeFn { __type: any }
 interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
@@ -1706,7 +1708,7 @@ export type ComponentProps<T extends ElementType> = T extends keyof QwikIntrinsi
 type Dict = Record<string, unknown>
-export interface ${componentName}<T extends ElementType, P extends Dict = {}> extends Component<Assign<ComponentProps<T>, PatchedHTMLProps, Assign<JsxStyleProps, P>>> {}
+export interface ${componentName}<T extends ElementType, P extends Dict = {}> extends Component<Assign<ComponentProps<T>, Assign<PatchedHTMLProps, Assign<JsxStyleProps, P>>>> {}
 interface RecipeFn { __type: any }
@@ -2439,7 +2441,7 @@ function generateVueJsxFactory(ctx) {
             return h(
               props.as,
               {
-                ...forwardedProps.value,
+                ...forwardedProps,
                 ...elementProps,
                 ...normalizeHTMLProps(htmlProps),
                 class: classes.value,
@@ -2596,7 +2598,7 @@ export type ComponentProps<T extends ElementType> = T extends IntrinsicElement
 JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
 > {}
-interface RecipeFn = { __type: any }
+interface RecipeFn { __type: any }
 interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
@@ -3252,7 +3254,7 @@ var generateFlattenedCss = (ctx) => (options) => {
   });
   sheet.append(...files);
   const output = sheet.toCss({ optimize: true, minify });
-  ctx.hooks.callHook("generator:css", "styles.css", output);
+  void ctx.hooks.callHook("generator:css", "styles.css", output);
   return output;
 };
@@ -3329,7 +3331,7 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
   (0, import_func.tryCatch)(
     ({ sheet, result: result2, config: { minify, optimize } }) => {
       const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
-      ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
+      void ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
       return css2;
     },
     (err) => {
@@ -3609,8 +3611,16 @@ var createGenerator = (conf) => {
   return {
     ...ctx,
     getArtifacts: generateArtifacts(ctx),
+    //
+    getStaticCss: generateStaticCss,
+    getResetCss: generateResetCss,
+    getTokenCss: generateTokenCss,
+    getKeyframeCss: generateKeyframeCss,
+    getGlobalCss: generateGlobalCss,
+    //
     getCss: generateFlattenedCss(ctx),
     getParserCss: generateParserCss(ctx),
+    //
     messages: getMessages(ctx),
     parserOptions: {
       importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),

package/dist/index.mjs CHANGED Viewed

@@ -142,7 +142,7 @@ var generateGlobalCss = (ctx) => {
   });
   sheet.processGlobalCss(globalCss);
   const output = sheet.toCss({ optimize });
-  ctx.hooks.callHook("generator:css", "global.css", output);
+  void ctx.hooks.callHook("generator:css", "global.css", output);
   return output;
 };
@@ -167,7 +167,7 @@ function generateKeyframeCss(ctx) {
     nodes: root.nodes
   });
   const output = rule.toString();
-  ctx.hooks.callHook("generator:css", "keyframes.css", output);
+  void ctx.hooks.callHook("generator:css", "keyframes.css", output);
   return output;
 }
@@ -381,7 +381,7 @@ function generateResetCss(ctx, scope = "") {
     outline: auto;
   }
 }`;
-  ctx.hooks.callHook("generator:css", "reset.css", output);
+  void ctx.hooks.callHook("generator:css", "reset.css", output);
   return output;
 }
@@ -420,7 +420,7 @@ var generateStaticCss = (ctx) => {
     });
   });
   const output = sheet.toCss({ optimize });
-  ctx.hooks.callHook("generator:css", "static.css", output);
+  void ctx.hooks.callHook("generator:css", "static.css", output);
   return output;
 };
@@ -461,7 +461,7 @@ function generateTokenCss(ctx) {
     ${prettifyCss(cleanupSelectors(css2, root))}
   }
   `;
-  ctx.hooks.callHook("generator:css", "tokens.css", output);
+  void ctx.hooks.callHook("generator:css", "tokens.css", output);
   return output;
 }
 function getDeepestRule(root, selectors) {
@@ -1084,7 +1084,7 @@ function generateRecipes(ctx) {
         const ${baseName}CompoundVariants = ${stringify2(compoundVariants ?? [])}
         const ${baseName}SlotNames = ${stringify2(config2.slots.map((slot) => [slot, `${config2.className}__${slot}`]))}
-        const ${baseName}SlotFns = ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
+        const ${baseName}SlotFns = /* @__PURE__ */ ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
         const ${baseName}Fn = (props = {}) => {
           return Object.fromEntries(${baseName}SlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
@@ -1092,7 +1092,7 @@ function generateRecipes(ctx) {
         const ${baseName}VariantKeys = ${stringify2(Object.keys(variantKeyMap))}
-        export const ${baseName} = Object.assign(${baseName}Fn, {
+        export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
           __recipe__: false,
           __name__: '${baseName}',
           raw: (props) => props,
@@ -1108,13 +1108,15 @@ function generateRecipes(ctx) {
         ${ctx.file.import("splitProps", "../helpers")}
         ${ctx.file.import("createRecipe", "./create-recipe")}
-        const ${baseName}Fn = createRecipe('${config2.className}', ${stringify2(defaultVariants ?? {})}, ${stringify2(
-          compoundVariants ?? []
-        )})
+        const ${baseName}Fn = /* @__PURE__ */ createRecipe('${config2.className}', ${stringify2(
+          defaultVariants ?? {}
+        )}, ${stringify2(compoundVariants ?? [])})
         const ${baseName}VariantMap = ${stringify2(variantKeyMap)}
         const ${baseName}VariantKeys = Object.keys(${baseName}VariantMap)
-        export const ${baseName} = Object.assign(${baseName}Fn, {
+        export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
           __recipe__: true,
           __name__: '${baseName}',
           raw: (props) => props,
@@ -1410,7 +1412,7 @@ export interface ${componentName}<T extends ElementType, P extends Dict = {}> {
   displayName?: string
 }
-interface RecipeFn = { __type: any }
+interface RecipeFn { __type: any }
 interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
@@ -1675,7 +1677,7 @@ export type ComponentProps<T extends ElementType> = T extends keyof QwikIntrinsi
 type Dict = Record<string, unknown>
-export interface ${componentName}<T extends ElementType, P extends Dict = {}> extends Component<Assign<ComponentProps<T>, PatchedHTMLProps, Assign<JsxStyleProps, P>>> {}
+export interface ${componentName}<T extends ElementType, P extends Dict = {}> extends Component<Assign<ComponentProps<T>, Assign<PatchedHTMLProps, Assign<JsxStyleProps, P>>>> {}
 interface RecipeFn { __type: any }
@@ -2408,7 +2410,7 @@ function generateVueJsxFactory(ctx) {
             return h(
               props.as,
               {
-                ...forwardedProps.value,
+                ...forwardedProps,
                 ...elementProps,
                 ...normalizeHTMLProps(htmlProps),
                 class: classes.value,
@@ -2565,7 +2567,7 @@ export type ComponentProps<T extends ElementType> = T extends IntrinsicElement
 JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
 > {}
-interface RecipeFn = { __type: any }
+interface RecipeFn { __type: any }
 interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
@@ -3221,7 +3223,7 @@ var generateFlattenedCss = (ctx) => (options) => {
   });
   sheet.append(...files);
   const output = sheet.toCss({ optimize: true, minify });
-  ctx.hooks.callHook("generator:css", "styles.css", output);
+  void ctx.hooks.callHook("generator:css", "styles.css", output);
   return output;
 };
@@ -3298,7 +3300,7 @@ var generateParserCss = (ctx) => (result) => pipe(
   tryCatch(
     ({ sheet, result: result2, config: { minify, optimize } }) => {
       const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
-      ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
+      void ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
       return css2;
     },
     (err) => {
@@ -3584,8 +3586,16 @@ var createGenerator = (conf) => {
   return {
     ...ctx,
     getArtifacts: generateArtifacts(ctx),
+    //
+    getStaticCss: generateStaticCss,
+    getResetCss: generateResetCss,
+    getTokenCss: generateTokenCss,
+    getKeyframeCss: generateKeyframeCss,
+    getGlobalCss: generateGlobalCss,
+    //
     getCss: generateFlattenedCss(ctx),
     getParserCss: generateParserCss(ctx),
+    //
     messages: getMessages(ctx),
     parserOptions: {
       importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.15.4",
+  "version": "0.16.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,17 +20,17 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.27",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.15.4",
-    "@pandacss/is-valid-prop": "0.15.4",
-    "@pandacss/logger": "0.15.4",
-    "@pandacss/shared": "0.15.4",
-    "@pandacss/token-dictionary": "0.15.4",
-    "@pandacss/types": "0.15.4"
+    "@pandacss/core": "0.16.0",
+    "@pandacss/is-valid-prop": "0.16.0",
+    "@pandacss/logger": "0.16.0",
+    "@pandacss/shared": "0.16.0",
+    "@pandacss/token-dictionary": "0.16.0",
+    "@pandacss/types": "0.16.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.15.4"
+    "@pandacss/fixture": "0.16.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",