@pandacss/studio 0.11.0 → 0.12.0

package/styled-system/patterns/container.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type ContainerProperties = {
@@ -9,11 +10,11 @@ export type ContainerProperties = {
 }
 
 
-type ContainerOptions = ContainerProperties & Omit<SystemStyleObject, keyof ContainerProperties >
+type ContainerStyles = ContainerProperties & DistributiveOmit<SystemStyleObject, keyof ContainerProperties >
 
 interface ContainerPatternFn {
-  (options?: ContainerOptions): string
-  raw: (options: ContainerOptions) => ContainerOptions
+  (styles?: ContainerStyles): string
+  raw: (styles: ContainerStyles) => ContainerStyles
 }
 
 

package/styled-system/patterns/divider.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type DividerProperties = {
@@ -11,11 +12,11 @@ export type DividerProperties = {
 }
 
 
-type DividerOptions = DividerProperties & Omit<SystemStyleObject, keyof DividerProperties >
+type DividerStyles = DividerProperties & DistributiveOmit<SystemStyleObject, keyof DividerProperties >
 
 interface DividerPatternFn {
-  (options?: DividerOptions): string
-  raw: (options: DividerOptions) => DividerOptions
+  (styles?: DividerStyles): string
+  raw: (styles: DividerStyles) => DividerStyles
 }
 
 

package/styled-system/patterns/flex.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type FlexProperties = {
@@ -15,11 +16,11 @@ export type FlexProperties = {
 }
 
 
-type FlexOptions = FlexProperties & Omit<SystemStyleObject, keyof FlexProperties >
+type FlexStyles = FlexProperties & DistributiveOmit<SystemStyleObject, keyof FlexProperties >
 
 interface FlexPatternFn {
-  (options?: FlexOptions): string
-  raw: (options: FlexOptions) => FlexOptions
+  (styles?: FlexStyles): string
+  raw: (styles: FlexStyles) => FlexStyles
 }
 
 

package/styled-system/patterns/float.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type FloatProperties = {
@@ -12,11 +13,11 @@ export type FloatProperties = {
 }
 
 
-type FloatOptions = FloatProperties & Omit<SystemStyleObject, keyof FloatProperties >
+type FloatStyles = FloatProperties & DistributiveOmit<SystemStyleObject, keyof FloatProperties >
 
 interface FloatPatternFn {
-  (options?: FloatOptions): string
-  raw: (options: FloatOptions) => FloatOptions
+  (styles?: FloatStyles): string
+  raw: (styles: FloatStyles) => FloatStyles
 }
 
 

package/styled-system/patterns/grid-item.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type GridItemProperties = {
@@ -14,11 +15,11 @@ export type GridItemProperties = {
 }
 
 
-type GridItemOptions = GridItemProperties & Omit<SystemStyleObject, keyof GridItemProperties >
+type GridItemStyles = GridItemProperties & DistributiveOmit<SystemStyleObject, keyof GridItemProperties >
 
 interface GridItemPatternFn {
-  (options?: GridItemOptions): string
-  raw: (options: GridItemOptions) => GridItemOptions
+  (styles?: GridItemStyles): string
+  raw: (styles: GridItemStyles) => GridItemStyles
 }
 
 

package/styled-system/patterns/grid.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type GridProperties = {
@@ -13,11 +14,11 @@ export type GridProperties = {
 }
 
 
-type GridOptions = GridProperties & Omit<SystemStyleObject, keyof GridProperties >
+type GridStyles = GridProperties & DistributiveOmit<SystemStyleObject, keyof GridProperties >
 
 interface GridPatternFn {
-  (options?: GridOptions): string
-  raw: (options: GridOptions) => GridOptions
+  (styles?: GridStyles): string
+  raw: (styles: GridStyles) => GridStyles
 }
 
 

package/styled-system/patterns/hstack.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type HstackProperties = {
@@ -10,11 +11,11 @@ export type HstackProperties = {
 }
 
 
-type HstackOptions = HstackProperties & Omit<SystemStyleObject, keyof HstackProperties >
+type HstackStyles = HstackProperties & DistributiveOmit<SystemStyleObject, keyof HstackProperties >
 
 interface HstackPatternFn {
-  (options?: HstackOptions): string
-  raw: (options: HstackOptions) => HstackOptions
+  (styles?: HstackStyles): string
+  raw: (styles: HstackStyles) => HstackStyles
 }
 
 

package/styled-system/patterns/link-box.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type LinkBoxProperties = {
@@ -9,11 +10,11 @@ export type LinkBoxProperties = {
 }
 
 
-type LinkBoxOptions = LinkBoxProperties & Omit<SystemStyleObject, keyof LinkBoxProperties >
+type LinkBoxStyles = LinkBoxProperties & DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties >
 
 interface LinkBoxPatternFn {
-  (options?: LinkBoxOptions): string
-  raw: (options: LinkBoxOptions) => LinkBoxOptions
+  (styles?: LinkBoxStyles): string
+  raw: (styles: LinkBoxStyles) => LinkBoxStyles
 }
 
 

package/styled-system/patterns/link-overlay.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type LinkOverlayProperties = {
@@ -9,11 +10,11 @@ export type LinkOverlayProperties = {
 }
 
 
-type LinkOverlayOptions = LinkOverlayProperties & Omit<SystemStyleObject, keyof LinkOverlayProperties >
+type LinkOverlayStyles = LinkOverlayProperties & DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties >
 
 interface LinkOverlayPatternFn {
-  (options?: LinkOverlayOptions): string
-  raw: (options: LinkOverlayOptions) => LinkOverlayOptions
+  (styles?: LinkOverlayStyles): string
+  raw: (styles: LinkOverlayStyles) => LinkOverlayStyles
 }
 
 

package/styled-system/patterns/spacer.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type SpacerProperties = {
@@ -9,11 +10,11 @@ export type SpacerProperties = {
 }
 
 
-type SpacerOptions = SpacerProperties & Omit<SystemStyleObject, keyof SpacerProperties >
+type SpacerStyles = SpacerProperties & DistributiveOmit<SystemStyleObject, keyof SpacerProperties >
 
 interface SpacerPatternFn {
-  (options?: SpacerOptions): string
-  raw: (options: SpacerOptions) => SpacerOptions
+  (styles?: SpacerStyles): string
+  raw: (styles: SpacerStyles) => SpacerStyles
 }
 
 

package/styled-system/patterns/square.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type SquareProperties = {
@@ -9,11 +10,11 @@ export type SquareProperties = {
 }
 
 
-type SquareOptions = SquareProperties & Omit<SystemStyleObject, keyof SquareProperties >
+type SquareStyles = SquareProperties & DistributiveOmit<SystemStyleObject, keyof SquareProperties >
 
 interface SquarePatternFn {
-  (options?: SquareOptions): string
-  raw: (options: SquareOptions) => SquareOptions
+  (styles?: SquareStyles): string
+  raw: (styles: SquareStyles) => SquareStyles
 }
 
 

package/styled-system/patterns/stack.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type StackProperties = {
@@ -12,11 +13,11 @@ export type StackProperties = {
 }
 
 
-type StackOptions = StackProperties & Omit<SystemStyleObject, keyof StackProperties >
+type StackStyles = StackProperties & DistributiveOmit<SystemStyleObject, keyof StackProperties >
 
 interface StackPatternFn {
-  (options?: StackOptions): string
-  raw: (options: StackOptions) => StackOptions
+  (styles?: StackStyles): string
+  raw: (styles: StackStyles) => StackStyles
 }
 
 

package/styled-system/patterns/styled-link.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type StyledLinkProperties = {
@@ -9,11 +10,11 @@ export type StyledLinkProperties = {
 }
 
 
-type StyledLinkOptions = StyledLinkProperties & Omit<SystemStyleObject, keyof StyledLinkProperties >
+type StyledLinkStyles = StyledLinkProperties & DistributiveOmit<SystemStyleObject, keyof StyledLinkProperties >
 
 interface StyledLinkPatternFn {
-  (options?: StyledLinkOptions): string
-  raw: (options: StyledLinkOptions) => StyledLinkOptions
+  (styles?: StyledLinkStyles): string
+  raw: (styles: StyledLinkStyles) => StyledLinkStyles
 }
 
 

package/styled-system/patterns/visually-hidden.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type VisuallyHiddenProperties = {
@@ -9,11 +10,11 @@ export type VisuallyHiddenProperties = {
 }
 
 
-type VisuallyHiddenOptions = VisuallyHiddenProperties & Omit<SystemStyleObject, keyof VisuallyHiddenProperties >
+type VisuallyHiddenStyles = VisuallyHiddenProperties & DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties >
 
 interface VisuallyHiddenPatternFn {
-  (options?: VisuallyHiddenOptions): string
-  raw: (options: VisuallyHiddenOptions) => VisuallyHiddenOptions
+  (styles?: VisuallyHiddenStyles): string
+  raw: (styles: VisuallyHiddenStyles) => VisuallyHiddenStyles
 }
 
 

package/styled-system/patterns/vstack.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type VstackProperties = {
@@ -10,11 +11,11 @@ export type VstackProperties = {
 }
 
 
-type VstackOptions = VstackProperties & Omit<SystemStyleObject, keyof VstackProperties >
+type VstackStyles = VstackProperties & DistributiveOmit<SystemStyleObject, keyof VstackProperties >
 
 interface VstackPatternFn {
-  (options?: VstackOptions): string
-  raw: (options: VstackOptions) => VstackOptions
+  (styles?: VstackStyles): string
+  raw: (styles: VstackStyles) => VstackStyles
 }
 
 

package/styled-system/patterns/wrap.d.ts

@@ -1,7 +1,8 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types'
-import type { PropertyValue } from '../types/prop-type'
 import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
 import type { Tokens } from '../tokens'
 
 export type WrapProperties = {
@@ -13,11 +14,11 @@ export type WrapProperties = {
 }
 
 
-type WrapOptions = WrapProperties & Omit<SystemStyleObject, keyof WrapProperties >
+type WrapStyles = WrapProperties & DistributiveOmit<SystemStyleObject, keyof WrapProperties >
 
 interface WrapPatternFn {
-  (options?: WrapOptions): string
-  raw: (options: WrapOptions) => WrapOptions
+  (styles?: WrapStyles): string
+  raw: (styles: WrapStyles) => WrapStyles
 }
 
 

package/styled-system/styles.css

@@ -11,6 +11,11 @@
 @import './tokens/keyframes.css';
 
 @layer utilities {
+  .styles\:dark\:text_green500.dark,
+  .dark .styles\:dark\:text_green500 {
+    color: green500;
+  }
+
   .font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
     font: 12px/1.5 Helvetica, Arial, sans-serif;
   }
@@ -1020,6 +1025,15 @@
     opacity: 0.8;
   }
 
+  @media screen and (min-width: 640px) {
+    @media screen and (min-width: 768px) {
+      .styles\:dark\:sm\:md\:text_red200.dark,
+      .dark .styles\:dark\:sm\:md\:text_red200 {
+        color: red200;
+      }
+    }
+  }
+
   @media screen and (min-width: 768px) {
     .md\:px_6 {
       padding-inline: var(--spacing-6);

package/styled-system/tokens/tokens.d.ts

@@ -37,6 +37,8 @@ export type AssetToken = "check"
 
 export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
 
+export type AnimationName = "spin" | "ping" | "pulse" | "bounce"
+
 export type Tokens = {
 		borders: BorderToken
 		easings: EasingToken
@@ -55,6 +57,7 @@ export type Tokens = {
 		colors: ColorToken
 		assets: AssetToken
 		breakpoints: BreakpointToken
+		animationName: AnimationName
 } & { [token: string]: never }
 
 export type TokenCategory = "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"

package/styled-system/types/jsx.d.ts

@@ -1,11 +1,11 @@
 /* eslint-disable */
 import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
-import type { Assign, JsxStyleProps, JsxHTMLProps } from './system-types'
+import type { Assign, DistributiveOmit, JsxStyleProps, JsxHTMLProps } from './system-types'
 import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
 
 type Dict = Record<string, unknown>
 
-type ComponentProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'ref'> & {
+type ComponentProps<T extends ElementType> = DistributiveOmit<ComponentPropsWithoutRef<T>, 'ref'> & {
   ref?: Ref<ElementRef<T>>
 }
 

package/styled-system/types/prop-type.d.ts

@@ -156,6 +156,7 @@ type PropertyValueTypes  = {
 	transitionDuration: Tokens["durations"];
 	transition: "all" | "common" | "background" | "colors" | "opacity" | "shadow" | "transform";
 	animation: Tokens["animations"];
+	animationName: Tokens["animationName"];
 	animationDelay: Tokens["durations"];
 	scale: "auto" | CssProperties["scale"];
 	translate: "auto" | CssProperties["translate"];

package/styled-system/types/recipe.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { SystemStyleObject } from './system-types'
+import type { SystemStyleObject, DistributiveOmit } from './system-types'
 
 type Pretty<T> = { [K in keyof T]: T[K] } & {}
 
@@ -33,7 +33,9 @@ export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T>
   variantMap: RecipeVariantMap<T>
   resolve: (props: RecipeSelection<T>) => SystemStyleObject
   config: RecipeConfig<T>
-  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]
+  splitVariantProps<Props extends RecipeSelection<T>>(
+    props: Props,
+  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
 }
 
 export type RecipeCompoundSelection<T extends RecipeVariantRecord> = {

package/styled-system/types/style-props.d.ts

@@ -472,6 +472,36 @@ export type SystemProperties = {
 	writingMode?: PropertyValue<'writingMode'>
 	zIndex?: PropertyValue<'zIndex'>
 	zoom?: PropertyValue<'zoom'>
+	alignmentBaseline?: PropertyValue<'alignmentBaseline'>
+	baselineShift?: PropertyValue<'baselineShift'>
+	clipRule?: PropertyValue<'clipRule'>
+	colorInterpolation?: PropertyValue<'colorInterpolation'>
+	colorRendering?: PropertyValue<'colorRendering'>
+	dominantBaseline?: PropertyValue<'dominantBaseline'>
+	fill?: PropertyValue<'fill'>
+	fillOpacity?: PropertyValue<'fillOpacity'>
+	fillRule?: PropertyValue<'fillRule'>
+	floodColor?: PropertyValue<'floodColor'>
+	floodOpacity?: PropertyValue<'floodOpacity'>
+	glyphOrientationVertical?: PropertyValue<'glyphOrientationVertical'>
+	lightingColor?: PropertyValue<'lightingColor'>
+	marker?: PropertyValue<'marker'>
+	markerEnd?: PropertyValue<'markerEnd'>
+	markerMid?: PropertyValue<'markerMid'>
+	markerStart?: PropertyValue<'markerStart'>
+	shapeRendering?: PropertyValue<'shapeRendering'>
+	stopColor?: PropertyValue<'stopColor'>
+	stopOpacity?: PropertyValue<'stopOpacity'>
+	stroke?: PropertyValue<'stroke'>
+	strokeDasharray?: PropertyValue<'strokeDasharray'>
+	strokeDashoffset?: PropertyValue<'strokeDashoffset'>
+	strokeLinecap?: PropertyValue<'strokeLinecap'>
+	strokeLinejoin?: PropertyValue<'strokeLinejoin'>
+	strokeMiterlimit?: PropertyValue<'strokeMiterlimit'>
+	strokeOpacity?: PropertyValue<'strokeOpacity'>
+	strokeWidth?: PropertyValue<'strokeWidth'>
+	textAnchor?: PropertyValue<'textAnchor'>
+	vectorEffect?: PropertyValue<'vectorEffect'>
 	pos?: PropertyValue<'pos'>
 	insetEnd?: PropertyValue<'insetEnd'>
 	end?: PropertyValue<'end'>
@@ -616,8 +646,6 @@ export type SystemProperties = {
 	scrollSnapMarginBottom?: PropertyValue<'scrollSnapMarginBottom'>
 	scrollSnapMarginLeft?: PropertyValue<'scrollSnapMarginLeft'>
 	scrollSnapMarginRight?: PropertyValue<'scrollSnapMarginRight'>
-	fill?: PropertyValue<'fill'>
-	stroke?: PropertyValue<'stroke'>
 	srOnly?: PropertyValue<'srOnly'>
 	debug?: PropertyValue<'debug'>
 	colorPalette?: PropertyValue<'colorPalette'>

package/styled-system/types/system-types.d.ts

@@ -56,19 +56,22 @@ type StyleProps = SystemProperties & MinimalNested<SystemStyleObject>
 
 export type JsxStyleProps = StyleProps & WithCss
 
-export type Assign<T, U> = Omit<T, keyof U> & U
+export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
+
+export type Assign<T, U> = {
+  [K in keyof T]: K extends keyof U ? U[K] : T[K]
+} & U
 
 export type PatchedHTMLProps = {
-  htmlSize?: string | number
   htmlWidth?: string | number
   htmlHeight?: string | number
   htmlTranslate?: 'yes' | 'no' | undefined
   htmlContent?: string
 }
 
-export type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size' | 'content'
+export type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'
 
-type WithHTMLProps<T> = Omit<T, OmittedHTMLProps> & PatchedHTMLProps
+type WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps
 
 export type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<
   WithHTMLProps<T>,