@pandacss/generator 0.0.0-dev-20230212115356 → 0.0.0-dev-20230212130534

package/dist/index.d.ts

@@ -51,6 +51,9 @@ declare const getEngine: (conf: LoadConfigResult) => {
         };
         details: {
             config: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+            variantKeyMap: {
+                [k: string]: string[];
+            };
             upperName: string;
             dashName: string;
             jsxName: string;
@@ -59,11 +62,6 @@ declare const getEngine: (conf: LoadConfigResult) => {
         splitProps: (name: string, props: Record<string, any>) => {
             [x: string]: unknown;
         }[];
-        variantKeys: {
-            [x: string]: {
-                [x: string]: string[];
-            }[];
-        }[];
         isEmpty: () => boolean;
     };
     jsx: {
@@ -169,6 +167,9 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         };
         details: {
             config: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+            variantKeyMap: {
+                [k: string]: string[];
+            };
             upperName: string;
             dashName: string;
             jsxName: string;
@@ -177,11 +178,6 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         splitProps: (name: string, props: Record<string, any>) => {
             [x: string]: unknown;
         }[];
-        variantKeys: {
-            [x: string]: {
-                [x: string]: string[];
-            }[];
-        }[];
         isEmpty: () => boolean;
     };
     patterns: {

package/dist/index.js

@@ -695,23 +695,29 @@ function generateRecipes(ctx) {
   import type { ConditionalValue } from '../types'
   `
   ];
-  recipes.details.forEach(({ config, upperName }) => {
-    const { name, description, defaultVariants, variants } = config;
+  recipes.details.forEach(({ config, upperName, variantKeyMap }) => {
+    const { name, description, defaultVariants } = config;
     js.push(import_outdent8.outdent`
     export const ${name} = createRecipe('${name}', ${JSON.stringify(defaultVariants ?? {})})
-    ${name}.variants = ${JSON.stringify(Object.keys(variants ?? {}))}
+    ${name}.variants = ${JSON.stringify(variantKeyMap)}
     `);
     dts.push(import_outdent8.outdent`
+    type ${upperName}Variant = {
+      ${Object.keys(variantKeyMap).map((key) => `${key}: ${(0, import_shared2.unionType)(variantKeyMap[key])}`).join("\n")}
+    }
+
+    type ${upperName}VariantMap = {
+      [key in keyof ${upperName}Variant]: Array<${upperName}Variant[key]>
+    }
+
     export type ${upperName}Variants = {
-      ${Object.keys(variants ?? {}).map((key) => {
-      const value = variants[key];
-      const keys = Object.keys(value);
-      return `${key}?: ConditionalValue<${(0, import_shared2.unionType)(keys)}>`;
-    }).join("\n")}
+      [key in keyof ${upperName}Variant]?: ConditionalValue<${upperName}VariantMap[key]>
     }
 
     ${description ? `/** ${description} */` : ""}
-    export declare function ${name}(variants?: ${upperName}Variants): string & { variants: string[] }
+    export declare function ${name}(variants?: ${upperName}Variants): string & {
+      variants: ${upperName}VariantMap
+    }
     `);
   });
   return {
@@ -1444,7 +1450,7 @@ function generateVueLayoutGrid() {
     export declare const LayoutGrid: FunctionalComponent<LayoutGridProps>
     `,
     js: import_outdent23.outdent`
-    import { h, computed } from 'vue'
+    import { h, computed, defineComponent } from 'vue'
 
     export const LayoutGrid = defineComponent({
         name: 'LayoutGrid',
@@ -1689,7 +1695,7 @@ var patternMap = {
   react: generateReactJsxPattern,
   solid: generateSolidJsxPattern,
   preact: generatePreactJsxPattern,
-  vue: () => [{ name: "", js: "", dts: "" }]
+  vue: () => []
 };
 function generateJsxPatterns(ctx) {
   if (ctx.patterns.isEmpty() && !ctx.jsx.framework)
@@ -2429,14 +2435,10 @@ var getRecipeEngine = (config) => {
     import_lil_fp3.Obj.bind("details", ({ getNames, recipes }) => {
       return Object.entries(recipes).map(([name, recipe]) => ({
         ...getNames(name),
-        config: recipe
-      }));
-    }),
-    import_lil_fp3.Obj.bind("variantKeys", ({ recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => ({
-        [name]: Object.entries(recipe.variants ?? {}).map(([key, value]) => ({
-          [key]: Object.keys(value)
-        }))
+        config: recipe,
+        variantKeyMap: Object.fromEntries(
+          Object.entries(recipe.variants ?? {}).map(([key, value]) => [key, Object.keys(value)])
+        )
       }));
     }),
     import_lil_fp3.Obj.bind("isEmpty", ({ recipes }) => {

package/dist/index.mjs

@@ -664,23 +664,29 @@ function generateRecipes(ctx) {
   import type { ConditionalValue } from '../types'
   `
   ];
-  recipes.details.forEach(({ config, upperName }) => {
-    const { name, description, defaultVariants, variants } = config;
+  recipes.details.forEach(({ config, upperName, variantKeyMap }) => {
+    const { name, description, defaultVariants } = config;
     js.push(outdent8`
     export const ${name} = createRecipe('${name}', ${JSON.stringify(defaultVariants ?? {})})
-    ${name}.variants = ${JSON.stringify(Object.keys(variants ?? {}))}
+    ${name}.variants = ${JSON.stringify(variantKeyMap)}
     `);
     dts.push(outdent8`
+    type ${upperName}Variant = {
+      ${Object.keys(variantKeyMap).map((key) => `${key}: ${unionType2(variantKeyMap[key])}`).join("\n")}
+    }
+
+    type ${upperName}VariantMap = {
+      [key in keyof ${upperName}Variant]: Array<${upperName}Variant[key]>
+    }
+
     export type ${upperName}Variants = {
-      ${Object.keys(variants ?? {}).map((key) => {
-      const value = variants[key];
-      const keys = Object.keys(value);
-      return `${key}?: ConditionalValue<${unionType2(keys)}>`;
-    }).join("\n")}
+      [key in keyof ${upperName}Variant]?: ConditionalValue<${upperName}VariantMap[key]>
     }
 
     ${description ? `/** ${description} */` : ""}
-    export declare function ${name}(variants?: ${upperName}Variants): string & { variants: string[] }
+    export declare function ${name}(variants?: ${upperName}Variants): string & {
+      variants: ${upperName}VariantMap
+    }
     `);
   });
   return {
@@ -1413,7 +1419,7 @@ function generateVueLayoutGrid() {
     export declare const LayoutGrid: FunctionalComponent<LayoutGridProps>
     `,
     js: outdent23`
-    import { h, computed } from 'vue'
+    import { h, computed, defineComponent } from 'vue'
 
     export const LayoutGrid = defineComponent({
         name: 'LayoutGrid',
@@ -1658,7 +1664,7 @@ var patternMap = {
   react: generateReactJsxPattern,
   solid: generateSolidJsxPattern,
   preact: generatePreactJsxPattern,
-  vue: () => [{ name: "", js: "", dts: "" }]
+  vue: () => []
 };
 function generateJsxPatterns(ctx) {
   if (ctx.patterns.isEmpty() && !ctx.jsx.framework)
@@ -2398,14 +2404,10 @@ var getRecipeEngine = (config) => {
     Obj3.bind("details", ({ getNames, recipes }) => {
       return Object.entries(recipes).map(([name, recipe]) => ({
         ...getNames(name),
-        config: recipe
-      }));
-    }),
-    Obj3.bind("variantKeys", ({ recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => ({
-        [name]: Object.entries(recipe.variants ?? {}).map(([key, value]) => ({
-          [key]: Object.keys(value)
-        }))
+        config: recipe,
+        variantKeyMap: Object.fromEntries(
+          Object.entries(recipe.variants ?? {}).map(([key, value]) => [key, Object.keys(value)])
+        )
       }));
     }),
     Obj3.bind("isEmpty", ({ recipes }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230212115356",
+  "version": "0.0.0-dev-20230212130534",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.21",
     "ts-pattern": "4.1.4",
-    "@pandacss/core": "0.0.0-dev-20230212115356",
-    "@pandacss/logger": "0.0.0-dev-20230212115356",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230212115356",
-    "@pandacss/shared": "0.0.0-dev-20230212115356",
-    "@pandacss/types": "0.0.0-dev-20230212115356",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230212115356"
+    "@pandacss/core": "0.0.0-dev-20230212130534",
+    "@pandacss/logger": "0.0.0-dev-20230212130534",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230212130534",
+    "@pandacss/shared": "0.0.0-dev-20230212130534",
+    "@pandacss/types": "0.0.0-dev-20230212130534",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230212130534"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230212115356"
+    "@pandacss/fixture": "0.0.0-dev-20230212130534"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",