@pandacss/generator 0.0.0-dev-20230909231256 → 0.0.0-dev-20230911135518

package/dist/index.js

@@ -2477,158 +2477,40 @@ ${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent37.outdent`
-import type { Component, FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent, NativeElements } from 'vue'
 
 ${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
 ${ctx.file.importType("Assign, JsxStyleProps, JsxHTMLProps", "./system-types")}
 
-type IntrinsicElement =
-  | 'a'
-  | 'abbr'
-  | 'address'
-  | 'area'
-  | 'article'
-  | 'aside'
-  | 'audio'
-  | 'b'
-  | 'base'
-  | 'bdi'
-  | 'bdo'
-  | 'blockquote'
-  | 'body'
-  | 'br'
-  | 'button'
-  | 'canvas'
-  | 'caption'
-  | 'cite'
-  | 'code'
-  | 'col'
-  | 'colgroup'
-  | 'data'
-  | 'datalist'
-  | 'dd'
-  | 'del'
-  | 'details'
-  | 'dfn'
-  | 'dialog'
-  | 'div'
-  | 'dl'
-  | 'dt'
-  | 'em'
-  | 'embed'
-  | 'fieldset'
-  | 'figcaption'
-  | 'figure'
-  | 'footer'
-  | 'form'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'head'
-  | 'header'
-  | 'hgroup'
-  | 'hr'
-  | 'html'
-  | 'i'
-  | 'iframe'
-  | 'img'
-  | 'input'
-  | 'ins'
-  | 'kbd'
-  | 'label'
-  | 'legend'
-  | 'li'
-  | 'link'
-  | 'main'
-  | 'map'
-  | 'mark'
-  | 'math'
-  | 'menu'
-  | 'menuitem'
-  | 'meta'
-  | 'meter'
-  | 'nav'
-  | 'noscript'
-  | 'object'
-  | 'ol'
-  | 'optgroup'
-  | 'option'
-  | 'output'
-  | 'p'
-  | 'param'
-  | 'picture'
-  | 'pre'
-  | 'progress'
-  | 'q'
-  | 'rb'
-  | 'rp'
-  | 'rt'
-  | 'rtc'
-  | 'ruby'
-  | 's'
-  | 'samp'
-  | 'script'
-  | 'section'
-  | 'select'
-  | 'slot'
-  | 'small'
-  | 'source'
-  | 'span'
-  | 'strong'
-  | 'style'
-  | 'sub'
-  | 'summary'
-  | 'sup'
-  | 'svg'
-  | 'table'
-  | 'tbody'
-  | 'td'
-  | 'template'
-  | 'textarea'
-  | 'tfoot'
-  | 'th'
-  | 'thead'
-  | 'time'
-  | 'title'
-  | 'tr'
-  | 'track'
-  | 'u'
-  | 'ul'
-  | 'var'
-  | 'video'
-  | 'wbr'
-
-  type ElementType = IntrinsicElement | Component
-
-  type ComponentProps<T extends ElementType> = T extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[T]
-    : T extends Component<infer Props>
-    ? Props
-    : never
-
-  type ${componentName}<T extends ElementType, P extends Dict = {}> = FunctionalComponent<
-  JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
-  >
+type IntrinsicElement = keyof NativeElements
+type ElementType = IntrinsicElement | Component
+
+type ComponentProps<T extends ElementType> = T extends IntrinsicElement
+  ? NativeElements[T]
+  : T extends Component<infer Props>
+  ? Props
+  : never
 
-  type RecipeFn = { __type: any }
+type ${componentName}<T extends ElementType, P extends Dict = {}> = FunctionalComponent<
+JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
+>
 
-  interface JsxFactory {
-    ${styleProps === "none" ? "" : `<T extends ElementType>(component: T): ${componentName}<T, {}>`}
-    <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>): ${componentName}<
-      T,
-      RecipeSelection<P>
-    >
-    <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P): ${componentName}<T, P['__type']>
-  }
+type RecipeFn = { __type: any }
+
+interface JsxFactory {
+  ${styleProps === "none" ? "" : `<T extends ElementType>(component: T): ${componentName}<T, {}>`}
+  <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>): ${componentName}<
+    T,
+    RecipeSelection<P>
+  >
+  <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P): ${componentName}<T, P['__type']>
+}
 
-  type JsxElements = { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
+type JsxElements = { [K in IntrinsicElement]: ${componentName}<K, {}> }
 
-  export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
 
-  export type ${typeName}<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
+export type ${typeName}<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
   `
   };
 }
@@ -2644,147 +2526,29 @@ ${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent38.outdent`
-import type { Component, FunctionalComponent } from 'vue'
-
-type IntrinsicElement =
-  | 'a'
-  | 'abbr'
-  | 'address'
-  | 'area'
-  | 'article'
-  | 'aside'
-  | 'audio'
-  | 'b'
-  | 'base'
-  | 'bdi'
-  | 'bdo'
-  | 'blockquote'
-  | 'body'
-  | 'br'
-  | 'button'
-  | 'canvas'
-  | 'caption'
-  | 'cite'
-  | 'code'
-  | 'col'
-  | 'colgroup'
-  | 'data'
-  | 'datalist'
-  | 'dd'
-  | 'del'
-  | 'details'
-  | 'dfn'
-  | 'dialog'
-  | 'div'
-  | 'dl'
-  | 'dt'
-  | 'em'
-  | 'embed'
-  | 'fieldset'
-  | 'figcaption'
-  | 'figure'
-  | 'footer'
-  | 'form'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'head'
-  | 'header'
-  | 'hgroup'
-  | 'hr'
-  | 'html'
-  | 'i'
-  | 'iframe'
-  | 'img'
-  | 'input'
-  | 'ins'
-  | 'kbd'
-  | 'label'
-  | 'legend'
-  | 'li'
-  | 'link'
-  | 'main'
-  | 'map'
-  | 'mark'
-  | 'math'
-  | 'menu'
-  | 'menuitem'
-  | 'meta'
-  | 'meter'
-  | 'nav'
-  | 'noscript'
-  | 'object'
-  | 'ol'
-  | 'optgroup'
-  | 'option'
-  | 'output'
-  | 'p'
-  | 'param'
-  | 'picture'
-  | 'pre'
-  | 'progress'
-  | 'q'
-  | 'rb'
-  | 'rp'
-  | 'rt'
-  | 'rtc'
-  | 'ruby'
-  | 's'
-  | 'samp'
-  | 'script'
-  | 'section'
-  | 'select'
-  | 'slot'
-  | 'small'
-  | 'source'
-  | 'span'
-  | 'strong'
-  | 'style'
-  | 'sub'
-  | 'summary'
-  | 'sup'
-  | 'svg'
-  | 'table'
-  | 'tbody'
-  | 'td'
-  | 'template'
-  | 'textarea'
-  | 'tfoot'
-  | 'th'
-  | 'thead'
-  | 'time'
-  | 'title'
-  | 'tr'
-  | 'track'
-  | 'u'
-  | 'ul'
-  | 'var'
-  | 'video'
-  | 'wbr'
-
-  type ElementType = IntrinsicElement | Component
-
-  type ComponentProps<T extends ElementType> = T extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[T]
-    : T extends Component<infer Props>
-    ? Props
-    : never
-
-  type ${componentName}<T extends ElementType> = FunctionalComponent<ComponentProps<T>>
-  >
+import type { Component, FunctionalComponent, NativeElements } from 'vue'
 
-  interface JsxFactory {
-    <T extends ElementType>(component: T): ${componentName}<T>
-  }
+type IntrinsicElement = keyof NativeElements
+type ElementType = IntrinsicElement | Component
+
+type ComponentProps<T extends ElementType> = T extends IntrinsicElement
+  ? NativeElements[T]
+  : T extends Component<infer Props>
+  ? Props
+  : never
 
-  type JsxElements = { [K in keyof JSX.IntrinsicElements]: ${componentName}<K> }
+type ${componentName}<T extends ElementType> = FunctionalComponent<ComponentProps<T>>
+>
 
-  export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+interface JsxFactory {
+  <T extends ElementType>(component: T): ${componentName}<T>
+}
+
+type JsxElements = { [K in IntrinsicElement]: ${componentName}<K> }
 
-  export type ${typeName}<T extends ElementType> = ComponentProps<T>
+export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+
+export type ${typeName}<T extends ElementType> = ComponentProps<T>
   `
   };
 }

package/dist/index.mjs

@@ -2446,158 +2446,40 @@ ${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: outdent37`
-import type { Component, FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent, NativeElements } from 'vue'
 
 ${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
 ${ctx.file.importType("Assign, JsxStyleProps, JsxHTMLProps", "./system-types")}
 
-type IntrinsicElement =
-  | 'a'
-  | 'abbr'
-  | 'address'
-  | 'area'
-  | 'article'
-  | 'aside'
-  | 'audio'
-  | 'b'
-  | 'base'
-  | 'bdi'
-  | 'bdo'
-  | 'blockquote'
-  | 'body'
-  | 'br'
-  | 'button'
-  | 'canvas'
-  | 'caption'
-  | 'cite'
-  | 'code'
-  | 'col'
-  | 'colgroup'
-  | 'data'
-  | 'datalist'
-  | 'dd'
-  | 'del'
-  | 'details'
-  | 'dfn'
-  | 'dialog'
-  | 'div'
-  | 'dl'
-  | 'dt'
-  | 'em'
-  | 'embed'
-  | 'fieldset'
-  | 'figcaption'
-  | 'figure'
-  | 'footer'
-  | 'form'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'head'
-  | 'header'
-  | 'hgroup'
-  | 'hr'
-  | 'html'
-  | 'i'
-  | 'iframe'
-  | 'img'
-  | 'input'
-  | 'ins'
-  | 'kbd'
-  | 'label'
-  | 'legend'
-  | 'li'
-  | 'link'
-  | 'main'
-  | 'map'
-  | 'mark'
-  | 'math'
-  | 'menu'
-  | 'menuitem'
-  | 'meta'
-  | 'meter'
-  | 'nav'
-  | 'noscript'
-  | 'object'
-  | 'ol'
-  | 'optgroup'
-  | 'option'
-  | 'output'
-  | 'p'
-  | 'param'
-  | 'picture'
-  | 'pre'
-  | 'progress'
-  | 'q'
-  | 'rb'
-  | 'rp'
-  | 'rt'
-  | 'rtc'
-  | 'ruby'
-  | 's'
-  | 'samp'
-  | 'script'
-  | 'section'
-  | 'select'
-  | 'slot'
-  | 'small'
-  | 'source'
-  | 'span'
-  | 'strong'
-  | 'style'
-  | 'sub'
-  | 'summary'
-  | 'sup'
-  | 'svg'
-  | 'table'
-  | 'tbody'
-  | 'td'
-  | 'template'
-  | 'textarea'
-  | 'tfoot'
-  | 'th'
-  | 'thead'
-  | 'time'
-  | 'title'
-  | 'tr'
-  | 'track'
-  | 'u'
-  | 'ul'
-  | 'var'
-  | 'video'
-  | 'wbr'
-
-  type ElementType = IntrinsicElement | Component
-
-  type ComponentProps<T extends ElementType> = T extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[T]
-    : T extends Component<infer Props>
-    ? Props
-    : never
-
-  type ${componentName}<T extends ElementType, P extends Dict = {}> = FunctionalComponent<
-  JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
-  >
+type IntrinsicElement = keyof NativeElements
+type ElementType = IntrinsicElement | Component
+
+type ComponentProps<T extends ElementType> = T extends IntrinsicElement
+  ? NativeElements[T]
+  : T extends Component<infer Props>
+  ? Props
+  : never
 
-  type RecipeFn = { __type: any }
+type ${componentName}<T extends ElementType, P extends Dict = {}> = FunctionalComponent<
+JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
+>
 
-  interface JsxFactory {
-    ${styleProps === "none" ? "" : `<T extends ElementType>(component: T): ${componentName}<T, {}>`}
-    <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>): ${componentName}<
-      T,
-      RecipeSelection<P>
-    >
-    <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P): ${componentName}<T, P['__type']>
-  }
+type RecipeFn = { __type: any }
+
+interface JsxFactory {
+  ${styleProps === "none" ? "" : `<T extends ElementType>(component: T): ${componentName}<T, {}>`}
+  <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>): ${componentName}<
+    T,
+    RecipeSelection<P>
+  >
+  <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P): ${componentName}<T, P['__type']>
+}
 
-  type JsxElements = { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
+type JsxElements = { [K in IntrinsicElement]: ${componentName}<K, {}> }
 
-  export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
 
-  export type ${typeName}<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
+export type ${typeName}<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
   `
   };
 }
@@ -2613,147 +2495,29 @@ ${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: outdent38`
-import type { Component, FunctionalComponent } from 'vue'
-
-type IntrinsicElement =
-  | 'a'
-  | 'abbr'
-  | 'address'
-  | 'area'
-  | 'article'
-  | 'aside'
-  | 'audio'
-  | 'b'
-  | 'base'
-  | 'bdi'
-  | 'bdo'
-  | 'blockquote'
-  | 'body'
-  | 'br'
-  | 'button'
-  | 'canvas'
-  | 'caption'
-  | 'cite'
-  | 'code'
-  | 'col'
-  | 'colgroup'
-  | 'data'
-  | 'datalist'
-  | 'dd'
-  | 'del'
-  | 'details'
-  | 'dfn'
-  | 'dialog'
-  | 'div'
-  | 'dl'
-  | 'dt'
-  | 'em'
-  | 'embed'
-  | 'fieldset'
-  | 'figcaption'
-  | 'figure'
-  | 'footer'
-  | 'form'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'head'
-  | 'header'
-  | 'hgroup'
-  | 'hr'
-  | 'html'
-  | 'i'
-  | 'iframe'
-  | 'img'
-  | 'input'
-  | 'ins'
-  | 'kbd'
-  | 'label'
-  | 'legend'
-  | 'li'
-  | 'link'
-  | 'main'
-  | 'map'
-  | 'mark'
-  | 'math'
-  | 'menu'
-  | 'menuitem'
-  | 'meta'
-  | 'meter'
-  | 'nav'
-  | 'noscript'
-  | 'object'
-  | 'ol'
-  | 'optgroup'
-  | 'option'
-  | 'output'
-  | 'p'
-  | 'param'
-  | 'picture'
-  | 'pre'
-  | 'progress'
-  | 'q'
-  | 'rb'
-  | 'rp'
-  | 'rt'
-  | 'rtc'
-  | 'ruby'
-  | 's'
-  | 'samp'
-  | 'script'
-  | 'section'
-  | 'select'
-  | 'slot'
-  | 'small'
-  | 'source'
-  | 'span'
-  | 'strong'
-  | 'style'
-  | 'sub'
-  | 'summary'
-  | 'sup'
-  | 'svg'
-  | 'table'
-  | 'tbody'
-  | 'td'
-  | 'template'
-  | 'textarea'
-  | 'tfoot'
-  | 'th'
-  | 'thead'
-  | 'time'
-  | 'title'
-  | 'tr'
-  | 'track'
-  | 'u'
-  | 'ul'
-  | 'var'
-  | 'video'
-  | 'wbr'
-
-  type ElementType = IntrinsicElement | Component
-
-  type ComponentProps<T extends ElementType> = T extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[T]
-    : T extends Component<infer Props>
-    ? Props
-    : never
-
-  type ${componentName}<T extends ElementType> = FunctionalComponent<ComponentProps<T>>
-  >
+import type { Component, FunctionalComponent, NativeElements } from 'vue'
 
-  interface JsxFactory {
-    <T extends ElementType>(component: T): ${componentName}<T>
-  }
+type IntrinsicElement = keyof NativeElements
+type ElementType = IntrinsicElement | Component
+
+type ComponentProps<T extends ElementType> = T extends IntrinsicElement
+  ? NativeElements[T]
+  : T extends Component<infer Props>
+  ? Props
+  : never
 
-  type JsxElements = { [K in keyof JSX.IntrinsicElements]: ${componentName}<K> }
+type ${componentName}<T extends ElementType> = FunctionalComponent<ComponentProps<T>>
+>
 
-  export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+interface JsxFactory {
+  <T extends ElementType>(component: T): ${componentName}<T>
+}
+
+type JsxElements = { [K in IntrinsicElement]: ${componentName}<K> }
 
-  export type ${typeName}<T extends ElementType> = ComponentProps<T>
+export type ${upperName} = JsxFactory ${styleProps === "none" ? "" : "& JsxElements"}
+
+export type ${typeName}<T extends ElementType> = ComponentProps<T>
   `
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230909231256",
+  "version": "0.0.0-dev-20230911135518",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,17 +20,17 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.27",
     "ts-pattern": "5.0.4",
-    "@pandacss/core": "0.0.0-dev-20230909231256",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230909231256",
-    "@pandacss/logger": "0.0.0-dev-20230909231256",
-    "@pandacss/shared": "0.0.0-dev-20230909231256",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230909231256",
-    "@pandacss/types": "0.0.0-dev-20230909231256"
+    "@pandacss/core": "0.0.0-dev-20230911135518",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230911135518",
+    "@pandacss/logger": "0.0.0-dev-20230911135518",
+    "@pandacss/shared": "0.0.0-dev-20230911135518",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230911135518",
+    "@pandacss/types": "0.0.0-dev-20230911135518"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.0.0-dev-20230909231256"
+    "@pandacss/fixture": "0.0.0-dev-20230911135518"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",