@pandacss/node 0.0.0-dev-20221218120149 → 0.0.0-dev-20221219112004

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import * as _pandacss_core from '@pandacss/core';
 import { StylesheetContext, Conditions, Utility } from '@pandacss/core';
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types_dist_composition from '@pandacss/types/dist/composition';
-import * as _pandacss_types_dist_static_css from '@pandacss/types/dist/static-css';
 import * as _pandacss_types_dist_recipe from '@pandacss/types/dist/recipe';
 import * as _pandacss_types_dist_system_types from '@pandacss/types/dist/system-types';
 import * as ts_morph from 'ts-morph';
@@ -89,6 +88,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
         file: string;
     } | undefined;
     getGlobalCss: () => string | undefined;
+    getStaticCss: () => string | undefined;
     patterns: Record<string, PatternConfig>;
     hasPatterns: boolean;
     getPattern: (name: string) => PatternConfig | undefined;
@@ -103,6 +103,11 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     recipes: Record<string, RecipeConfig<_pandacss_types_dist_recipe.TVariants>>;
     getRecipe: (name: string) => RecipeConfig | undefined;
     hasRecipes: boolean;
+    getRecipeDetails: () => {
+        [x: string]: {
+            [x: string]: string[];
+        }[];
+    }[];
     jsxFramework: "solid" | "react" | "preact" | undefined;
     jsxFactory: string;
     cssVarRoot: string;
@@ -117,7 +122,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     hash?: boolean | undefined;
     semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
     separator?: "-" | "_" | "=" | undefined;
-    static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
+    static?: _pandacss_types.StaticCssOptions | undefined;
     breakpoints?: Dict<any> | undefined;
     keyframes?: _pandacss_types.CssKeyframes | undefined;
     minify?: boolean | undefined;
@@ -213,6 +218,7 @@ declare class Builder {
             file: string;
         } | undefined;
         getGlobalCss: () => string | undefined;
+        getStaticCss: () => string | undefined;
         patterns: Record<string, _pandacss_types.PatternConfig>;
         hasPatterns: boolean;
         getPattern: (name: string) => _pandacss_types.PatternConfig | undefined;
@@ -227,6 +233,11 @@ declare class Builder {
         recipes: Record<string, _pandacss_types.RecipeConfig<_pandacss_types_dist_recipe.TVariants>>;
         getRecipe: (name: string) => _pandacss_types.RecipeConfig<_pandacss_types_dist_recipe.TVariants> | undefined;
         hasRecipes: boolean;
+        getRecipeDetails: () => {
+            [x: string]: {
+                [x: string]: string[];
+            }[];
+        }[];
         jsxFramework: "solid" | "react" | "preact" | undefined;
         jsxFactory: string;
         cssVarRoot: string;
@@ -241,7 +252,7 @@ declare class Builder {
         hash?: boolean | undefined;
         semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
         separator?: "-" | "_" | "=" | undefined;
-        static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
+        static?: _pandacss_types.StaticCssOptions | undefined;
         breakpoints?: _pandacss_types.Dict<any> | undefined;
         keyframes?: _pandacss_types.CssKeyframes | undefined;
         minify?: boolean | undefined;
@@ -329,6 +340,7 @@ declare function loadConfigAndCreateContext(options?: {
         file: string;
     } | undefined;
     getGlobalCss: () => string | undefined;
+    getStaticCss: () => string | undefined;
     patterns: Record<string, _pandacss_types.PatternConfig>;
     hasPatterns: boolean;
     getPattern: (name: string) => _pandacss_types.PatternConfig | undefined;
@@ -343,6 +355,11 @@ declare function loadConfigAndCreateContext(options?: {
     recipes: Record<string, _pandacss_types.RecipeConfig<_pandacss_types_dist_recipe.TVariants>>;
     getRecipe: (name: string) => _pandacss_types.RecipeConfig<_pandacss_types_dist_recipe.TVariants> | undefined;
     hasRecipes: boolean;
+    getRecipeDetails: () => {
+        [x: string]: {
+            [x: string]: string[];
+        }[];
+    }[];
     jsxFramework: "solid" | "react" | "preact" | undefined;
     jsxFactory: string;
     cssVarRoot: string;
@@ -357,7 +374,7 @@ declare function loadConfigAndCreateContext(options?: {
     hash?: boolean | undefined;
     semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
     separator?: "-" | "_" | "=" | undefined;
-    static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
+    static?: _pandacss_types.StaticCssOptions | undefined;
     breakpoints?: _pandacss_types.Dict<any> | undefined;
     keyframes?: _pandacss_types.CssKeyframes | undefined;
     minify?: boolean | undefined;

package/dist/index.js

@@ -85,7 +85,13 @@ function extractGlobalCss(ctx) {
   const css2 = ctx.getGlobalCss();
   if (!css2)
     return;
-  return ctx.chunks.write("globals.css", css2);
+  return ctx.chunks.write("system/global.css", css2);
+}
+function extractStaticCss(ctx) {
+  const css2 = ctx.getStaticCss();
+  if (!css2)
+    return;
+  return ctx.chunks.write("system/static.css", css2);
 }
 
 // src/chunks.ts
@@ -1574,11 +1580,18 @@ async function emitArtifacts(ctx) {
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
   await extractGlobalCss(ctx);
+  await extractStaticCss(ctx);
   await extractFiles(ctx);
   await bundleChunks(ctx);
 }
 function getBaseCss(ctx) {
-  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes), ctx.getGlobalCss()];
+  const css2 = [
+    generateReset(),
+    generateTokenCss(ctx),
+    generateKeyframes(ctx.keyframes),
+    ctx.getGlobalCss(),
+    ctx.getStaticCss()
+  ];
   return css2.filter(Boolean).join("\n\n");
 }
 
@@ -1657,7 +1670,8 @@ function createContext(conf, io = fileSystem) {
     jsxFactory = "panda",
     jsxFramework,
     globalCss,
-    separator
+    separator,
+    static: staticCss
   } = config;
   const cwd = (0, import_path2.resolve)(cwdProp);
   const exclude = [".git", "node_modules", "test-results"].concat(excludeProp);
@@ -1727,6 +1741,13 @@ function createContext(conf, io = fileSystem) {
       return [{}, props];
     return splitProps(props, recipe.props);
   }
+  function getRecipeDetails() {
+    return Object.entries(recipes).map(([name, recipe]) => ({
+      [name]: Object.entries(recipe.variants ?? {}).map(([key, value]) => ({
+        [key]: Object.keys(value)
+      }))
+    }));
+  }
   const hasRecipes = Object.keys(recipes).length > 0;
   const properties = Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]));
   function isCustomCssProperty(prop) {
@@ -1803,6 +1824,8 @@ function createContext(conf, io = fileSystem) {
     glob: [`${paths.chunk}/**/*.css`]
   };
   function getFiles() {
+    if (!config.include)
+      return [];
     return import_fast_glob.default.sync(config.include, { cwd, ignore: config.exclude, absolute: true });
   }
   const files = getFiles();
@@ -1862,6 +1885,32 @@ function createContext(conf, io = fileSystem) {
     sheet.processGlobalCss(globalCss);
     return sheet.toCss();
   }
+  function getStaticCss() {
+    if (!staticCss)
+      return;
+    const sheet = new import_core3.Stylesheet(context());
+    const recipes2 = getRecipeDetails();
+    const getResults = (0, import_core3.getStaticCss)(staticCss);
+    const results = getResults({
+      breakpoints: Object.keys(breakpoints ?? {}),
+      getPropertyKeys: utility.getPropertyKeys,
+      getRecipeKeys(recipe) {
+        return recipes2[recipe];
+      }
+    });
+    results.css.forEach((css2) => {
+      sheet.processAtomic(css2);
+    });
+    results.recipes.forEach((result) => {
+      Object.entries(result).forEach(([key, value]) => {
+        const recipe = getRecipe(key);
+        if (!recipe)
+          return;
+        sheet.processRecipe(recipe, value);
+      });
+    });
+    return sheet.toCss();
+  }
   function getCss(collector, file) {
     const sheet = new import_core3.Stylesheet(context());
     collector.globalCss.forEach((result) => {
@@ -1951,6 +2000,7 @@ function createContext(conf, io = fileSystem) {
     utility,
     getCss,
     getGlobalCss,
+    getStaticCss,
     patterns,
     hasPatterns,
     getPattern,
@@ -1960,6 +2010,7 @@ function createContext(conf, io = fileSystem) {
     recipes,
     getRecipe,
     hasRecipes,
+    getRecipeDetails,
     jsxFramework,
     jsxFactory,
     cssVarRoot,

package/dist/index.mjs

@@ -39,7 +39,13 @@ function extractGlobalCss(ctx) {
   const css2 = ctx.getGlobalCss();
   if (!css2)
     return;
-  return ctx.chunks.write("globals.css", css2);
+  return ctx.chunks.write("system/global.css", css2);
+}
+function extractStaticCss(ctx) {
+  const css2 = ctx.getStaticCss();
+  if (!css2)
+    return;
+  return ctx.chunks.write("system/static.css", css2);
 }
 
 // src/chunks.ts
@@ -1528,11 +1534,18 @@ async function emitArtifacts(ctx) {
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
   await extractGlobalCss(ctx);
+  await extractStaticCss(ctx);
   await extractFiles(ctx);
   await bundleChunks(ctx);
 }
 function getBaseCss(ctx) {
-  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes), ctx.getGlobalCss()];
+  const css2 = [
+    generateReset(),
+    generateTokenCss(ctx),
+    generateKeyframes(ctx.keyframes),
+    ctx.getGlobalCss(),
+    ctx.getStaticCss()
+  ];
   return css2.filter(Boolean).join("\n\n");
 }
 
@@ -1554,6 +1567,7 @@ import {
   assignCompositions,
   Conditions,
   discardDuplicate,
+  getStaticCss as getStaticCssCore,
   Stylesheet as Stylesheet2,
   Utility
 } from "@pandacss/core";
@@ -1617,7 +1631,8 @@ function createContext(conf, io = fileSystem) {
     jsxFactory = "panda",
     jsxFramework,
     globalCss,
-    separator
+    separator,
+    static: staticCss
   } = config;
   const cwd = resolve(cwdProp);
   const exclude = [".git", "node_modules", "test-results"].concat(excludeProp);
@@ -1687,6 +1702,13 @@ function createContext(conf, io = fileSystem) {
       return [{}, props];
     return splitProps(props, recipe.props);
   }
+  function getRecipeDetails() {
+    return Object.entries(recipes).map(([name, recipe]) => ({
+      [name]: Object.entries(recipe.variants ?? {}).map(([key, value]) => ({
+        [key]: Object.keys(value)
+      }))
+    }));
+  }
   const hasRecipes = Object.keys(recipes).length > 0;
   const properties = Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]));
   function isCustomCssProperty(prop) {
@@ -1763,6 +1785,8 @@ function createContext(conf, io = fileSystem) {
     glob: [`${paths.chunk}/**/*.css`]
   };
   function getFiles() {
+    if (!config.include)
+      return [];
     return glob.sync(config.include, { cwd, ignore: config.exclude, absolute: true });
   }
   const files = getFiles();
@@ -1822,6 +1846,32 @@ function createContext(conf, io = fileSystem) {
     sheet.processGlobalCss(globalCss);
     return sheet.toCss();
   }
+  function getStaticCss() {
+    if (!staticCss)
+      return;
+    const sheet = new Stylesheet2(context());
+    const recipes2 = getRecipeDetails();
+    const getResults = getStaticCssCore(staticCss);
+    const results = getResults({
+      breakpoints: Object.keys(breakpoints ?? {}),
+      getPropertyKeys: utility.getPropertyKeys,
+      getRecipeKeys(recipe) {
+        return recipes2[recipe];
+      }
+    });
+    results.css.forEach((css2) => {
+      sheet.processAtomic(css2);
+    });
+    results.recipes.forEach((result) => {
+      Object.entries(result).forEach(([key, value]) => {
+        const recipe = getRecipe(key);
+        if (!recipe)
+          return;
+        sheet.processRecipe(recipe, value);
+      });
+    });
+    return sheet.toCss();
+  }
   function getCss(collector, file) {
     const sheet = new Stylesheet2(context());
     collector.globalCss.forEach((result) => {
@@ -1911,6 +1961,7 @@ function createContext(conf, io = fileSystem) {
     utility,
     getCss,
     getGlobalCss,
+    getStaticCss,
     patterns,
     hasPatterns,
     getPattern,
@@ -1920,6 +1971,7 @@ function createContext(conf, io = fileSystem) {
     recipes,
     getRecipe,
     hasRecipes,
+    getRecipeDetails,
     jsxFramework,
     jsxFactory,
     cssVarRoot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20221218120149",
+  "version": "0.0.0-dev-20221219112004",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,15 +30,15 @@
     "telejson": "7.0.4",
     "ts-pattern": "4.0.6",
     "ts-morph": "17.0.1",
-    "@pandacss/types": "0.0.0-dev-20221218120149",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20221218120149",
-    "@pandacss/error": "0.0.0-dev-20221218120149",
-    "@pandacss/parser": "0.0.0-dev-20221218120149",
-    "@pandacss/shared": "0.0.0-dev-20221218120149",
-    "@pandacss/token-dictionary": "0.0.0-dev-20221218120149",
-    "@pandacss/logger": "0.0.0-dev-20221218120149",
-    "@pandacss/core": "0.0.0-dev-20221218120149",
-    "@pandacss/config": "0.0.0-dev-20221218120149"
+    "@pandacss/types": "0.0.0-dev-20221219112004",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20221219112004",
+    "@pandacss/error": "0.0.0-dev-20221219112004",
+    "@pandacss/parser": "0.0.0-dev-20221219112004",
+    "@pandacss/shared": "0.0.0-dev-20221219112004",
+    "@pandacss/token-dictionary": "0.0.0-dev-20221219112004",
+    "@pandacss/logger": "0.0.0-dev-20221219112004",
+    "@pandacss/core": "0.0.0-dev-20221219112004",
+    "@pandacss/config": "0.0.0-dev-20221219112004"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.13",
@@ -46,7 +46,7 @@
     "@types/glob-parent": "^5.1.1",
     "@types/pluralize": "0.0.29",
     "@types/lodash.merge": "4.6.7",
-    "@pandacss/fixture": "0.0.0-dev-20221218120149"
+    "@pandacss/fixture": "0.0.0-dev-20221219112004"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",