@htmlplus/element 3.4.4 → 3.4.6

package/dist/client.js

@@ -2042,13 +2042,13 @@ function Style() {
         });
     };
 }
-const toCssString = (input, parent) => {
+const toCssString = (input) => {
     if (typeof input === 'string') {
         return input.trim();
     }
     if (Array.isArray(input)) {
         return input
-            .map((item) => toCssString(item, parent))
+            .map((item) => toCssString(item))
             .filter(Boolean)
             .join('\n');
     }
@@ -2064,13 +2064,13 @@ const toCssString = (input, parent) => {
             continue;
         const cssKey = key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
         if (typeof value === 'object') {
-            result += `${cssKey} {${toCssString(value, cssKey)}}`;
+            result += `${cssKey} {${toCssString(value)}}`;
         }
         else {
             result += `${cssKey}: ${value};`;
         }
     }
-    return parent ? result : `:host {${result}}`;
+    return result;
 };
 
 function Variant() {

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.4",
+	"version": "3.4.6",
 	"description": "A powerful library for building scalable, reusable, fast, tastable and lightweight design system for any web technologies. Powered by Web Component.",
 	"keywords": [
 		"components",