@pandacss/node 0.0.0-dev-20230106195931 → 0.0.0-dev-20230106201243

package/dist/index.js

@@ -127,7 +127,7 @@ async function writeFileChunk(ctx, file) {
 
 // src/generators/index.ts
 var import_fs2 = require("fs");
-var import_outdent24 = __toESM(require("outdent"));
+var import_outdent23 = __toESM(require("outdent"));
 
 // src/generators/conditions.ts
 var import_shared = require("@pandacss/shared");
@@ -298,23 +298,6 @@ function getEntrypoint(pkg, file) {
   return (0, import_path.join)((0, import_path.dirname)(entry), prod);
 }
 
-// src/generators/global-css.ts
-var import_outdent5 = require("outdent");
-function generateGlobalCss() {
-  return {
-    js: import_outdent5.outdent`
-     export function globalCss(styles){
-        void styles
-     }
-    `,
-    dts: import_outdent5.outdent`
-    import { GlobalStyleObject } from '../types'
-
-    export declare function globalCss(styles: GlobalStyleObject): void
-    `
-  };
-}
-
 // src/generators/is-valid-prop.ts
 var import_fs = require("fs");
 function generateisValidProp(ctx) {
@@ -330,11 +313,11 @@ function generateisValidProp(ctx) {
 }
 
 // src/generators/jsx/preact-jsx.ts
-var import_outdent6 = require("outdent");
+var import_outdent5 = require("outdent");
 function generatePreactJsxFactory(ctx) {
   const { name, componentName } = ctx.jsxFactoryDetails;
   return {
-    js: import_outdent6.outdent`
+    js: import_outdent5.outdent`
     import { h } from 'preact'
     import { forwardRef } from 'preact/compat'
     import { useMemo } from 'preact/hooks'
@@ -403,10 +386,10 @@ function generatePreactJsxFactory(ctx) {
 }
 
 // src/generators/jsx/preact-layout-grid.ts
-var import_outdent7 = require("outdent");
+var import_outdent6 = require("outdent");
 function generatePreactLayoutGrid() {
   return {
-    dts: import_outdent7.outdent`
+    dts: import_outdent6.outdent`
     import { FunctionComponent } from 'preact'
 
     export type LayoutGridProps = {
@@ -418,7 +401,7 @@ function generatePreactLayoutGrid() {
 
     export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
     `,
-    js: import_outdent7.outdent`
+    js: import_outdent6.outdent`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -456,14 +439,14 @@ function generatePreactLayoutGrid() {
 }
 
 // src/generators/jsx/preact-pattern.ts
-var import_outdent8 = require("outdent");
+var import_outdent7 = require("outdent");
 var import_ts_pattern = require("ts-pattern");
 function generate(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: import_outdent8.outdent`
+    js: import_outdent7.outdent`
     import { forwardRef } from 'preact/compat'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -471,11 +454,11 @@ function generate(ctx, name, pattern) {
     export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
       ${(0, import_ts_pattern.match)(props.length).with(
       0,
-      () => import_outdent8.outdent`
+      () => import_outdent7.outdent`
           return <${ctx.jsxFactory}.div ref={ref} {...props} />
         `
     ).otherwise(
-      () => import_outdent8.outdent`
+      () => import_outdent7.outdent`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFn}({${props.join(", ")}})
         return <${ctx.jsxFactory}.div ref={ref} {...styleProps} {...restProps} />
@@ -483,7 +466,7 @@ function generate(ctx, name, pattern) {
     )}
     })    
     `,
-    dts: import_outdent8.outdent`
+    dts: import_outdent7.outdent`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -497,15 +480,15 @@ function generatePreactJsxPattern(ctx) {
 }
 
 // src/generators/jsx/preact-types.ts
-var import_outdent9 = require("outdent");
+var import_outdent8 = require("outdent");
 function generatePreactJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: import_outdent9.outdent`
+    jsxFactory: import_outdent8.outdent`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: import_outdent9.outdent`
+    jsxType: import_outdent8.outdent`
 import type { JSX, ElementType, ComponentProps } from 'preact'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -549,11 +532,11 @@ export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentP
 }
 
 // src/generators/jsx/react-jsx.ts
-var import_outdent10 = require("outdent");
+var import_outdent9 = require("outdent");
 function generateReactJsxFactory(ctx) {
   const { name, componentName } = ctx.jsxFactoryDetails;
   return {
-    js: import_outdent10.outdent`
+    js: import_outdent9.outdent`
     import { forwardRef, useMemo } from 'react'
     import { isCssProperty } from './is-valid-prop'
     import { css, cx } from '../css'
@@ -621,10 +604,10 @@ function generateReactJsxFactory(ctx) {
 }
 
 // src/generators/jsx/react-layout-grid.ts
-var import_outdent11 = require("outdent");
+var import_outdent10 = require("outdent");
 function generateReactLayoutGrid() {
   return {
-    dts: import_outdent11.outdent`
+    dts: import_outdent10.outdent`
     import type { FunctionComponent } from 'react'
 
     export type LayoutGridProps = {
@@ -636,7 +619,7 @@ function generateReactLayoutGrid() {
 
     export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
     `,
-    js: import_outdent11.outdent`
+    js: import_outdent10.outdent`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -674,14 +657,14 @@ function generateReactLayoutGrid() {
 }
 
 // src/generators/jsx/react-pattern.ts
-var import_outdent12 = require("outdent");
+var import_outdent11 = require("outdent");
 var import_ts_pattern2 = require("ts-pattern");
 function generate2(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: import_outdent12.outdent`
+    js: import_outdent11.outdent`
     import { forwardRef } from 'react'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -689,11 +672,11 @@ function generate2(ctx, name, pattern) {
     export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
       ${(0, import_ts_pattern2.match)(props.length).with(
       0,
-      () => import_outdent12.outdent`
+      () => import_outdent11.outdent`
           return <${ctx.jsxFactory}.div ref={ref} {...props} />
         `
     ).otherwise(
-      () => import_outdent12.outdent`
+      () => import_outdent11.outdent`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFn}({${props.join(", ")}})
         return <${ctx.jsxFactory}.div ref={ref} {...styleProps} {...restProps} />
@@ -702,7 +685,7 @@ function generate2(ctx, name, pattern) {
         
     })    
     `,
-    dts: import_outdent12.outdent`
+    dts: import_outdent11.outdent`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -716,15 +699,15 @@ function generateReactJsxPattern(ctx) {
 }
 
 // src/generators/jsx/react-types.ts
-var import_outdent13 = require("outdent");
+var import_outdent12 = require("outdent");
 function generateReactJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: import_outdent13.outdent`
+    jsxFactory: import_outdent12.outdent`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: import_outdent13.outdent`
+    jsxType: import_outdent12.outdent`
 import type { ElementType, ComponentProps } from 'react'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -768,11 +751,11 @@ export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentP
 }
 
 // src/generators/jsx/solid-jsx.ts
-var import_outdent14 = require("outdent");
+var import_outdent13 = require("outdent");
 function generateSolidJsxFactory(ctx) {
   const { componentName, name } = ctx.jsxFactoryDetails;
   return {
-    js: import_outdent14.outdent`
+    js: import_outdent13.outdent`
     import { Dynamic } from 'solid-js/web'
     import { mergeProps, splitProps } from 'solid-js'
     import { allCssProperties } from './is-valid-prop'
@@ -835,10 +818,10 @@ function generateSolidJsxFactory(ctx) {
 }
 
 // src/generators/jsx/solid-layout-grid.ts
-var import_outdent15 = require("outdent");
+var import_outdent14 = require("outdent");
 function generateSolidLayoutGrid() {
   return {
-    dts: import_outdent15.outdent`
+    dts: import_outdent14.outdent`
     import { ParentProps } from 'solid-js'
     
     export type LayoutGridProps = {
@@ -850,7 +833,7 @@ function generateSolidLayoutGrid() {
 
     export declare const LayoutGrid: ParentProps<LayoutGridProps>
     `,
-    js: import_outdent15.outdent`
+    js: import_outdent14.outdent`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -888,14 +871,14 @@ function generateSolidLayoutGrid() {
 }
 
 // src/generators/jsx/solid-pattern.ts
-var import_outdent16 = require("outdent");
+var import_outdent15 = require("outdent");
 var import_ts_pattern3 = require("ts-pattern");
 function generate3(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: import_outdent16.outdent`
+    js: import_outdent15.outdent`
     import { splitProps } from 'solid-js'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -903,11 +886,11 @@ function generate3(ctx, name, pattern) {
     export function ${jsxName}(props) {
       ${(0, import_ts_pattern3.match)(props.length).with(
       0,
-      () => import_outdent16.outdent`
+      () => import_outdent15.outdent`
           return <${ctx.jsxFactory}.div {...props} />
         `
     ).otherwise(
-      () => import_outdent16.outdent`
+      () => import_outdent15.outdent`
           const [patternProps, restProps] = splitProps(props, [${props.map((v) => JSON.stringify(v)).join(", ")}]);
           const styleProps = ${styleFn}(patternProps)
           return <${ctx.jsxFactory}.div {...styleProps} {...restProps} />
@@ -915,7 +898,7 @@ function generate3(ctx, name, pattern) {
     )}
     }
     `,
-    dts: import_outdent16.outdent`
+    dts: import_outdent15.outdent`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -929,15 +912,15 @@ function generateSolidJsxPattern(ctx) {
 }
 
 // src/generators/jsx/solid-types.ts
-var import_outdent17 = require("outdent");
+var import_outdent16 = require("outdent");
 function generateSolidJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: import_outdent17.outdent`
+    jsxFactory: import_outdent16.outdent`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: import_outdent17.outdent`
+    jsxType: import_outdent16.outdent`
 import type { JSX, ComponentProps, Component } from 'solid-js'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -1023,7 +1006,7 @@ function generateLayoutGrid(ctx) {
 
 // src/generators/pattern.ts
 var import_shared2 = require("@pandacss/shared");
-var import_outdent18 = require("outdent");
+var import_outdent17 = require("outdent");
 var import_telejson = require("telejson");
 var import_ts_pattern4 = require("ts-pattern");
 function generate4(name, pattern) {
@@ -1032,7 +1015,7 @@ function generate4(name, pattern) {
   const upperFn = `get${upperName}Style`;
   return {
     name: (0, import_shared2.dashCase)(name),
-    dts: import_outdent18.outdent`
+    dts: import_outdent17.outdent`
     import { SystemStyleObject, ConditionalValue } from "../types"
     import { Properties } from "../types/csstype"
     import { Tokens } from "../types/token"
@@ -1055,14 +1038,14 @@ function generate4(name, pattern) {
     }).join("\n	")}
     }
 
-    ${strict ? import_outdent18.outdent`export declare function ${name}(options: ${upperName}Properties): string` : import_outdent18.outdent`
+    ${strict ? import_outdent17.outdent`export declare function ${name}(options: ${upperName}Properties): string` : import_outdent17.outdent`
         
         ${description ? `/** ${description} */` : ""}
         export declare function ${name}(options: SystemStyleObject<${upperName}Properties>): string
         `}
 
    `,
-    js: import_outdent18.outdent`
+    js: import_outdent17.outdent`
   import { mapObject } from "../helpers"
   import { css } from "../css"
 
@@ -1081,10 +1064,10 @@ function generatePattern(ctx) {
 }
 
 // src/generators/prop-types.ts
-var import_outdent19 = require("outdent");
+var import_outdent18 = require("outdent");
 function generatePropTypes(utility) {
   const result = [
-    import_outdent19.outdent`
+    import_outdent18.outdent`
     import { Properties as CSSProperties } from './csstype'
     import { Tokens } from './token'
 
@@ -1113,15 +1096,15 @@ function generatePropTypes(utility) {
 
 // src/generators/recipe.ts
 var import_shared3 = require("@pandacss/shared");
-var import_outdent20 = require("outdent");
+var import_outdent19 = require("outdent");
 function generateRecipes(ctx) {
   const { recipes = {}, hash, hasRecipes, utility } = ctx;
   const { separator } = utility;
   if (!hasRecipes)
     return;
   const js = [
-    import_outdent20.outdent`
-   import { createCss, withoutSpace, compact } from "../helpers"
+    import_outdent19.outdent`
+   import { createCss, withoutSpace, compact } from '../helpers'
 
    const createRecipe = (name, defaultVariants) => {
      return (variants) => {
@@ -1152,15 +1135,17 @@ function generateRecipes(ctx) {
    }
   `
   ];
-  const dts = [""];
+  const dts = [
+    import_outdent19.outdent`
+  import { ConditionalValue } from '../types'
+  `
+  ];
   Object.values(recipes).forEach((recipe) => {
     const { name, description, defaultVariants, variants } = recipe;
-    js.push(import_outdent20.outdent`
+    js.push(import_outdent19.outdent`
     export const ${name} = createRecipe('${name}', ${JSON.stringify(defaultVariants ?? {})})
     `);
-    dts.push(import_outdent20.outdent`
-    import { ConditionalValue } from "../types"
-
+    dts.push(import_outdent19.outdent`
     export type ${(0, import_shared3.capitalize)(name)}Variants = {
       ${Object.keys(variants ?? {}).map((key) => {
       const value = variants[key];
@@ -1174,8 +1159,8 @@ function generateRecipes(ctx) {
     `);
   });
   return {
-    js: import_outdent20.outdent.string(js.join("\n\n")),
-    dts: import_outdent20.outdent.string(dts.join("\n\n"))
+    js: import_outdent19.outdent.string(js.join("\n\n")),
+    dts: import_outdent19.outdent.string(dts.join("\n\n"))
   };
 }
 
@@ -1354,7 +1339,7 @@ function cleanupSelectors(css2, varSelector) {
 
 // src/generators/token-dts.ts
 var import_shared4 = require("@pandacss/shared");
-var import_outdent21 = require("outdent");
+var import_outdent20 = require("outdent");
 var import_pluralize = __toESM(require("pluralize"));
 function generateTokenDts(dict) {
   const set = /* @__PURE__ */ new Set();
@@ -1372,11 +1357,11 @@ function generateTokenDts(dict) {
   }
   result.add("} & { [token: string]: never }");
   set.add(Array.from(result).join("\n"));
-  return import_outdent21.outdent.string(Array.from(set).join("\n\n"));
+  return import_outdent20.outdent.string(Array.from(set).join("\n\n"));
 }
 
 // src/generators/token-js.ts
-var import_outdent22 = __toESM(require("outdent"));
+var import_outdent21 = __toESM(require("outdent"));
 function generateTokenJs(dict) {
   const map = /* @__PURE__ */ new Map();
   dict.allTokens.forEach((token) => {
@@ -1386,7 +1371,7 @@ function generateTokenJs(dict) {
   });
   const obj = Object.fromEntries(map);
   return {
-    js: import_outdent22.default`
+    js: import_outdent21.default`
   const tokens = ${JSON.stringify(obj, null, 2)}
   
   export function getToken(path) {
@@ -1399,7 +1384,7 @@ function generateTokenJs(dict) {
     return variable
   }
   `,
-    dts: import_outdent22.default`
+    dts: import_outdent21.default`
   import { Token } from "../types/token"
   export declare function getToken(path: Token): string
   export declare function getTokenVar(path: Token): string
@@ -1409,7 +1394,7 @@ function generateTokenJs(dict) {
 
 // src/generators/types.ts
 var import_fs_extra = require("fs-extra");
-var import_outdent23 = __toESM(require("outdent"));
+var import_outdent22 = __toESM(require("outdent"));
 function getType(file) {
   const filepath = getEntrypoint("@pandacss/types", { dev: file });
   return (0, import_fs_extra.readFileSync)(filepath, "utf8");
@@ -1420,7 +1405,7 @@ function generateCssType(ctx) {
   return {
     cssType: getType("csstype.d.ts"),
     pandaCssType: getType("system-types.d.ts"),
-    publicType: import_outdent23.default`
+    publicType: import_outdent22.default`
     import * as System from './system-types'
     import { PropTypes } from './prop-type'
     import { Conditions } from './conditions'
@@ -1471,16 +1456,6 @@ function setupDesignTokens(ctx) {
     ]
   };
 }
-function setupGlobalCss(ctx) {
-  const code = generateGlobalCss();
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: "global-css.mjs", code: code.js },
-      { file: "global-css.d.ts", code: code.dts }
-    ]
-  };
-}
 function setupTypes(ctx) {
   const code = generateCssType(ctx);
   const conditions = generateConditions(ctx);
@@ -1548,7 +1523,7 @@ function setupPatterns(ctx) {
   if (!files) {
     return { files: [] };
   }
-  const indexCode = import_outdent24.default.string(files.map((file) => `export * from './${file.name}'`).join("\n"));
+  const indexCode = import_outdent23.default.string(files.map((file) => `export * from './${file.name}'`).join("\n"));
   return {
     dir: ctx.paths.pattern,
     files: [
@@ -1567,10 +1542,10 @@ function setupJsx(ctx) {
   const factory = generateJsxFactory(ctx);
   const patterns = generateJsxPatterns(ctx);
   const layoutGrid = generateLayoutGrid(ctx);
-  const indexCode = import_outdent24.default`
+  const indexCode = import_outdent23.default`
   export * from './factory'
   export * from './layout-grid'
-  ${import_outdent24.default.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
+  ${import_outdent23.default.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
 `;
   return {
     dir: ctx.paths.jsx,
@@ -1584,7 +1559,7 @@ function setupJsx(ctx) {
       { file: "factory.jsx", code: factory.js },
       {
         file: "index.d.ts",
-        code: import_outdent24.default`
+        code: import_outdent23.default`
         ${indexCode}
         export type { ${ctx.jsxFactoryDetails.typeName} } from '../types/jsx'
       `
@@ -1594,7 +1569,7 @@ function setupJsx(ctx) {
   };
 }
 function setupCssIndex(ctx) {
-  const code = import_outdent24.default`
+  const code = import_outdent23.default`
   export * from './css'
   export * from './cx'
   export * from './global-css'
@@ -1623,7 +1598,6 @@ function generateSystem(ctx) {
     setupCssMap(ctx),
     setupCx(ctx),
     setupCss(ctx),
-    setupGlobalCss(ctx),
     setupRecipes(ctx),
     setupPatterns(ctx),
     setupCssIndex(ctx),
@@ -1634,30 +1608,30 @@ function generateSystem(ctx) {
 
 // src/messages.ts
 var import_logger3 = require("@pandacss/logger");
-var import_outdent25 = require("outdent");
+var import_outdent24 = require("outdent");
 var tick = import_logger3.colors.green().bold("\u2714\uFE0F");
 function artifactsGeneratedMessage(ctx) {
   return [
-    import_outdent25.outdent`
+    import_outdent24.outdent`
       ${tick} ${(0, import_logger3.quote)(ctx.outdir, "/css")}: the css function to author styles
     `,
-    ctx.hasTokens && import_outdent25.outdent`
+    ctx.hasTokens && import_outdent24.outdent`
       ${tick} ${(0, import_logger3.quote)(ctx.outdir, "/tokens")}: the css variables and js function to query your tokens
     `,
-    ctx.hasPatterns && import_outdent25.outdent`
+    ctx.hasPatterns && import_outdent24.outdent`
       ${tick} ${(0, import_logger3.quote)(ctx.outdir, "/patterns")}: functions to implement common css patterns
     `,
-    ctx.hasRecipes && import_outdent25.outdent`
+    ctx.hasRecipes && import_outdent24.outdent`
       ${tick} ${(0, import_logger3.quote)(ctx.outdir, "/recipes")}: functions to create multi-variant styles
     `,
-    ctx.jsxFramework && import_outdent25.outdent`
+    ctx.jsxFramework && import_outdent24.outdent`
       ${tick} ${(0, import_logger3.quote)(ctx.outdir, "/jsx")}: style prop powered elements for ${ctx.jsxFramework}
     `,
     "\n"
   ].filter(Boolean).join("\n");
 }
 function configExistsMessage(cmd) {
-  return import_outdent25.outdent`
+  return import_outdent24.outdent`
       \n
       It looks like you already have panda created\`.
       
@@ -1666,7 +1640,7 @@ function configExistsMessage(cmd) {
       `;
 }
 function thankYouMessage() {
-  return import_outdent25.outdent`
+  return import_outdent24.outdent`
 
   🚀 Thanks for choosing ${import_logger3.colors.cyan("Panda")} to write your css.
 
@@ -1678,7 +1652,7 @@ var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
 var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
 function scaffoldCompleteMessage() {
   return import_logger3.logger.box(
-    import_outdent25.outdent`
+    import_outdent24.outdent`
 
   ${import_logger3.colors.bold().cyan("Next steps:")}
   
@@ -1694,12 +1668,12 @@ function scaffoldCompleteMessage() {
   );
 }
 function watchMessage() {
-  return import_outdent25.outdent`
+  return import_outdent24.outdent`
   Watching for file changes...
   `;
 }
 function buildCompleteMessage(ctx) {
-  return import_outdent25.outdent`
+  return import_outdent24.outdent`
   Successfully extracted css from ${ctx.files.length} file(s) ✨
   `;
 }
@@ -2057,9 +2031,6 @@ function createContext(conf, io = fileSystem) {
   }
   function getCss(collector, file) {
     const sheet = new import_core3.Stylesheet(context());
-    collector.globalCss.forEach((result) => {
-      sheet.processGlobalCss(result.data);
-    });
     collector.css.forEach((result) => {
       sheet.processAtomic(result.data);
     });
@@ -2440,9 +2411,9 @@ async function generate5(config, configPath) {
 // src/git-ignore.ts
 var import_fs5 = require("fs");
 var import_look_it_up2 = require("look-it-up");
-var import_outdent26 = __toESM(require("outdent"));
+var import_outdent25 = __toESM(require("outdent"));
 function setupGitIgnore(ctx) {
-  const txt = import_outdent26.default`## CSS Panda
+  const txt = import_outdent25.default`## CSS Panda
   ${ctx.outdir}
   ${ctx.outdir}-static
   `;
@@ -2460,7 +2431,7 @@ function setupGitIgnore(ctx) {
 var import_logger9 = require("@pandacss/logger");
 var import_fs_extra4 = require("fs-extra");
 var import_look_it_up3 = require("look-it-up");
-var import_outdent27 = require("outdent");
+var import_outdent26 = require("outdent");
 var import_path6 = require("path");
 var import_preferred_pm2 = __toESM(require("preferred-pm"));
 async function setupConfig(cwd, { force }) {
@@ -2474,7 +2445,7 @@ async function setupConfig(cwd, { force }) {
   if (!force && configFile) {
     import_logger9.logger.warn("config exists", configExistsMessage(cmd));
   } else {
-    const content = import_outdent27.outdent`
+    const content = import_outdent26.outdent`
        import { defineConfig } from "css-panda"
 
        export default defineConfig({
@@ -2500,7 +2471,7 @@ async function setupConfig(cwd, { force }) {
 }
 async function setupPostcss(cwd) {
   import_logger9.logger.info({ type: "init", msg: `creating postcss config file: ${(0, import_logger9.quote)("postcss.config.cjs")}` });
-  const content = import_outdent27.outdent`
+  const content = import_outdent26.outdent`
   module.exports = {
     plugins: {
       'css-panda/postcss': {},

package/dist/index.mjs

@@ -81,7 +81,7 @@ async function writeFileChunk(ctx, file) {
 
 // src/generators/index.ts
 import { readFileSync as readFileSync3 } from "fs";
-import outdent24 from "outdent";
+import outdent23 from "outdent";
 
 // src/generators/conditions.ts
 import { unionType } from "@pandacss/shared";
@@ -252,23 +252,6 @@ function getEntrypoint(pkg, file) {
   return join(dirname(entry), prod);
 }
 
-// src/generators/global-css.ts
-import { outdent as outdent5 } from "outdent";
-function generateGlobalCss() {
-  return {
-    js: outdent5`
-     export function globalCss(styles){
-        void styles
-     }
-    `,
-    dts: outdent5`
-    import { GlobalStyleObject } from '../types'
-
-    export declare function globalCss(styles: GlobalStyleObject): void
-    `
-  };
-}
-
 // src/generators/is-valid-prop.ts
 import { readFileSync } from "fs";
 function generateisValidProp(ctx) {
@@ -284,11 +267,11 @@ function generateisValidProp(ctx) {
 }
 
 // src/generators/jsx/preact-jsx.ts
-import { outdent as outdent6 } from "outdent";
+import { outdent as outdent5 } from "outdent";
 function generatePreactJsxFactory(ctx) {
   const { name, componentName } = ctx.jsxFactoryDetails;
   return {
-    js: outdent6`
+    js: outdent5`
     import { h } from 'preact'
     import { forwardRef } from 'preact/compat'
     import { useMemo } from 'preact/hooks'
@@ -357,10 +340,10 @@ function generatePreactJsxFactory(ctx) {
 }
 
 // src/generators/jsx/preact-layout-grid.ts
-import { outdent as outdent7 } from "outdent";
+import { outdent as outdent6 } from "outdent";
 function generatePreactLayoutGrid() {
   return {
-    dts: outdent7`
+    dts: outdent6`
     import { FunctionComponent } from 'preact'
 
     export type LayoutGridProps = {
@@ -372,7 +355,7 @@ function generatePreactLayoutGrid() {
 
     export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
     `,
-    js: outdent7`
+    js: outdent6`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -410,14 +393,14 @@ function generatePreactLayoutGrid() {
 }
 
 // src/generators/jsx/preact-pattern.ts
-import { outdent as outdent8 } from "outdent";
+import { outdent as outdent7 } from "outdent";
 import { match } from "ts-pattern";
 function generate(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: outdent8`
+    js: outdent7`
     import { forwardRef } from 'preact/compat'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -425,11 +408,11 @@ function generate(ctx, name, pattern) {
     export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
       ${match(props.length).with(
       0,
-      () => outdent8`
+      () => outdent7`
           return <${ctx.jsxFactory}.div ref={ref} {...props} />
         `
     ).otherwise(
-      () => outdent8`
+      () => outdent7`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFn}({${props.join(", ")}})
         return <${ctx.jsxFactory}.div ref={ref} {...styleProps} {...restProps} />
@@ -437,7 +420,7 @@ function generate(ctx, name, pattern) {
     )}
     })    
     `,
-    dts: outdent8`
+    dts: outdent7`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -451,15 +434,15 @@ function generatePreactJsxPattern(ctx) {
 }
 
 // src/generators/jsx/preact-types.ts
-import { outdent as outdent9 } from "outdent";
+import { outdent as outdent8 } from "outdent";
 function generatePreactJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: outdent9`
+    jsxFactory: outdent8`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: outdent9`
+    jsxType: outdent8`
 import type { JSX, ElementType, ComponentProps } from 'preact'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -503,11 +486,11 @@ export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentP
 }
 
 // src/generators/jsx/react-jsx.ts
-import { outdent as outdent10 } from "outdent";
+import { outdent as outdent9 } from "outdent";
 function generateReactJsxFactory(ctx) {
   const { name, componentName } = ctx.jsxFactoryDetails;
   return {
-    js: outdent10`
+    js: outdent9`
     import { forwardRef, useMemo } from 'react'
     import { isCssProperty } from './is-valid-prop'
     import { css, cx } from '../css'
@@ -575,10 +558,10 @@ function generateReactJsxFactory(ctx) {
 }
 
 // src/generators/jsx/react-layout-grid.ts
-import { outdent as outdent11 } from "outdent";
+import { outdent as outdent10 } from "outdent";
 function generateReactLayoutGrid() {
   return {
-    dts: outdent11`
+    dts: outdent10`
     import type { FunctionComponent } from 'react'
 
     export type LayoutGridProps = {
@@ -590,7 +573,7 @@ function generateReactLayoutGrid() {
 
     export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
     `,
-    js: outdent11`
+    js: outdent10`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -628,14 +611,14 @@ function generateReactLayoutGrid() {
 }
 
 // src/generators/jsx/react-pattern.ts
-import { outdent as outdent12 } from "outdent";
+import { outdent as outdent11 } from "outdent";
 import { match as match2 } from "ts-pattern";
 function generate2(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: outdent12`
+    js: outdent11`
     import { forwardRef } from 'react'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -643,11 +626,11 @@ function generate2(ctx, name, pattern) {
     export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
       ${match2(props.length).with(
       0,
-      () => outdent12`
+      () => outdent11`
           return <${ctx.jsxFactory}.div ref={ref} {...props} />
         `
     ).otherwise(
-      () => outdent12`
+      () => outdent11`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFn}({${props.join(", ")}})
         return <${ctx.jsxFactory}.div ref={ref} {...styleProps} {...restProps} />
@@ -656,7 +639,7 @@ function generate2(ctx, name, pattern) {
         
     })    
     `,
-    dts: outdent12`
+    dts: outdent11`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -670,15 +653,15 @@ function generateReactJsxPattern(ctx) {
 }
 
 // src/generators/jsx/react-types.ts
-import { outdent as outdent13 } from "outdent";
+import { outdent as outdent12 } from "outdent";
 function generateReactJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: outdent13`
+    jsxFactory: outdent12`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: outdent13`
+    jsxType: outdent12`
 import type { ElementType, ComponentProps } from 'react'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -722,11 +705,11 @@ export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentP
 }
 
 // src/generators/jsx/solid-jsx.ts
-import { outdent as outdent14 } from "outdent";
+import { outdent as outdent13 } from "outdent";
 function generateSolidJsxFactory(ctx) {
   const { componentName, name } = ctx.jsxFactoryDetails;
   return {
-    js: outdent14`
+    js: outdent13`
     import { Dynamic } from 'solid-js/web'
     import { mergeProps, splitProps } from 'solid-js'
     import { allCssProperties } from './is-valid-prop'
@@ -789,10 +772,10 @@ function generateSolidJsxFactory(ctx) {
 }
 
 // src/generators/jsx/solid-layout-grid.ts
-import { outdent as outdent15 } from "outdent";
+import { outdent as outdent14 } from "outdent";
 function generateSolidLayoutGrid() {
   return {
-    dts: outdent15`
+    dts: outdent14`
     import { ParentProps } from 'solid-js'
     
     export type LayoutGridProps = {
@@ -804,7 +787,7 @@ function generateSolidLayoutGrid() {
 
     export declare const LayoutGrid: ParentProps<LayoutGridProps>
     `,
-    js: outdent15`
+    js: outdent14`
     export function LayoutGrid(props) {
         const { count = 12, margin, gutter = '24px', maxWidth } = props
         const hasMaxWidth = maxWidth != null;
@@ -842,14 +825,14 @@ function generateSolidLayoutGrid() {
 }
 
 // src/generators/jsx/solid-pattern.ts
-import { outdent as outdent16 } from "outdent";
+import { outdent as outdent15 } from "outdent";
 import { match as match3 } from "ts-pattern";
 function generate3(ctx, name, pattern) {
   const { upperName, styleFn, dashName, jsxName, props } = ctx.getPatternDetails(name, pattern);
   const { componentName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
-    js: outdent16`
+    js: outdent15`
     import { splitProps } from 'solid-js'
     import { ${ctx.jsxFactory} } from './factory'
     import { ${styleFn} } from '../patterns/${dashName}'
@@ -857,11 +840,11 @@ function generate3(ctx, name, pattern) {
     export function ${jsxName}(props) {
       ${match3(props.length).with(
       0,
-      () => outdent16`
+      () => outdent15`
           return <${ctx.jsxFactory}.div {...props} />
         `
     ).otherwise(
-      () => outdent16`
+      () => outdent15`
           const [patternProps, restProps] = splitProps(props, [${props.map((v) => JSON.stringify(v)).join(", ")}]);
           const styleProps = ${styleFn}(patternProps)
           return <${ctx.jsxFactory}.div {...styleProps} {...restProps} />
@@ -869,7 +852,7 @@ function generate3(ctx, name, pattern) {
     )}
     }
     `,
-    dts: outdent16`
+    dts: outdent15`
     import { ${upperName}Properties } from '../patterns/${dashName}'
     import { ${componentName} } from '../types/jsx'
 
@@ -883,15 +866,15 @@ function generateSolidJsxPattern(ctx) {
 }
 
 // src/generators/jsx/solid-types.ts
-import { outdent as outdent17 } from "outdent";
+import { outdent as outdent16 } from "outdent";
 function generateSolidJsxTypes(ctx) {
   const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
   return {
-    jsxFactory: outdent17`
+    jsxFactory: outdent16`
 import { ${upperName} } from '../types/jsx'
 export declare const ${name}: ${upperName}
     `,
-    jsxType: outdent17`
+    jsxType: outdent16`
 import type { JSX, ComponentProps, Component } from 'solid-js'
 import type { JsxStyleProps, Assign } from '.'
 
@@ -977,7 +960,7 @@ function generateLayoutGrid(ctx) {
 
 // src/generators/pattern.ts
 import { capitalize, dashCase, unionType as unionType2 } from "@pandacss/shared";
-import { outdent as outdent18 } from "outdent";
+import { outdent as outdent17 } from "outdent";
 import { stringify as stringify2 } from "telejson";
 import { match as match4 } from "ts-pattern";
 function generate4(name, pattern) {
@@ -986,7 +969,7 @@ function generate4(name, pattern) {
   const upperFn = `get${upperName}Style`;
   return {
     name: dashCase(name),
-    dts: outdent18`
+    dts: outdent17`
     import { SystemStyleObject, ConditionalValue } from "../types"
     import { Properties } from "../types/csstype"
     import { Tokens } from "../types/token"
@@ -1009,14 +992,14 @@ function generate4(name, pattern) {
     }).join("\n	")}
     }
 
-    ${strict ? outdent18`export declare function ${name}(options: ${upperName}Properties): string` : outdent18`
+    ${strict ? outdent17`export declare function ${name}(options: ${upperName}Properties): string` : outdent17`
         
         ${description ? `/** ${description} */` : ""}
         export declare function ${name}(options: SystemStyleObject<${upperName}Properties>): string
         `}
 
    `,
-    js: outdent18`
+    js: outdent17`
   import { mapObject } from "../helpers"
   import { css } from "../css"
 
@@ -1035,10 +1018,10 @@ function generatePattern(ctx) {
 }
 
 // src/generators/prop-types.ts
-import { outdent as outdent19 } from "outdent";
+import { outdent as outdent18 } from "outdent";
 function generatePropTypes(utility) {
   const result = [
-    outdent19`
+    outdent18`
     import { Properties as CSSProperties } from './csstype'
     import { Tokens } from './token'
 
@@ -1067,15 +1050,15 @@ function generatePropTypes(utility) {
 
 // src/generators/recipe.ts
 import { capitalize as capitalize2, unionType as unionType3 } from "@pandacss/shared";
-import { outdent as outdent20 } from "outdent";
+import { outdent as outdent19 } from "outdent";
 function generateRecipes(ctx) {
   const { recipes = {}, hash, hasRecipes, utility } = ctx;
   const { separator } = utility;
   if (!hasRecipes)
     return;
   const js = [
-    outdent20`
-   import { createCss, withoutSpace, compact } from "../helpers"
+    outdent19`
+   import { createCss, withoutSpace, compact } from '../helpers'
 
    const createRecipe = (name, defaultVariants) => {
      return (variants) => {
@@ -1106,15 +1089,17 @@ function generateRecipes(ctx) {
    }
   `
   ];
-  const dts = [""];
+  const dts = [
+    outdent19`
+  import { ConditionalValue } from '../types'
+  `
+  ];
   Object.values(recipes).forEach((recipe) => {
     const { name, description, defaultVariants, variants } = recipe;
-    js.push(outdent20`
+    js.push(outdent19`
     export const ${name} = createRecipe('${name}', ${JSON.stringify(defaultVariants ?? {})})
     `);
-    dts.push(outdent20`
-    import { ConditionalValue } from "../types"
-
+    dts.push(outdent19`
     export type ${capitalize2(name)}Variants = {
       ${Object.keys(variants ?? {}).map((key) => {
       const value = variants[key];
@@ -1128,8 +1113,8 @@ function generateRecipes(ctx) {
     `);
   });
   return {
-    js: outdent20.string(js.join("\n\n")),
-    dts: outdent20.string(dts.join("\n\n"))
+    js: outdent19.string(js.join("\n\n")),
+    dts: outdent19.string(dts.join("\n\n"))
   };
 }
 
@@ -1308,7 +1293,7 @@ function cleanupSelectors(css2, varSelector) {
 
 // src/generators/token-dts.ts
 import { unionType as unionType4, capitalize as capitalize3 } from "@pandacss/shared";
-import { outdent as outdent21 } from "outdent";
+import { outdent as outdent20 } from "outdent";
 import pluralize from "pluralize";
 function generateTokenDts(dict) {
   const set = /* @__PURE__ */ new Set();
@@ -1326,11 +1311,11 @@ function generateTokenDts(dict) {
   }
   result.add("} & { [token: string]: never }");
   set.add(Array.from(result).join("\n"));
-  return outdent21.string(Array.from(set).join("\n\n"));
+  return outdent20.string(Array.from(set).join("\n\n"));
 }
 
 // src/generators/token-js.ts
-import outdent22 from "outdent";
+import outdent21 from "outdent";
 function generateTokenJs(dict) {
   const map = /* @__PURE__ */ new Map();
   dict.allTokens.forEach((token) => {
@@ -1340,7 +1325,7 @@ function generateTokenJs(dict) {
   });
   const obj = Object.fromEntries(map);
   return {
-    js: outdent22`
+    js: outdent21`
   const tokens = ${JSON.stringify(obj, null, 2)}
   
   export function getToken(path) {
@@ -1353,7 +1338,7 @@ function generateTokenJs(dict) {
     return variable
   }
   `,
-    dts: outdent22`
+    dts: outdent21`
   import { Token } from "../types/token"
   export declare function getToken(path: Token): string
   export declare function getTokenVar(path: Token): string
@@ -1363,7 +1348,7 @@ function generateTokenJs(dict) {
 
 // src/generators/types.ts
 import { readFileSync as readFileSync2 } from "fs-extra";
-import outdent23 from "outdent";
+import outdent22 from "outdent";
 function getType(file) {
   const filepath = getEntrypoint("@pandacss/types", { dev: file });
   return readFileSync2(filepath, "utf8");
@@ -1374,7 +1359,7 @@ function generateCssType(ctx) {
   return {
     cssType: getType("csstype.d.ts"),
     pandaCssType: getType("system-types.d.ts"),
-    publicType: outdent23`
+    publicType: outdent22`
     import * as System from './system-types'
     import { PropTypes } from './prop-type'
     import { Conditions } from './conditions'
@@ -1425,16 +1410,6 @@ function setupDesignTokens(ctx) {
     ]
   };
 }
-function setupGlobalCss(ctx) {
-  const code = generateGlobalCss();
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: "global-css.mjs", code: code.js },
-      { file: "global-css.d.ts", code: code.dts }
-    ]
-  };
-}
 function setupTypes(ctx) {
   const code = generateCssType(ctx);
   const conditions = generateConditions(ctx);
@@ -1502,7 +1477,7 @@ function setupPatterns(ctx) {
   if (!files) {
     return { files: [] };
   }
-  const indexCode = outdent24.string(files.map((file) => `export * from './${file.name}'`).join("\n"));
+  const indexCode = outdent23.string(files.map((file) => `export * from './${file.name}'`).join("\n"));
   return {
     dir: ctx.paths.pattern,
     files: [
@@ -1521,10 +1496,10 @@ function setupJsx(ctx) {
   const factory = generateJsxFactory(ctx);
   const patterns = generateJsxPatterns(ctx);
   const layoutGrid = generateLayoutGrid(ctx);
-  const indexCode = outdent24`
+  const indexCode = outdent23`
   export * from './factory'
   export * from './layout-grid'
-  ${outdent24.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
+  ${outdent23.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
 `;
   return {
     dir: ctx.paths.jsx,
@@ -1538,7 +1513,7 @@ function setupJsx(ctx) {
       { file: "factory.jsx", code: factory.js },
       {
         file: "index.d.ts",
-        code: outdent24`
+        code: outdent23`
         ${indexCode}
         export type { ${ctx.jsxFactoryDetails.typeName} } from '../types/jsx'
       `
@@ -1548,7 +1523,7 @@ function setupJsx(ctx) {
   };
 }
 function setupCssIndex(ctx) {
-  const code = outdent24`
+  const code = outdent23`
   export * from './css'
   export * from './cx'
   export * from './global-css'
@@ -1577,7 +1552,6 @@ function generateSystem(ctx) {
     setupCssMap(ctx),
     setupCx(ctx),
     setupCss(ctx),
-    setupGlobalCss(ctx),
     setupRecipes(ctx),
     setupPatterns(ctx),
     setupCssIndex(ctx),
@@ -1588,30 +1562,30 @@ function generateSystem(ctx) {
 
 // src/messages.ts
 import { colors, logger as logger3, quote as quote2 } from "@pandacss/logger";
-import { outdent as outdent25 } from "outdent";
+import { outdent as outdent24 } from "outdent";
 var tick = colors.green().bold("\u2714\uFE0F");
 function artifactsGeneratedMessage(ctx) {
   return [
-    outdent25`
+    outdent24`
       ${tick} ${quote2(ctx.outdir, "/css")}: the css function to author styles
     `,
-    ctx.hasTokens && outdent25`
+    ctx.hasTokens && outdent24`
       ${tick} ${quote2(ctx.outdir, "/tokens")}: the css variables and js function to query your tokens
     `,
-    ctx.hasPatterns && outdent25`
+    ctx.hasPatterns && outdent24`
       ${tick} ${quote2(ctx.outdir, "/patterns")}: functions to implement common css patterns
     `,
-    ctx.hasRecipes && outdent25`
+    ctx.hasRecipes && outdent24`
       ${tick} ${quote2(ctx.outdir, "/recipes")}: functions to create multi-variant styles
     `,
-    ctx.jsxFramework && outdent25`
+    ctx.jsxFramework && outdent24`
       ${tick} ${quote2(ctx.outdir, "/jsx")}: style prop powered elements for ${ctx.jsxFramework}
     `,
     "\n"
   ].filter(Boolean).join("\n");
 }
 function configExistsMessage(cmd) {
-  return outdent25`
+  return outdent24`
       \n
       It looks like you already have panda created\`.
       
@@ -1620,7 +1594,7 @@ function configExistsMessage(cmd) {
       `;
 }
 function thankYouMessage() {
-  return outdent25`
+  return outdent24`
 
   🚀 Thanks for choosing ${colors.cyan("Panda")} to write your css.
 
@@ -1632,7 +1606,7 @@ var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
 var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
 function scaffoldCompleteMessage() {
   return logger3.box(
-    outdent25`
+    outdent24`
 
   ${colors.bold().cyan("Next steps:")}
   
@@ -1648,12 +1622,12 @@ function scaffoldCompleteMessage() {
   );
 }
 function watchMessage() {
-  return outdent25`
+  return outdent24`
   Watching for file changes...
   `;
 }
 function buildCompleteMessage(ctx) {
-  return outdent25`
+  return outdent24`
   Successfully extracted css from ${ctx.files.length} file(s) ✨
   `;
 }
@@ -2018,9 +1992,6 @@ function createContext(conf, io = fileSystem) {
   }
   function getCss(collector, file) {
     const sheet = new Stylesheet2(context());
-    collector.globalCss.forEach((result) => {
-      sheet.processGlobalCss(result.data);
-    });
     collector.css.forEach((result) => {
       sheet.processAtomic(result.data);
     });
@@ -2401,9 +2372,9 @@ async function generate5(config, configPath) {
 // src/git-ignore.ts
 import { appendFileSync, readFileSync as readFileSync6, writeFileSync } from "fs";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";
-import outdent26 from "outdent";
+import outdent25 from "outdent";
 function setupGitIgnore(ctx) {
-  const txt = outdent26`## CSS Panda
+  const txt = outdent25`## CSS Panda
   ${ctx.outdir}
   ${ctx.outdir}-static
   `;
@@ -2421,7 +2392,7 @@ function setupGitIgnore(ctx) {
 import { logger as logger9, quote as quote3 } from "@pandacss/logger";
 import { writeFile as writeFile2 } from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
-import { outdent as outdent27 } from "outdent";
+import { outdent as outdent26 } from "outdent";
 import { join as join4 } from "path";
 import getPackageManager2 from "preferred-pm";
 async function setupConfig(cwd, { force }) {
@@ -2435,7 +2406,7 @@ async function setupConfig(cwd, { force }) {
   if (!force && configFile) {
     logger9.warn("config exists", configExistsMessage(cmd));
   } else {
-    const content = outdent27`
+    const content = outdent26`
        import { defineConfig } from "css-panda"
 
        export default defineConfig({
@@ -2461,7 +2432,7 @@ async function setupConfig(cwd, { force }) {
 }
 async function setupPostcss(cwd) {
   logger9.info({ type: "init", msg: `creating postcss config file: ${quote3("postcss.config.cjs")}` });
-  const content = outdent27`
+  const content = outdent26`
   module.exports = {
     plugins: {
       'css-panda/postcss': {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20230106195931",
+  "version": "0.0.0-dev-20230106201243",
   "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-20230106195931",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230106195931",
-    "@pandacss/error": "0.0.0-dev-20230106195931",
-    "@pandacss/parser": "0.0.0-dev-20230106195931",
-    "@pandacss/shared": "0.0.0-dev-20230106195931",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230106195931",
-    "@pandacss/logger": "0.0.0-dev-20230106195931",
-    "@pandacss/core": "0.0.0-dev-20230106195931",
-    "@pandacss/config": "0.0.0-dev-20230106195931"
+    "@pandacss/types": "0.0.0-dev-20230106201243",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230106201243",
+    "@pandacss/error": "0.0.0-dev-20230106201243",
+    "@pandacss/parser": "0.0.0-dev-20230106201243",
+    "@pandacss/shared": "0.0.0-dev-20230106201243",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230106201243",
+    "@pandacss/logger": "0.0.0-dev-20230106201243",
+    "@pandacss/core": "0.0.0-dev-20230106201243",
+    "@pandacss/config": "0.0.0-dev-20230106201243"
   },
   "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-20230106195931"
+    "@pandacss/fixture": "0.0.0-dev-20230106201243"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",