@pandacss/node 0.0.0-dev-20230105084653 → 0.0.0-dev-20230106105402

package/dist/index.d.ts

@@ -119,6 +119,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
         }[];
     }[];
     jsxFramework: "solid" | "react" | "preact" | undefined;
+    jsxFactoryName: string;
     jsxFactory: string;
     cssVarRoot: string;
     properties: string[];
@@ -255,6 +256,7 @@ declare class Builder {
             }[];
         }[];
         jsxFramework: "solid" | "react" | "preact" | undefined;
+        jsxFactoryName: string;
         jsxFactory: string;
         cssVarRoot: string;
         properties: string[];
@@ -383,6 +385,7 @@ declare function loadConfigAndCreateContext(options?: {
         }[];
     }[];
     jsxFramework: "solid" | "react" | "preact" | undefined;
+    jsxFactoryName: string;
     jsxFactory: string;
     cssVarRoot: string;
     properties: string[];

package/dist/index.js

@@ -721,23 +721,17 @@ import type { ElementType, ComponentProps } from 'react'
 import type { JsxStyleProps, Assign } from '.'
 
 type Element = keyof JSX.IntrinsicElements
-type As<P = any> = ElementType<P>
 type Dict<T = unknown> = Record<string, T>
 
-type Clean<T> = Omit<T, 'transition' | 'as' | 'color'>
+type Clean<T> = Omit<T, 'color'>
 
 type PolymorphicProps<
   ComponentProps extends Dict,
-  AsProps extends Dict,
   AdditionalProps extends Dict = {},
-  AsComponent extends As = As,
-> = Assign<Clean<ComponentProps>, AdditionalProps> &
-  Assign<Clean<AsProps>, AdditionalProps> & {
-    as?: AsComponent
-  }
+> = Assign<Clean<ComponentProps>, AdditionalProps>
 
-export type PolymorphicComponent<C extends As, P extends Dict = {}> = {
-  <E extends As = C>(props: PolymorphicProps<ComponentProps<C>, ComponentProps<E>, P, E> & JsxStyleProps<P>): JSX.Element
+export type PolymorphicComponent<C extends ElementType, P extends Dict = {}> = {
+  (props: PolymorphicProps<ComponentProps<C>, P> & JsxStyleProps<P>): JSX.Element
   displayName?: string
 }
 
@@ -745,7 +739,7 @@ export type PolymorphicComponents = {
   [K in Element]: PolymorphicComponent<K, {}>
 }
 
-export type HTML${upperName}Props<T extends As> = Clean<ComponentProps<T>> & JsxStyleProps
+export type HTML${upperName}Props<T extends ElementType> = Assign<Clean<ComponentProps<T>>, JsxStyleProps>
   `
   };
 }
@@ -1388,11 +1382,15 @@ function generateCssType(ctx) {
     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 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
     `
   };
@@ -1529,6 +1527,7 @@ function setupJsx(ctx) {
   export * from './factory'
   export * from './layout-grid'
   ${import_outdent24.default.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
+  export type { HTML${ctx.jsxFactoryName}Props } from '../types/jsx'
 `;
   return {
     dir: ctx.paths.jsx,
@@ -1763,6 +1762,7 @@ function createContext(conf, io = fileSystem) {
     textStyles,
     layerStyles
   } = theme;
+  const jsxFactoryName = (0, import_shared14.capitalize)(jsxFactory);
   const cwd = (0, import_path2.resolve)(cwdProp);
   const exclude = [".git", "node_modules", "test-results"].concat(excludeProp);
   const tokens = new import_token_dictionary.TokenDictionary({
@@ -2103,6 +2103,7 @@ function createContext(conf, io = fileSystem) {
     hasRecipes,
     getRecipeDetails,
     jsxFramework,
+    jsxFactoryName,
     jsxFactory,
     cssVarRoot,
     properties,

package/dist/index.mjs

@@ -675,23 +675,17 @@ import type { ElementType, ComponentProps } from 'react'
 import type { JsxStyleProps, Assign } from '.'
 
 type Element = keyof JSX.IntrinsicElements
-type As<P = any> = ElementType<P>
 type Dict<T = unknown> = Record<string, T>
 
-type Clean<T> = Omit<T, 'transition' | 'as' | 'color'>
+type Clean<T> = Omit<T, 'color'>
 
 type PolymorphicProps<
   ComponentProps extends Dict,
-  AsProps extends Dict,
   AdditionalProps extends Dict = {},
-  AsComponent extends As = As,
-> = Assign<Clean<ComponentProps>, AdditionalProps> &
-  Assign<Clean<AsProps>, AdditionalProps> & {
-    as?: AsComponent
-  }
+> = Assign<Clean<ComponentProps>, AdditionalProps>
 
-export type PolymorphicComponent<C extends As, P extends Dict = {}> = {
-  <E extends As = C>(props: PolymorphicProps<ComponentProps<C>, ComponentProps<E>, P, E> & JsxStyleProps<P>): JSX.Element
+export type PolymorphicComponent<C extends ElementType, P extends Dict = {}> = {
+  (props: PolymorphicProps<ComponentProps<C>, P> & JsxStyleProps<P>): JSX.Element
   displayName?: string
 }
 
@@ -699,7 +693,7 @@ export type PolymorphicComponents = {
   [K in Element]: PolymorphicComponent<K, {}>
 }
 
-export type HTML${upperName}Props<T extends As> = Clean<ComponentProps<T>> & JsxStyleProps
+export type HTML${upperName}Props<T extends ElementType> = Assign<Clean<ComponentProps<T>>, JsxStyleProps>
   `
   };
 }
@@ -1342,11 +1336,15 @@ function generateCssType(ctx) {
     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 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
     `
   };
@@ -1483,6 +1481,7 @@ function setupJsx(ctx) {
   export * from './factory'
   export * from './layout-grid'
   ${outdent24.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
+  export type { HTML${ctx.jsxFactoryName}Props } from '../types/jsx'
 `;
   return {
     dir: ctx.paths.jsx,
@@ -1724,6 +1723,7 @@ function createContext(conf, io = fileSystem) {
     textStyles,
     layerStyles
   } = theme;
+  const jsxFactoryName = capitalize13(jsxFactory);
   const cwd = resolve(cwdProp);
   const exclude = [".git", "node_modules", "test-results"].concat(excludeProp);
   const tokens = new TokenDictionary({
@@ -2064,6 +2064,7 @@ function createContext(conf, io = fileSystem) {
     hasRecipes,
     getRecipeDetails,
     jsxFramework,
+    jsxFactoryName,
     jsxFactory,
     cssVarRoot,
     properties,

package/package.json

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