@pandacss/generator 0.0.0-dev-20230318185939 → 0.0.0-dev-20230321102146

package/dist/index.js

@@ -1091,7 +1091,7 @@ function generateReactJsxPattern(ctx) {
   const { typeName, factoryName } = ctx.jsx;
   return ctx.patterns.details.map((pattern) => {
     const { upperName, styleFnName, dashName, jsxName, props, blocklistType } = pattern;
-    const { description } = pattern.config;
+    const { description, jsxElement = "div" } = pattern.config;
     return {
       name: dashName,
       js: import_outdent17.outdent`
@@ -1103,13 +1103,13 @@ function generateReactJsxPattern(ctx) {
         ${(0, import_ts_pattern3.match)(props.length).with(
         0,
         () => import_outdent17.outdent`
-        return createElement(${factoryName}.div, { ref, ...props })
+        return createElement(${factoryName}.${jsxElement}, { ref, ...props })
           `
       ).otherwise(
         () => import_outdent17.outdent`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFnName}({${props.join(", ")}})
-        return createElement(${factoryName}.div, { ref, ...styleProps, ...restProps })
+        return createElement(${factoryName}.${jsxElement}, { ref, ...styleProps, ...restProps })
           `
       )}
       })    

package/dist/index.mjs

@@ -1060,7 +1060,7 @@ function generateReactJsxPattern(ctx) {
   const { typeName, factoryName } = ctx.jsx;
   return ctx.patterns.details.map((pattern) => {
     const { upperName, styleFnName, dashName, jsxName, props, blocklistType } = pattern;
-    const { description } = pattern.config;
+    const { description, jsxElement = "div" } = pattern.config;
     return {
       name: dashName,
       js: outdent17`
@@ -1072,13 +1072,13 @@ function generateReactJsxPattern(ctx) {
         ${match3(props.length).with(
         0,
         () => outdent17`
-        return createElement(${factoryName}.div, { ref, ...props })
+        return createElement(${factoryName}.${jsxElement}, { ref, ...props })
           `
       ).otherwise(
         () => outdent17`
         const { ${props.join(", ")}, ...restProps } = props
         const styleProps = ${styleFnName}({${props.join(", ")}})
-        return createElement(${factoryName}.div, { ref, ...styleProps, ...restProps })
+        return createElement(${factoryName}.${jsxElement}, { ref, ...styleProps, ...restProps })
           `
       )}
       })    

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230318185939",
+  "version": "0.0.0-dev-20230321102146",
   "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.2.1",
-    "@pandacss/core": "0.0.0-dev-20230318185939",
-    "@pandacss/logger": "0.0.0-dev-20230318185939",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230318185939",
-    "@pandacss/shared": "0.0.0-dev-20230318185939",
-    "@pandacss/types": "0.0.0-dev-20230318185939",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230318185939"
+    "@pandacss/core": "0.0.0-dev-20230321102146",
+    "@pandacss/logger": "0.0.0-dev-20230321102146",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230321102146",
+    "@pandacss/shared": "0.0.0-dev-20230321102146",
+    "@pandacss/types": "0.0.0-dev-20230321102146",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230321102146"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230318185939"
+    "@pandacss/fixture": "0.0.0-dev-20230321102146"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",