@pandacss/node 0.0.0-dev-20230109182737 → 0.0.0-dev-20230110151021

package/dist/index.mjs

@@ -84,20 +84,19 @@ import { readFileSync as readFileSync3 } from "fs";
 import outdent23 from "outdent";
 
 // src/generators/conditions.ts
-import { unionType } from "@pandacss/shared";
 import outdent from "outdent";
 function generateConditions(ctx) {
   const keys = Object.keys(ctx.conditions.values).concat("base");
   return {
     js: outdent`
-     import { withoutSpace } from '../helpers'
-     const conditions = new Set([${keys.map((key) => JSON.stringify(key))}])
-     
-     export function isCondition(value){
+    import { withoutSpace } from '../helpers'
+    const conditions = new Set([${keys.map((key) => JSON.stringify(key))}])
+    
+    export function isCondition(value){
       return conditions.has(value) || /^@|&|&$/.test(value)
-     }
-
-     export function finalizeConditions(paths){
+    }
+    
+    export function finalizeConditions(paths){
       return paths.map((path) => {
         if (conditions.has(path)){
           return path.replace(/^_/, '')
@@ -106,11 +105,11 @@ function generateConditions(ctx) {
         if (/&|@/.test(path)){
           return \`[\${withoutSpace(path.trim())}]\`
         }
-
+        
         return path
       })}
-
-     export function sortConditions(paths){
+      
+      export function sortConditions(paths){
         return paths.sort((a, b) => {
           const aa = isCondition(a)
           const bb = isCondition(b)
@@ -118,12 +117,34 @@ function generateConditions(ctx) {
           if (!aa && bb) return -1
           return 0
         })
-     }
-    `,
+      }
+      `,
     dts: outdent`
-  export type Condition = ${unionType(keys)}
+    import type { AnySelector, Selectors } from './selectors'
+    
+    export type Conditions = {
+    ${keys.map((key) => `	${JSON.stringify(key)}: string`).join("\n")}
+    }
+
+    export type Condition = keyof Conditions
 
-  export type Conditions = Record<Condition, string>
+    export type Conditional<V> =
+      | V
+      | Array<V | null>
+      | {
+          [K in keyof Conditions]?: Conditional<V>
+        }
+    
+    export type ConditionalValue<T> = Conditional<T>
+
+    export type Nested<P> = P & {
+      [K in Selectors]?: Nested<P>
+    } & {
+      [K in AnySelector]?: Nested<P>
+    } & {
+      [K in keyof Conditions]?: Nested<P>
+    }
+    
   `
   };
 }
@@ -321,7 +342,7 @@ function generatePreactJsxFactory(ctx) {
     function createJsxFactory() {
       const cache = new Map()
     
-      return new Proxy(Object.create(null), {
+      return new Proxy(styled, {
         apply(_, __, args) {
           return styled(...args)
         },
@@ -396,8 +417,8 @@ function generatePreactLayoutGrid() {
 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;
+  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
+  const { typeName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
     js: outdent7`
@@ -421,11 +442,14 @@ function generate(ctx, name, pattern) {
     })    
     `,
     dts: outdent7`
+    import { FunctionComponent } from 'preact'
     import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${componentName} } from '../types/jsx'
+    import { ${typeName} } from '../types/jsx'
+
+    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
 
     ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: ${componentName}<"div", ${upperName}Properties>
+    export declare const ${jsxName}: FunctionComponent<${upperName}Props>
     `
   };
 }
@@ -455,32 +479,20 @@ type AdditionalHtmlProps = {
   htmlTranslate?: 'yes' | 'no' | undefined
 }
 
-type Polyfill<ComponentProps> = Omit<
-  ComponentProps,
-  'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'
-> &
-  AdditionalHtmlProps
+type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & AdditionalHtmlProps
 
-type Props<ComponentProps extends Dict, AdditionalProps extends Dict = {}> = Assign<
-  Polyfill<ComponentProps>,
-  AdditionalProps
->
+type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
 
-export type ${componentName}<ComponentType extends ElementType, AdditionalProps extends Dict = {}> = {
-  (
-    props: Props<ComponentProps<ComponentType>, AdditionalProps> & JsxStyleProps<AdditionalProps>,
-  ): JSX.Element
+export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
+  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
   displayName?: string
 }
 
 export type ${upperName} = {
-  <Component extends ElementType, AdditionalProps extends Dict = {}>(component: Component): ${componentName}<
-    Component,
-    AdditionalProps
-  >
+  <T extends ElementType, P extends Dict = {}>(component: T): ${componentName}<T, P>
 } & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
 
-export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentProps<ComponentType>> & JsxStyleProps
+export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
   `
   };
 }
@@ -538,7 +550,7 @@ function generateReactJsxFactory(ctx) {
     function createJsxFactory() {
       const cache = new Map()
     
-      return new Proxy(Object.create(null), {
+      return new Proxy(styled, {
         apply(_, __, args) {
           return styled(...args)
         },
@@ -614,8 +626,8 @@ function generateReactLayoutGrid() {
 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;
+  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
+  const { typeName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
     js: outdent11`
@@ -640,11 +652,14 @@ function generate2(ctx, name, pattern) {
     })    
     `,
     dts: outdent11`
+    import { FunctionComponent } from 'react'
     import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${componentName} } from '../types/jsx'
+    import { ${typeName} } from '../types/jsx'
+
+    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
 
     ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: ${componentName}<'div', ${upperName}Properties>
+    export declare const ${jsxName}: FunctionComponent<${upperName}Props>
     `
   };
 }
@@ -674,32 +689,20 @@ type AdditionalHtmlProps = {
   htmlTranslate?: 'yes' | 'no' | undefined
 }
 
-type Polyfill<ComponentProps> = Omit<
-  ComponentProps,
-  'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'
-> &
-  AdditionalHtmlProps
+type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & AdditionalHtmlProps
 
-type Props<ComponentProps extends Dict, AdditionalProps extends Dict = {}> = Assign<
-  Polyfill<ComponentProps>,
-  AdditionalProps
->
+type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
 
-export type ${componentName}<ComponentType extends ElementType, AdditionalProps extends Dict = {}> = {
-  (
-    props: Props<ComponentProps<ComponentType>, AdditionalProps> & JsxStyleProps<AdditionalProps>,
-  ): JSX.Element
+export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
+  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
   displayName?: string
 }
 
 export type ${upperName} = {
-  <Component extends ElementType, AdditionalProps extends Dict = {}>(component: Component): ${componentName}<
-    Component,
-    AdditionalProps
-  >
+  <T extends ElementType, P extends Dict = {}>(component: T): ${componentName}<T, P>
 } & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
 
-export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentProps<ComponentType>> & JsxStyleProps
+export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
   `
   };
 }
@@ -753,7 +756,7 @@ function generateSolidJsxFactory(ctx) {
     function createJsxFactory() {
       const cache = new Map()
     
-      return new Proxy(Object.create(null), {
+      return new Proxy(styled, {
         apply(_, __, args) {
           return styled(...args)
         },
@@ -828,8 +831,8 @@ function generateSolidLayoutGrid() {
 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;
+  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
+  const { typeName } = ctx.jsxFactoryDetails;
   return {
     name: dashName,
     js: outdent15`
@@ -853,11 +856,14 @@ function generate3(ctx, name, pattern) {
     }
     `,
     dts: outdent15`
+    import { Component } from 'solid-js'
     import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${componentName} } from '../types/jsx'
+    import { ${typeName} } from '../types/jsx'
+
+    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
 
     ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: ${componentName}<"div", ${upperName}Properties>
+    export declare const ${jsxName}: Component<${upperName}Props>
     `
   };
 }
@@ -880,7 +886,7 @@ import type { JsxStyleProps, Assign } from '.'
 
 type Dict = Record<string, unknown>
 
-type ElementType<P = any> = keyof JSX.IntrinsicElements | Component<P>;
+type ElementType<P = any> = keyof JSX.IntrinsicElements | Component<P>
 
 type AdditionalHtmlProps = {
   htmlSize?: string | number
@@ -889,33 +895,20 @@ type AdditionalHtmlProps = {
   htmlTranslate?: 'yes' | 'no' | undefined
 }
 
-type Polyfill<ComponentProps> = Omit<
-  ComponentProps,
-  'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'
-> &
-  AdditionalHtmlProps
+type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & AdditionalHtmlProps
 
-type Props<ComponentProps extends Dict, AdditionalProps extends Dict = {}> = Assign<
-  Polyfill<ComponentProps>,
-  AdditionalProps
->
+type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
 
-export type ${componentName}<ComponentType extends ElementType, AdditionalProps extends Dict = {}> = {
-  (
-    props: Props<ComponentProps<ComponentType>, AdditionalProps> & JsxStyleProps<AdditionalProps>,
-  ): JSX.Element
+export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
+  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
   displayName?: string
 }
 
-
 export type ${upperName} = {
-  <Component extends ElementType, AdditionalProps extends Dict = {}>(component: Component): ${componentName}<
-    Component,
-    AdditionalProps
-  >
+  <T extends ElementType, P extends Dict = {}>(component: T): ${componentName}<T, P>
 } & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
 
-export type ${typeName}<ComponentType extends ElementType> = Polyfill<ComponentProps<ComponentType>> & JsxStyleProps
+export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
   `
   };
 }
@@ -959,33 +952,33 @@ function generateLayoutGrid(ctx) {
 }
 
 // src/generators/pattern.ts
-import { capitalize, dashCase, unionType as unionType2 } from "@pandacss/shared";
+import { capitalize, dashCase, unionType } from "@pandacss/shared";
 import { outdent as outdent17 } from "outdent";
 import { stringify as stringify2 } from "telejson";
 import { match as match4 } from "ts-pattern";
-function generate4(name, pattern) {
+function generate4(ctx, name, pattern) {
   const { properties, transform, strict, description } = pattern;
-  const upperName = capitalize(name);
-  const upperFn = `get${upperName}Style`;
+  const { upperName, styleFn, blocklistType } = ctx.getPatternDetails(name, pattern);
   return {
     name: dashCase(name),
     dts: outdent17`
-    import { SystemStyleObject, ConditionalValue } from "../types"
-    import { Properties } from "../types/csstype"
-    import { Tokens } from "../types/token"
+    import { SystemStyleObject, ConditionalValue } from '../types'
+    import { PropertyValue } from '../types/prop-type'
+    import { Properties } from '../types/csstype'
+    import { Tokens } from '../types/token'
 
     export type ${capitalize(name)}Properties = {
        ${Object.keys(properties ?? {}).map((key) => {
       const value = properties[key];
       return match4(value).with({ type: "property" }, (value2) => {
-        return `${key}?: SystemStyleObject["${value2.value}"]`;
+        return `${key}?: PropertyValue<'${value2.value}'>`;
       }).with({ type: "token" }, (value2) => {
         if (value2.property) {
           return `${key}?: ConditionalValue<Tokens["${value2.value}"] | Properties["${value2.property}"]>`;
         }
         return `${key}?: ConditionalValue<Tokens["${value2.value}"]>`;
       }).with({ type: "enum" }, (value2) => {
-        return `${key}?: ConditionalValue<${unionType2(value2.value)}>`;
+        return `${key}?: ConditionalValue<${unionType(value2.value)}>`;
       }).otherwise(() => {
         return `${key}?: ConditionalValue<${value.type}>`;
       });
@@ -993,39 +986,43 @@ function generate4(name, pattern) {
     }
 
     ${strict ? outdent17`export declare function ${name}(options: ${upperName}Properties): string` : outdent17`
-        
+                
+        type ${upperName}Options = ${upperName}Properties & Omit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}>
+
         ${description ? `/** ${description} */` : ""}
-        export declare function ${name}(options: SystemStyleObject<${upperName}Properties>): string
+        export declare function ${name}(options: ${upperName}Options): string
         `}
 
    `,
     js: outdent17`
-  import { mapObject } from "../helpers"
-  import { css } from "../css"
+  import { mapObject } from '../helpers'
+  import { css } from '../css'
 
   const config = ${stringify2({ transform })}
 
-  export const ${upperFn} = (styles) => config.transform(styles, { map: mapObject })
+  export const ${styleFn} = (styles) => config.transform(styles, { map: mapObject })
 
-  export const ${name} = (styles) => css(${upperFn}(styles))
-  `.replace(/"_function_([^|]*)\|(.*)"/, "$2").replace(/\\"/g, '"').replace("return", "; return").replace(";;", ";")
+  export const ${name} = (styles) => css(${styleFn}(styles))
+  `.replace(/"_function_([^|]*)\|(.*)"/, "$2").replace(/\\"/g, '"').replace("return", "; return").replace(";;", ";").replace("{;", "{")
   };
 }
 function generatePattern(ctx) {
   if (!ctx.hasPatterns)
     return;
-  return Object.entries(ctx.patterns).map(([name, pattern]) => generate4(name, pattern));
+  return Object.entries(ctx.patterns).map(([name, pattern]) => generate4(ctx, name, pattern));
 }
 
 // src/generators/prop-types.ts
 import { outdent as outdent18 } from "outdent";
-function generatePropTypes(utility) {
+function generatePropTypes(utility, strict) {
+  const strictText = `${strict ? "" : " | NativeValue<T>"}`;
   const result = [
     outdent18`
+    import { ConditionalValue } from './conditions';
     import { Properties as CSSProperties } from './csstype'
     import { Tokens } from './token'
 
-    type BasePropTypes  = {`
+    type PropertyValueTypes  = {`
   ];
   const types = utility.getTypes();
   for (const [prop, values] of types.entries()) {
@@ -1033,23 +1030,29 @@ function generatePropTypes(utility) {
   }
   result.push("}", "\n");
   result.push(`
-  type CssProp<T> = T extends keyof CSSProperties ? CSSProperties[T] : never
-  
-  type BaseProp<T> = T extends keyof BasePropTypes ? BasePropTypes[T] : never
-  
-  type Shorthand<T> = CssProp<T> | BaseProp<T>
+  type NativeValue<T> = T extends keyof CSSProperties ? CSSProperties[T] : never
+    
+  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : NativeValue<T>
    
-  export type PropTypes = BasePropTypes & {
+  export type PropertyTypes = PropertyValueTypes & {
   `);
   utility.shorthands.forEach((value, key) => {
     result.push(`	${key}: Shorthand<${JSON.stringify(value)}>;`);
   });
   result.push("}");
-  return result.join("\n");
+  return outdent18`
+  ${result.join("\n")}
+
+  export type PropertyValue<T extends string> = T extends keyof PropertyTypes
+    ? ConditionalValue<PropertyTypes[T]${strictText}>
+    : T extends keyof CSSProperties
+    ? ConditionalValue<CSSProperties[T]>
+    : never
+  `;
 }
 
 // src/generators/recipe.ts
-import { capitalize as capitalize2, unionType as unionType3 } from "@pandacss/shared";
+import { capitalize as capitalize2, unionType as unionType2 } from "@pandacss/shared";
 import { outdent as outdent19 } from "outdent";
 function generateRecipes(ctx) {
   const { recipes = {}, hash, hasRecipes, utility } = ctx;
@@ -1104,12 +1107,12 @@ function generateRecipes(ctx) {
       ${Object.keys(variants ?? {}).map((key) => {
       const value = variants[key];
       const keys = Object.keys(value);
-      return `${key}?: ConditionalValue<${unionType3(keys)}>`;
+      return `${key}?: ConditionalValue<${unionType2(keys)}>`;
     }).join("\n")}
     }
 
     ${description ? `/** ${description} */` : ""}
-    export declare function ${name}(value?: ${capitalize2(name)}Variants): string
+    export declare function ${name}(variants?: ${capitalize2(name)}Variants): string
     `);
   });
   return {
@@ -1292,20 +1295,20 @@ function cleanupSelectors(css2, varSelector) {
 }
 
 // src/generators/token-dts.ts
-import { unionType as unionType4, capitalize as capitalize3 } from "@pandacss/shared";
+import { unionType as unionType3, capitalize as capitalize3 } from "@pandacss/shared";
 import { outdent as outdent20 } from "outdent";
 import pluralize from "pluralize";
 function generateTokenDts(dict) {
   const set = /* @__PURE__ */ new Set();
-  set.add(`export type Token = ${dict.isEmpty ? "string" : unionType4(dict.allNames)}`);
+  set.add(`export type Token = ${dict.isEmpty ? "string" : unionType3(dict.allNames)}`);
   const result = /* @__PURE__ */ new Set(["export type Tokens = {"]);
   if (dict.isEmpty) {
     result.add("[token: string]: string");
   } else {
     for (const [key, value] of dict.categoryMap.entries()) {
       const typeName = capitalize3(pluralize.singular(key));
-      set.add(`export type ${typeName} = ${unionType4(value.keys())}`);
-      set.add(`export type ColorPalette = ${unionType4(Object.keys(dict.colorPalettes))}`);
+      set.add(`export type ${typeName} = ${unionType3(value.keys())}`);
+      set.add(`export type ColorPalette = ${unionType3(Object.keys(dict.colorPalettes))}`);
       result.add(`		${key}: ${typeName}`);
     }
   }
@@ -1347,6 +1350,7 @@ function generateTokenJs(dict) {
 }
 
 // src/generators/types.ts
+import { allCssProperties } from "@pandacss/is-valid-prop";
 import { readFileSync as readFileSync2 } from "fs-extra";
 import outdent22 from "outdent";
 function getType(file) {
@@ -1354,27 +1358,23 @@ function getType(file) {
   return readFileSync2(filepath, "utf8");
 }
 function generateCssType(ctx) {
-  const strict = ctx.strictTokens;
-  const strictArg = strict ? "true" : "false";
+  const propList = new Set(allCssProperties.concat(ctx.utility.keys()));
   return {
     cssType: getType("csstype.d.ts"),
     pandaCssType: getType("system-types.d.ts"),
+    selectorType: getType("selectors.d.ts"),
     publicType: outdent22`
-    import * as System from './system-types'
-    import { PropTypes } from './prop-type'
-    import { Conditions } from './conditions'
-    
-    export type SystemStyleObject<Overrides extends Record<string, unknown> = {}> = System.StyleObject<Conditions, PropTypes, ${strictArg}, Overrides>
-    
-    export type GlobalStyleObject<Overrides extends Record<string, unknown> = {}> = System.GlobalStyleObject<Conditions, PropTypes, ${strictArg}, Overrides>
+    export { ConditionalValue } from './conditions'
+    export { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
     
-    export type JsxStyleProps<Overrides extends Record<string, unknown> = {}> = System.JsxStyleProps<Conditions, PropTypes, ${strictArg}, Overrides>
-    
-    export type ConditionalValue<Value> = System.Conditional<Conditions, Value>
-
-    type DistributiveOmit<T, U> = T extends any ? Pick<T, Exclude<keyof T, U>> : never
-    
-    export type Assign<Target, Override> = DistributiveOmit<Target, keyof Override> & Override
+    export type Assign<Target, Override> = Omit<Target, keyof Override> & Override
+    `,
+    styleProps: outdent22`
+    import { PropertyValue } from './prop-type'
+  
+    export type SystemProperties = {
+      ${Array.from(propList).map((v) => `	${v}?: PropertyValue<'${v}'>`).join("\n")}
+    }
     `
   };
 }
@@ -1420,9 +1420,11 @@ function setupTypes(ctx) {
       jsx ? { file: "jsx.d.ts", code: jsx.jsxType } : null,
       { file: "csstype.d.ts", code: code.cssType },
       { file: "system-types.d.ts", code: code.pandaCssType },
+      { file: "selectors.d.ts", code: code.selectorType },
       { file: "index.d.ts", code: code.publicType },
       { file: "token.d.ts", code: generateTokenDts(ctx.tokens) },
       { file: "prop-type.d.ts", code: generatePropTypes(ctx.utility) },
+      { file: "style-props.d.ts", code: code.styleProps },
       { file: "conditions.d.ts", code: conditions.dts }
     ].filter(Boolean)
   };
@@ -1788,7 +1790,8 @@ function createContext(conf, io = fileSystem) {
       dashName: dashCase2(name),
       upperName,
       styleFn: `get${upperName}Style`,
-      jsxName: pattern?.jsx ?? upperName
+      jsxName: pattern?.jsx ?? upperName,
+      blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : ""
     };
   }
   const patternNodes = Object.entries(patterns).map(([name, pattern]) => ({

package/package.json

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