@zeus-js/component-dts 0.1.0-beta.5 → 0.1.0-beta.7

package/dist/component-dts.cjs.js

@@ -1,5 +1,5 @@
 /**
-* component-dts v0.1.0-beta.5
+* component-dts v0.1.0-beta.7
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -113,6 +113,54 @@ function sanitizeFileName(value) {
 	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
 //#endregion
+//#region packages/web-c/component-dts/src/generateElementType.ts
+function generateElementType(component, options = {}) {
+	var _component$methods;
+	const elementTypeName = getElementTypeName(component);
+	const propsTypeName = `${elementTypeName}Props`;
+	const methodsTypeName = `${elementTypeName}Methods`;
+	const eventTargetTypeName = `${elementTypeName}EventTarget`;
+	const lines = [];
+	lines.push(`interface ${propsTypeName} {`);
+	for (const [name, prop] of Object.entries(component.props)) {
+		const optional = isRequiredProp(prop) ? "" : "?";
+		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
+	}
+	lines.push("}");
+	lines.push("");
+	lines.push(`interface ${methodsTypeName} {`);
+	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: options.forcePromise })}`);
+	if (options.componentOnReady) lines.push(`  componentOnReady(): Promise<${elementTypeName}>`);
+	lines.push("}");
+	if (options.eventMapTypeName) {
+		lines.push("");
+		lines.push(generateEventTargetType(elementTypeName, eventTargetTypeName, options.eventMapTypeName));
+	}
+	const intersections = [methodsTypeName];
+	if (options.eventMapTypeName) intersections.push(eventTargetTypeName);
+	intersections.push("HTMLElement", `Omit<${propsTypeName}, keyof HTMLElement>`);
+	lines.push("");
+	lines.push(`export type ${elementTypeName} = ${intersections.join(" & ")}`);
+	return lines.join("\n");
+}
+function generateEventTargetType(elementTypeName, eventTargetTypeName, eventMapTypeName) {
+	const lines = [];
+	lines.push(`interface ${eventTargetTypeName} {`);
+	lines.push(`  addEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | AddEventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("");
+	lines.push(`  removeEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | EventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("}");
+	return lines.join("\n");
+}
+//#endregion
 //#region packages/web-c/component-dts/src/generateWcDts.ts
 function generateComponentWCDts(component) {
 	const elementTypeName = getElementTypeName(component);
@@ -122,7 +170,7 @@ function generateComponentWCDts(component) {
 	lines.push("");
 	lines.push(generateEventMap(component));
 	lines.push("");
-	lines.push(generateElementInterface$1(component));
+	lines.push(generateElementInterface(component));
 	lines.push("");
 	lines.push(`export declare const ${component.exportName}: {`);
 	lines.push(`  new (): ${elementTypeName}`);
@@ -150,42 +198,17 @@ function generateWCIndexDts(manifest, options) {
 }
 function generateEventMap(component) {
 	const eventMapName = getEventMapTypeName(component);
-	const entries = Object.entries(component.events);
 	const lines = [];
 	lines.push(`export interface ${eventMapName} {`);
-	if (!entries.length) lines.push("  [key: string]: CustomEvent<unknown>");
-	else for (const [key, event] of Object.entries(component.events)) {
+	for (const [key, event] of Object.entries(component.events)) {
 		var _event$name, _event$key;
 		lines.push(`  ${safePropertyName((_event$name = event.name) !== null && _event$name !== void 0 ? _event$name : toKebabCase$1((_event$key = event.key) !== null && _event$key !== void 0 ? _event$key : key))}: ${formatEventType(event)}`);
 	}
 	lines.push("}");
 	return lines.join("\n");
 }
-function generateElementInterface$1(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const eventMapName = getEventMapTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("");
-	lines.push(`  addEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | AddEventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("");
-	lines.push(`  removeEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | EventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("}");
-	return lines.join("\n");
+function generateElementInterface(component) {
+	return generateElementType(component, { eventMapTypeName: getEventMapTypeName(component) });
 }
 function toKebabCase$1(value) {
 	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
@@ -260,7 +283,6 @@ function generateReactDts(manifest, options = {}) {
 	return lines.join("\n");
 }
 function generateReactComponentDts(component, options) {
-	var _component$methods;
 	const propsTypeName = getPropsTypeName(component);
 	const elementTypeName = getElementTypeName(component);
 	const lines = [];
@@ -285,13 +307,7 @@ function generateReactComponentDts(component, options) {
 	}
 	lines.push("}");
 	lines.push("");
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("}");
+	lines.push(generateElementType(component));
 	lines.push("");
 	lines.push(`export declare const ${component.name}: React.ForwardRefExoticComponent<`);
 	lines.push(`  ${propsTypeName} & React.RefAttributes<${elementTypeName}>`);
@@ -414,7 +430,10 @@ function generateLoaderDts(manifest) {
 	lines.push("// Generated by @zeus-js/component-dts.");
 	lines.push("");
 	for (const component of manifest.components) {
-		lines.push(generateElementInterface(component));
+		lines.push(generateElementType(component, {
+			componentOnReady: true,
+			forcePromise: true
+		}));
 		lines.push("");
 	}
 	lines.push("export declare function defineCustomElements(): void");
@@ -431,20 +450,6 @@ function generateLoaderDts(manifest) {
 	lines.push("");
 	return lines.join("\n");
 }
-function generateElementInterface(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: true })}`);
-	lines.push("  componentOnReady(): Promise<this>");
-	lines.push("}");
-	return lines.join("\n");
-}
 //#endregion
 exports.formatDetailType = formatDetailType;
 exports.formatEventType = formatEventType;

package/dist/component-dts.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* component-dts v0.1.0-beta.5
+* component-dts v0.1.0-beta.7
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -113,6 +113,54 @@ function sanitizeFileName(value) {
 	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
 //#endregion
+//#region packages/web-c/component-dts/src/generateElementType.ts
+function generateElementType(component, options = {}) {
+	var _component$methods;
+	const elementTypeName = getElementTypeName(component);
+	const propsTypeName = `${elementTypeName}Props`;
+	const methodsTypeName = `${elementTypeName}Methods`;
+	const eventTargetTypeName = `${elementTypeName}EventTarget`;
+	const lines = [];
+	lines.push(`interface ${propsTypeName} {`);
+	for (const [name, prop] of Object.entries(component.props)) {
+		const optional = isRequiredProp(prop) ? "" : "?";
+		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
+	}
+	lines.push("}");
+	lines.push("");
+	lines.push(`interface ${methodsTypeName} {`);
+	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: options.forcePromise })}`);
+	if (options.componentOnReady) lines.push(`  componentOnReady(): Promise<${elementTypeName}>`);
+	lines.push("}");
+	if (options.eventMapTypeName) {
+		lines.push("");
+		lines.push(generateEventTargetType(elementTypeName, eventTargetTypeName, options.eventMapTypeName));
+	}
+	const intersections = [methodsTypeName];
+	if (options.eventMapTypeName) intersections.push(eventTargetTypeName);
+	intersections.push("HTMLElement", `Omit<${propsTypeName}, keyof HTMLElement>`);
+	lines.push("");
+	lines.push(`export type ${elementTypeName} = ${intersections.join(" & ")}`);
+	return lines.join("\n");
+}
+function generateEventTargetType(elementTypeName, eventTargetTypeName, eventMapTypeName) {
+	const lines = [];
+	lines.push(`interface ${eventTargetTypeName} {`);
+	lines.push(`  addEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | AddEventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("");
+	lines.push(`  removeEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | EventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("}");
+	return lines.join("\n");
+}
+//#endregion
 //#region packages/web-c/component-dts/src/generateWcDts.ts
 function generateComponentWCDts(component) {
 	const elementTypeName = getElementTypeName(component);
@@ -122,7 +170,7 @@ function generateComponentWCDts(component) {
 	lines.push("");
 	lines.push(generateEventMap(component));
 	lines.push("");
-	lines.push(generateElementInterface$1(component));
+	lines.push(generateElementInterface(component));
 	lines.push("");
 	lines.push(`export declare const ${component.exportName}: {`);
 	lines.push(`  new (): ${elementTypeName}`);
@@ -150,42 +198,17 @@ function generateWCIndexDts(manifest, options) {
 }
 function generateEventMap(component) {
 	const eventMapName = getEventMapTypeName(component);
-	const entries = Object.entries(component.events);
 	const lines = [];
 	lines.push(`export interface ${eventMapName} {`);
-	if (!entries.length) lines.push("  [key: string]: CustomEvent<unknown>");
-	else for (const [key, event] of Object.entries(component.events)) {
+	for (const [key, event] of Object.entries(component.events)) {
 		var _event$name, _event$key;
 		lines.push(`  ${safePropertyName((_event$name = event.name) !== null && _event$name !== void 0 ? _event$name : toKebabCase$1((_event$key = event.key) !== null && _event$key !== void 0 ? _event$key : key))}: ${formatEventType(event)}`);
 	}
 	lines.push("}");
 	return lines.join("\n");
 }
-function generateElementInterface$1(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const eventMapName = getEventMapTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("");
-	lines.push(`  addEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | AddEventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("");
-	lines.push(`  removeEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | EventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("}");
-	return lines.join("\n");
+function generateElementInterface(component) {
+	return generateElementType(component, { eventMapTypeName: getEventMapTypeName(component) });
 }
 function toKebabCase$1(value) {
 	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
@@ -260,7 +283,6 @@ function generateReactDts(manifest, options = {}) {
 	return lines.join("\n");
 }
 function generateReactComponentDts(component, options) {
-	var _component$methods;
 	const propsTypeName = getPropsTypeName(component);
 	const elementTypeName = getElementTypeName(component);
 	const lines = [];
@@ -285,13 +307,7 @@ function generateReactComponentDts(component, options) {
 	}
 	lines.push("}");
 	lines.push("");
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("}");
+	lines.push(generateElementType(component));
 	lines.push("");
 	lines.push(`export declare const ${component.name}: React.ForwardRefExoticComponent<`);
 	lines.push(`  ${propsTypeName} & React.RefAttributes<${elementTypeName}>`);
@@ -414,7 +430,10 @@ function generateLoaderDts(manifest) {
 	lines.push("// Generated by @zeus-js/component-dts.");
 	lines.push("");
 	for (const component of manifest.components) {
-		lines.push(generateElementInterface(component));
+		lines.push(generateElementType(component, {
+			componentOnReady: true,
+			forcePromise: true
+		}));
 		lines.push("");
 	}
 	lines.push("export declare function defineCustomElements(): void");
@@ -431,20 +450,6 @@ function generateLoaderDts(manifest) {
 	lines.push("");
 	return lines.join("\n");
 }
-function generateElementInterface(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: true })}`);
-	lines.push("  componentOnReady(): Promise<this>");
-	lines.push("}");
-	return lines.join("\n");
-}
 //#endregion
 exports.formatDetailType = formatDetailType;
 exports.formatEventType = formatEventType;

package/dist/component-dts.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* component-dts v0.1.0-beta.5
+* component-dts v0.1.0-beta.7
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -86,6 +86,54 @@ function sanitizeFileName(value) {
 	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
 //#endregion
+//#region packages/web-c/component-dts/src/generateElementType.ts
+function generateElementType(component, options = {}) {
+	var _component$methods;
+	const elementTypeName = getElementTypeName(component);
+	const propsTypeName = `${elementTypeName}Props`;
+	const methodsTypeName = `${elementTypeName}Methods`;
+	const eventTargetTypeName = `${elementTypeName}EventTarget`;
+	const lines = [];
+	lines.push(`interface ${propsTypeName} {`);
+	for (const [name, prop] of Object.entries(component.props)) {
+		const optional = isRequiredProp(prop) ? "" : "?";
+		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
+	}
+	lines.push("}");
+	lines.push("");
+	lines.push(`interface ${methodsTypeName} {`);
+	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: options.forcePromise })}`);
+	if (options.componentOnReady) lines.push(`  componentOnReady(): Promise<${elementTypeName}>`);
+	lines.push("}");
+	if (options.eventMapTypeName) {
+		lines.push("");
+		lines.push(generateEventTargetType(elementTypeName, eventTargetTypeName, options.eventMapTypeName));
+	}
+	const intersections = [methodsTypeName];
+	if (options.eventMapTypeName) intersections.push(eventTargetTypeName);
+	intersections.push("HTMLElement", `Omit<${propsTypeName}, keyof HTMLElement>`);
+	lines.push("");
+	lines.push(`export type ${elementTypeName} = ${intersections.join(" & ")}`);
+	return lines.join("\n");
+}
+function generateEventTargetType(elementTypeName, eventTargetTypeName, eventMapTypeName) {
+	const lines = [];
+	lines.push(`interface ${eventTargetTypeName} {`);
+	lines.push(`  addEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | AddEventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("");
+	lines.push(`  removeEventListener<K extends keyof ${eventMapTypeName}>(`);
+	lines.push("    type: K,");
+	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapTypeName}[K]) => unknown,`);
+	lines.push("    options?: boolean | EventListenerOptions,");
+	lines.push("  ): void");
+	lines.push("}");
+	return lines.join("\n");
+}
+//#endregion
 //#region packages/web-c/component-dts/src/generateWcDts.ts
 function generateComponentWCDts(component) {
 	const elementTypeName = getElementTypeName(component);
@@ -95,7 +143,7 @@ function generateComponentWCDts(component) {
 	lines.push("");
 	lines.push(generateEventMap(component));
 	lines.push("");
-	lines.push(generateElementInterface$1(component));
+	lines.push(generateElementInterface(component));
 	lines.push("");
 	lines.push(`export declare const ${component.exportName}: {`);
 	lines.push(`  new (): ${elementTypeName}`);
@@ -123,42 +171,17 @@ function generateWCIndexDts(manifest, options) {
 }
 function generateEventMap(component) {
 	const eventMapName = getEventMapTypeName(component);
-	const entries = Object.entries(component.events);
 	const lines = [];
 	lines.push(`export interface ${eventMapName} {`);
-	if (!entries.length) lines.push("  [key: string]: CustomEvent<unknown>");
-	else for (const [key, event] of Object.entries(component.events)) {
+	for (const [key, event] of Object.entries(component.events)) {
 		var _event$name, _event$key;
 		lines.push(`  ${safePropertyName((_event$name = event.name) !== null && _event$name !== void 0 ? _event$name : toKebabCase$1((_event$key = event.key) !== null && _event$key !== void 0 ? _event$key : key))}: ${formatEventType(event)}`);
 	}
 	lines.push("}");
 	return lines.join("\n");
 }
-function generateElementInterface$1(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const eventMapName = getEventMapTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("");
-	lines.push(`  addEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | AddEventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("");
-	lines.push(`  removeEventListener<K extends keyof ${eventMapName}>(`);
-	lines.push("    type: K,");
-	lines.push(`    listener: (this: ${elementTypeName}, ev: ${eventMapName}[K]) => unknown,`);
-	lines.push("    options?: boolean | EventListenerOptions,");
-	lines.push("  ): void");
-	lines.push("}");
-	return lines.join("\n");
+function generateElementInterface(component) {
+	return generateElementType(component, { eventMapTypeName: getEventMapTypeName(component) });
 }
 function toKebabCase$1(value) {
 	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
@@ -233,7 +256,6 @@ function generateReactDts(manifest, options = {}) {
 	return lines.join("\n");
 }
 function generateReactComponentDts(component, options) {
-	var _component$methods;
 	const propsTypeName = getPropsTypeName(component);
 	const elementTypeName = getElementTypeName(component);
 	const lines = [];
@@ -258,13 +280,7 @@ function generateReactComponentDts(component, options) {
 	}
 	lines.push("}");
 	lines.push("");
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method)}`);
-	lines.push("}");
+	lines.push(generateElementType(component));
 	lines.push("");
 	lines.push(`export declare const ${component.name}: React.ForwardRefExoticComponent<`);
 	lines.push(`  ${propsTypeName} & React.RefAttributes<${elementTypeName}>`);
@@ -387,7 +403,10 @@ function generateLoaderDts(manifest) {
 	lines.push("// Generated by @zeus-js/component-dts.");
 	lines.push("");
 	for (const component of manifest.components) {
-		lines.push(generateElementInterface(component));
+		lines.push(generateElementType(component, {
+			componentOnReady: true,
+			forcePromise: true
+		}));
 		lines.push("");
 	}
 	lines.push("export declare function defineCustomElements(): void");
@@ -404,19 +423,5 @@ function generateLoaderDts(manifest) {
 	lines.push("");
 	return lines.join("\n");
 }
-function generateElementInterface(component) {
-	var _component$methods;
-	const elementTypeName = getElementTypeName(component);
-	const lines = [];
-	lines.push(`export interface ${elementTypeName} extends HTMLElement {`);
-	for (const [name, prop] of Object.entries(component.props)) {
-		const optional = isRequiredProp(prop) ? "" : "?";
-		lines.push(`  ${safePropertyName(name)}${optional}: ${formatPropType(prop)}`);
-	}
-	for (const method of Object.values((_component$methods = component.methods) !== null && _component$methods !== void 0 ? _component$methods : {})) lines.push(`  ${formatMethodSignature(method, { forcePromise: true })}`);
-	lines.push("  componentOnReady(): Promise<this>");
-	lines.push("}");
-	return lines.join("\n");
-}
 //#endregion
 export { formatDetailType, formatEventType, formatPropType, generateComponentWCDts, generateLoaderDts, generateReactDts, generateVueDts, generateVueGlobalDts, generateWCDtsFiles, generateWCIndexDts, generateWCJsxDts };

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "@zeus-js/component-dts",
-  "version": "0.1.0-beta.5",
-  "description": "DTS generators for Zeus component manifest",
   "type": "module",
-  "main": "index.js",
-  "module": "dist/component-dts.esm-bundler.js",
-  "types": "dist/component-dts.d.ts",
-  "files": [
-    "index.js",
-    "dist"
-  ],
+  "version": "0.1.0-beta.7",
+  "description": "DTS generators for Zeus component manifest",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baicie/zeus.git",
+    "directory": "packages/web-c/component-dts"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/component-dts.d.ts",
@@ -23,11 +27,14 @@
       }
     }
   },
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/baicie/zeus"
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "dependencies": {
+    "@zeus-js/component-analyzer": "0.1.0-beta.7"
   },
+  "author": "Baicie",
   "buildOptions": {
     "name": "ZeusComponentDts",
     "formats": [
@@ -35,15 +42,13 @@
       "cjs"
     ]
   },
-  "dependencies": {
-    "@zeus-js/component-analyzer": "0.1.0-beta.5"
-  },
   "keywords": [
     "zeus",
     "web-components",
     "dts",
     "types"
   ],
-  "author": "Baicie",
-  "license": "MIT"
+  "main": "index.js",
+  "module": "dist/component-dts.esm-bundler.js",
+  "types": "dist/component-dts.d.ts"
 }