@htmlplus/element 3.4.3 → 3.4.5

package/dist/jsx-runtime.d.ts

@@ -1,4 +1,4 @@
-import type { JSX as JSXReact } from '@types/react';
+import type { JSX as JSXReact } from 'react/jsx-runtime';
 
 type WithPart<T> = T & {
 	part?: string;
@@ -8,15 +8,13 @@ type IntrinsicElementsWithPart = {
 	[K in keyof JSXReact.IntrinsicElements]: WithPart<Omit<JSXReact.IntrinsicElements[K], 'ref'>>;
 };
 
-declare global {
-	namespace JSX {
-		interface IntrinsicElements extends IntrinsicElementsWithPart {
-			host: WithPart<JSXReact.IntrinsicElements['div']> & {
-				[key: string]: unknown;
-			};
-			slot: WithPart<JSXReact.IntrinsicElements['slot']> & {
-				onSlotChange?: (event: Event) => void;
-			};
-		}
+declare namespace JSX {
+	interface IntrinsicElements extends IntrinsicElementsWithPart {
+		host: WithPart<JSXReact.IntrinsicElements['div']> & {
+			[key: string]: unknown;
+		};
+		slot: WithPart<JSXReact.IntrinsicElements['slot']> & {
+			onSlotChange?: (event: Event) => void;
+		};
 	}
 }

package/dist/transformer.js

@@ -743,8 +743,6 @@ const customElement = (userOptions) => {
 
 							export type ${context.className}Properties = Filter<${context.className}PropertiesBase, ${context.className}PropertiesDisables>;
 
-							export type ${context.className}AttributesAndEvents = ${context.className}Attributes & ${context.className}Events;
-
               export interface ${context.className}JSX extends ${context.className}Events, ${context.className}Properties { }
     
               declare global {
@@ -765,13 +763,21 @@ const customElement = (userOptions) => {
 									"${context.elementTagName}": ${context.className}Attributes & ${context.className}Events;
 								}
 							}
+							
+							declare module "react" {
+								namespace JSX {
+									interface IntrinsicElements {
+										"${context.elementTagName}": ${context.className}Attributes & ${context.className}Events & Omit<DetailedHTMLProps<HTMLAttributes<${context.elementInterfaceName}>, ${context.elementInterfaceName}>, keyof (${context.className}Attributes & ${context.className}Events)>;
+									}
+								}
+							}
 
-							${['@builder.io/qwik', 'inferno', 'preact', 'react', 'solid-js']
+							${['@builder.io/qwik', 'inferno', 'preact', 'solid-js']
                         .map((key) => `
 									declare module "${key}" {
 										namespace JSX {
 											interface IntrinsicElements {
-												"${context.elementTagName}": ${context.className}AttributesAndEvents & Omit<HTMLAttributes<${context.elementInterfaceName}>, keyof ${context.className}AttributesAndEvents>;
+												"${context.elementTagName}": ${context.className}Attributes & ${context.className}Events & Omit<HTMLAttributes<${context.elementInterfaceName}>, keyof (${context.className}Attributes & ${context.className}Events)>;
 											}
 										}
 									}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@htmlplus/element",
-	"version": "3.4.3",
+	"version": "3.4.5",
 	"description": "A powerful library for building scalable, reusable, fast, tastable and lightweight design system for any web technologies. Powered by Web Component.",
 	"keywords": [
 		"components",