@stencil/core 5.0.0-beta.1 → 5.0.0-beta.10

package/dist/{client-BRu0GtRn.mjs → client-Db2rdxUM.mjs}

@@ -996,16 +996,33 @@ const signalNodeDisposers = /* @__PURE__ */ new WeakMap();
 const disposeSignalVNode = (vnode) => {
 	const elm = vnode.$elm$;
 	if (elm) {
-		const dispose = signalNodeDisposers.get(elm);
-		if (dispose) {
-			dispose();
-			signalNodeDisposers.delete(elm);
-		}
+		disposeTextSignal(elm);
 		disposeAllSignalAttrs(elm);
 	}
 	vnode.$children$?.forEach(disposeSignalVNode);
 };
 /**
+* Tear down a text node's signal subscription, if it has one.
+* @param textNode the text node to unsubscribe
+*/
+const disposeTextSignal = (textNode) => {
+	const dispose = signalNodeDisposers.get(textNode);
+	if (dispose) {
+		dispose();
+		signalNodeDisposers.delete(textNode);
+	}
+};
+/**
+* Subscribe a text node to a signal, keeping its `data` in sync on every change.
+* @param textNode the text node to keep in sync
+* @param textSig the signal to subscribe to
+*/
+const wireTextSignal = (textNode, textSig) => {
+	signalNodeDisposers.set(textNode, effect(() => {
+		textNode.data = String(textSig.value);
+	}));
+};
+/**
 * Create a DOM Node corresponding to one of the children of a given VNode.
 *
 * @param oldParentVNode the parent VNode from the previous render
@@ -1027,13 +1044,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 	if (BUILD.isDev && newVNode.$elm$) consoleDevError(`The JSX ${newVNode.$text$ !== null ? `"${newVNode.$text$}" text` : `"${String(newVNode.$tag$)}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`);
 	if (BUILD.vdomText && newVNode.$text$ != null) {
 		elm = newVNode.$elm$ = win.document.createTextNode(newVNode.$text$);
-		if (BUILD.vdomSignals && newVNode.$signal$) {
-			const textSig = newVNode.$signal$;
-			const textNode = elm;
-			signalNodeDisposers.set(textNode, effect(() => {
-				textNode.data = String(textSig.value);
-			}));
-		}
+		if (BUILD.vdomSignals && newVNode.$signal$) wireTextSignal(elm, newVNode.$signal$);
 	} else if (BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotReference) {
 		elm = newVNode.$elm$ = BUILD.isDebug || BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode) : win.document.createTextNode("");
 		if (typeof newVNode.$attrs$?.slot === "string") elm["s-sa"] = newVNode.$attrs$.slot;
@@ -1394,7 +1405,17 @@ const patch = (oldVNode, newVNode, isInitialRender = false) => {
 		else if (BUILD.hydrateClientSide && isInitialRender && BUILD.updatable && oldChildren !== null && newChildren === null) newVNode.$children$ = oldChildren;
 		if (BUILD.svg && isSvgMode && tag === "svg") isSvgMode = false;
 	} else if (BUILD.vdomText && BUILD.slotRelocation && (defaultHolder = elm["s-cr"])) defaultHolder.parentNode.textContent = text;
-	else if (BUILD.vdomText && oldVNode.$text$ !== text) elm.data = text;
+	else if (BUILD.vdomText) {
+		if (BUILD.vdomSignals && newVNode.$signal$) {
+			if (newVNode.$signal$ !== oldVNode.$signal$) {
+				disposeTextSignal(elm);
+				wireTextSignal(elm, newVNode.$signal$);
+			}
+		} else {
+			if (BUILD.vdomSignals && oldVNode.$signal$) disposeTextSignal(elm);
+			if (oldVNode.$text$ !== text) elm.data = text;
+		}
+	}
 };
 /**
 * Component-global information about nodes which are either currently being

package/dist/compiler/browser.d.ts

@@ -1526,7 +1526,7 @@ declare const transpileSync: (code: string, opts?: TranspileOptions) => Transpil
  * @param cmp the metadata for the component that a type definition string is generated for
  * @param typeImportData locally/imported/globally used type names, which may be used to prevent naming collisions
  * @param areTypesInternal `true` if types being generated are for a project's internal purposes, `false` otherwise
- * @param signalBacking `true` if the component is using signal backing for its props; includes the signals map on the element interface
+ * @param signalBacking `true` if the component is using signal backing for its props; includes the signals map on the element interface and unions JSX prop types with `ReadonlySignal<T>`
  * @returns the generated types string alongside additional metadata
  */
 declare const generateComponentTypes: (cmp: ComponentCompilerMeta, typeImportData: TypesImportData, areTypesInternal: boolean, signalBacking?: boolean) => TypesModule;

package/dist/compiler/browser.js

@@ -1501,12 +1501,13 @@ const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector)
 		else return shallowPart.trim();
 	}).join(", ");
 };
+const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
 const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
 	return processRules(cssText, (rule) => {
 		let selector = rule.selector;
 		let content = rule.content;
 		if (rule.selector[0] !== "@") selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-		else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector);
+		else if (isScopableAtRule(rule.selector)) content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector);
 		return {
 			selector: selector.replace(/\s{2,}/g, " ").trim(),
 			content
@@ -1598,14 +1599,12 @@ const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
 			rule.selector = placeholder + rule.selector;
 			return rule;
 		};
-		cssText = processRules(cssText, (rule) => {
+		const commentSelectors = (input) => processRules(input, (rule) => {
 			if (rule.selector[0] !== "@") return processCommentedSelector(rule);
-			else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-				rule.content = processRules(rule.content, processCommentedSelector);
-				return rule;
-			}
+			if (isScopableAtRule(rule.selector)) rule.content = commentSelectors(rule.content);
 			return rule;
 		});
+		cssText = commentSelectors(cssText);
 	}
 	const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
 	cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -1833,7 +1832,7 @@ const validateComponentTag = (tag) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.1";
+const version = "5.0.0-beta.10";
 //#endregion
 //#region src/compiler/events.ts
 const buildEvents = () => {
@@ -3790,10 +3789,11 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
 	const devMode = isBoolean$1(config.devMode) ? config.devMode : false;
 	config._isTesting = !!(process.env.VITEST || process.env.PLAYWRIGHT_TEST || process.env.TEST_WORKER_INDEX || process.env.TEST_PARALLEL_INDEX || false);
 	const sys = config.sys ?? bootstrapConfig.sys ?? createNodeSys({ logger });
+	const hasExplicitGlobalStyleWithInput = (config.outputTargets || []).some((o) => isOutputTargetGlobalStyle(o) && isString$1(o.input));
 	if ((!isString$1(config.globalStyle) || !isString$1(config.globalScript)) && typeof sys.accessSync === "function") {
 		const preRootDir = typeof config.rootDir !== "string" ? "/" : config.rootDir;
 		const srcDir = typeof config.srcDir === "string" ? isAbsolute(config.srcDir) ? config.srcDir : join(preRootDir, config.srcDir) : join(preRootDir, "src");
-		if (!isString$1(config.globalStyle)) for (const ext of STYLE_EXT) {
+		if (!isString$1(config.globalStyle) && !hasExplicitGlobalStyleWithInput) for (const ext of STYLE_EXT) {
 			const candidate = join(srcDir, `global.${ext}`);
 			if (sys.accessSync(candidate)) {
 				config.globalStyle = candidate;
@@ -3813,7 +3813,7 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
 		...config,
 		devMode,
 		compat: config.compat || {},
-		generateExportMaps: isBoolean$1(config.generateExportMaps) ? config.generateExportMaps : false,
+		generateExportMaps: isBoolean$1(config.generateExportMaps) ? config.generateExportMaps : !isString$1(config.configPath),
 		hydratedFlag: validateHydrated(config),
 		logLevel,
 		logger,
@@ -13195,14 +13195,16 @@ const parseWatchDecorator = (typeChecker, method, decoratorName) => {
 * @param diagnostics for surfacing errors and warnings
 * @param typeChecker a TypeScript typechecker instance
 * @param program a {@link ts.Program} object
+* @param includeClassExpressions also convert `ts.ClassExpression` nodes (e.g. a mixin factory's
+* `(Base) => class extends Base {}`), not just named `ts.ClassDeclaration`s
 * @returns a TypeScript transformer factory which can be passed to
 * TypeScript to transform source code during the compilation process
 */
-const convertDecoratorsToStatic = (config, diagnostics, typeChecker, program) => {
+const convertDecoratorsToStatic = (config, diagnostics, typeChecker, program, includeClassExpressions = false) => {
 	return (transformCtx) => {
 		let sourceFile;
 		const visit = (node) => {
-			if (ts$1.isClassDeclaration(node)) return visitClassDeclaration(config, diagnostics, typeChecker, program, node, sourceFile);
+			if (ts$1.isClassDeclaration(node) || includeClassExpressions && ts$1.isClassExpression(node)) return visitClassDeclaration(config, diagnostics, typeChecker, program, node, sourceFile);
 			return ts$1.visitEachChild(node, visit, transformCtx);
 		};
 		return (tsSourceFile) => {
@@ -13212,10 +13214,10 @@ const convertDecoratorsToStatic = (config, diagnostics, typeChecker, program) =>
 	};
 };
 /**
-* Visit {@link ts.ClassDeclaration} nodes as part of the tree-traversal
+* Visit {@link ts.ClassDeclaration}/{@link ts.ClassExpression} nodes as part of the tree-traversal
 * required for {@link convertDecoratorsToStatic} to work.
 *
-* If a given class declaration node is not decorated with `@Component` this
+* If a given class node is not decorated with `@Component` this
 * function will simply return it as-is. If it _is_ decorated, then it will
 *
 * 1. Convert the arguments to the `@Component` decorator to static values.
@@ -13224,7 +13226,7 @@ const convertDecoratorsToStatic = (config, diagnostics, typeChecker, program) =>
 * to static values.
 * 3. Validate that the various options selected by the component author are
 * valid, both individually and in combination.
-* 4. Return an updated class declaration node which is ready to be used in
+* 4. Return an updated class node which is ready to be used in
 * the rest of the Stencil compilation pipeline (e.g. in output target
 * generation).
 *
@@ -13243,7 +13245,7 @@ const visitClassDeclaration = (config, diagnostics, typeChecker, program, classN
 	const decoratedMembers = classMembers.filter((member) => (retrieveTsDecorators(member)?.length ?? 0) > 0);
 	if (!decoratedMembers.length && !componentDecorator) return classNode;
 	const filteredMethodsAndFields = removeStencilMethodDecorators(Array.from(classMembers), diagnostics, importAliasMap);
-	if (componentDecorator) componentDecoratorToStatic(config, typeChecker, diagnostics, classNode, filteredMethodsAndFields, componentDecorator);
+	if (componentDecorator && ts$1.isClassDeclaration(classNode)) componentDecoratorToStatic(config, typeChecker, diagnostics, classNode, filteredMethodsAndFields, componentDecorator);
 	if (decoratedMembers.length > 0) {
 		const serializers = serializeDecoratorsToStatic(typeChecker, decoratedMembers, filteredMethodsAndFields, importAliasMap.get("PropSerialize"), "PropSerialize", importAliasMap.get("Prop"));
 		const deserializers = serializeDecoratorsToStatic(typeChecker, decoratedMembers, filteredMethodsAndFields, importAliasMap.get("AttrDeserialize"), "AttrDeserialize", importAliasMap.get("Prop"));
@@ -13259,7 +13261,8 @@ const visitClassDeclaration = (config, diagnostics, typeChecker, program, classN
 	validateMethods(diagnostics, classMembers);
 	const currentDecorators = retrieveTsDecorators(classNode);
 	const updatedClassFields = updateConstructor(classNode, filteredMethodsAndFields, []);
-	return ts$1.factory.updateClassDeclaration(classNode, [...filterDecorators(currentDecorators, CLASS_DECORATORS_TO_REMOVE.map((decorator) => importAliasMap.get(decorator))) ?? [], ...retrieveTsModifiers(classNode) ?? []], classNode.name, classNode.typeParameters, classNode.heritageClauses, updatedClassFields);
+	const updatedModifiers = [...filterDecorators(currentDecorators, CLASS_DECORATORS_TO_REMOVE.map((decorator) => importAliasMap.get(decorator))) ?? [], ...retrieveTsModifiers(classNode) ?? []];
+	return ts$1.isClassDeclaration(classNode) ? ts$1.factory.updateClassDeclaration(classNode, updatedModifiers, classNode.name, classNode.typeParameters, classNode.heritageClauses, updatedClassFields) : ts$1.factory.updateClassExpression(classNode, updatedModifiers, classNode.name, classNode.typeParameters, classNode.heritageClauses, updatedClassFields);
 };
 /**
 * Take a list of `ClassElement` AST nodes and remove any decorators from
@@ -13870,11 +13873,11 @@ const parseStaticWatchers = (staticMembers) => {
 //#endregion
 //#region src/compiler/transformers/static-to-meta/class-extension/shared.ts
 /**
-* Warns when an `extends`/`Mixin(...)` target resolved to *something* but no class declaration
-* could be found inside it - e.g. a mixin factory whose class isn't a named declaration
-* (`(Base) => class extends Base {}` rather than `(Base) => { class Foo extends Base {} return
-* Foo; }`). Without this, the target is silently dropped: any `@Prop`/`@State` etc. it declares
-* just never appears on the extending component, with no diagnostic explaining why.
+* Warns when an `extends`/`Mixin(...)` target resolved to *something* but no class literal
+* could be found inside it - e.g. a mixin factory that returns an existing class by reference
+* (`(Base) => SomeExistingClass`) rather than a class literal. Without this, the target is
+* silently dropped: any `@Prop`/`@State` etc. it declares just never appears on the extending
+* component, with no diagnostic explaining why.
 * @param buildCtx used to surface the warning - omit to warn silently (e.g. from tests)
 * @param targetName the identifier the target was reached through
 * @param anchor the node to attach the warning to
@@ -13882,27 +13885,32 @@ const parseStaticWatchers = (staticMembers) => {
 function warnMixinFactoryClassNotFound(buildCtx, targetName, anchor) {
 	if (!buildCtx) return;
 	const err = buildWarn(buildCtx.diagnostics);
-	err.messageText = `Found "${targetName}", but couldn't find a class declaration inside it. If it's meant to be a mixin factory, make sure it declares and returns a named class, e.g. \`(Base) => { class ${targetName}Class extends Base {} return ${targetName}Class; }\` - a factory that returns a class expression directly (\`(Base) => class extends Base {}\`) isn't recognized, and any \`@Prop\`/\`@State\`/etc. it declares won't be applied.`;
+	err.messageText = `Found "${targetName}", but couldn't find a class inside it. If it's meant to be a mixin factory, make sure it returns a class literal directly, e.g. \`(Base) => class extends Base {}\` or \`(Base) => { class ${targetName}Class extends Base {} return ${targetName}Class; }\` - returning an existing class by reference (\`(Base) => SomeExistingClass\`) isn't recognized, and any \`@Prop\`/\`@State\`/etc. it declares won't be applied.`;
 	if (!buildCtx.config._isTesting) augmentDiagnosticWithNode(err, anchor);
 }
 /**
-* Walks the AST looking for a class declaration, optionally by name - descends
-* into a mixin factory's wrapping function (arrow function or `function`
-* declaration) body too, since a mixin factory's class is always nested one
-* level inside it (e.g. `const Foo = (Base) => class extends Base {}`).
+* Walks the AST looking for a class declaration or class expression, optionally by name -
+* descends into a mixin factory's wrapping function (arrow function or `function` declaration)
+* body too, since a mixin factory's class is always nested one level inside it. Recognizes all of:
+* `const Foo = (Base) => class extends Base {}` (concise arrow body), `const Foo = (Base) => {
+* return class extends Base {}; }` (block body, `return` of a class expression), and `const Foo =
+* (Base) => { class FooClass extends Base {} return FooClass; }` (block body, named declaration).
 * @param node the node to search from
-* @param name if given, only matches a class declaration with this name
-* @returns the found class declaration, or `undefined`
+* @param name if given, only matches a class with this name
+* @returns the found class, or `undefined`
 */
 function findClassWalk(node, name) {
 	if (!node) return void 0;
-	if (ts$1.isClassDeclaration(node)) {
+	if (ts$1.isClassDeclaration(node) || ts$1.isClassExpression(node)) {
 		if (!name || node.name?.text === name) return node;
 	} else if (ts$1.isVariableDeclaration(node) && (!name || name === node.name?.text) && node.initializer && ts$1.isArrowFunction(node.initializer)) {
+		const body = node.initializer.body;
+		if (ts$1.isClassExpression(body)) return body;
 		let found;
-		ts$1.forEachChild(node.initializer.body, (child) => {
+		ts$1.forEachChild(body, (child) => {
 			if (found) return;
 			if (ts$1.isClassDeclaration(child)) found = child;
+			else if (ts$1.isReturnStatement(child) && child.expression && ts$1.isClassExpression(child.expression)) found = child.expression;
 		});
 		return found;
 	}
@@ -13915,6 +13923,22 @@ function findClassWalk(node, name) {
 	return found;
 }
 /**
+* The declared name of a mixin-factory statement (`function Foo() {}`, or `const Foo = ...`) -
+* survives the decorator-to-static-getter transform even when the factory's inner class doesn't
+* have a name of its own, so it can anchor a post-transform re-lookup via `findClassWalk`.
+* @param node the factory statement (or its variable declaration) to read a name from
+* @returns the declared name, or `undefined` if it can't be determined
+*/
+function factoryDeclaredName(node) {
+	if (!node) return void 0;
+	if (ts$1.isFunctionDeclaration(node)) return node.name?.text;
+	if (ts$1.isVariableDeclaration(node)) return ts$1.isIdentifier(node.name) ? node.name.text : void 0;
+	if (ts$1.isVariableStatement(node)) {
+		const decl = node.declarationList.declarations[0];
+		return decl && ts$1.isIdentifier(decl.name) ? decl.name.text : void 0;
+	}
+}
+/**
 * Matches a top-level class/function/variable declaration by name - the three
 * shapes a mixin or base-class export can take (a plain class, a mixin
 * factory function declaration, or a mixin factory assigned to a `const`).
@@ -14036,7 +14060,7 @@ function convertDiskSourceFileDecorators(sourceFile, config, target = ts$1.Scrip
 	const program = ts$1.createProgram([sourceFile.fileName], compilerOptions, host);
 	const typeChecker = program.getTypeChecker();
 	const ownSourceFile = program.getSourceFile(sourceFile.fileName) ?? sourceFile;
-	const result = ts$1.transform(ownSourceFile, [convertDecoratorsToStatic(config, [], typeChecker, program)]);
+	const result = ts$1.transform(ownSourceFile, [convertDecoratorsToStatic(config, [], typeChecker, program, true)]);
 	const printed = ts$1.createPrinter({ removeComments: false }).printFile(result.transformed[0]);
 	return ts$1.createSourceFile(sourceFile.fileName, printed, target, true);
 }
@@ -14123,6 +14147,7 @@ function buildExtendsTree(compilerCtx, classDeclaration, dependentClasses, typeC
 	const targetScriptTarget = (ogModule?.staticSourceFile)?.languageVersion ?? ts$1.ScriptTarget.ESNext;
 	let classIdentifiers = [];
 	let foundClassDeclaration;
+	let foundClassName;
 	let keepLooking = true;
 	extendsClause.types.forEach((type) => {
 		if (ts$1.isExpressionWithTypeArguments(type) && ts$1.isCallExpression(type.expression) && type.expression.expression.getText() === "Mixin") classIdentifiers = type.expression.arguments.filter(ts$1.isIdentifier);
@@ -14139,9 +14164,11 @@ function buildExtendsTree(compilerCtx, classDeclaration, dependentClasses, typeC
 				declarations = [...source.statements];
 			}
 			foundClassDeclaration = declarations?.find(ts$1.isClassDeclaration);
+			foundClassName = foundClassDeclaration?.name?.getText();
 			if (!foundClassDeclaration) {
 				const node = declarations?.[0];
 				foundClassDeclaration = findClassWalk(node);
+				foundClassName = foundClassDeclaration?.name?.getText() ?? factoryDeclaredName(node);
 				if (!node) throw "revert to sad path";
 				keepLooking = false;
 				if (!foundClassDeclaration) warnMixinFactoryClassNotFound(buildCtx, extendee.getText(), classDeclaration);
@@ -14150,7 +14177,7 @@ function buildExtendsTree(compilerCtx, classDeclaration, dependentClasses, typeC
 				const foundModule = compilerCtx.moduleMap.get(foundClassDeclaration.getSourceFile().fileName);
 				if (foundModule) {
 					const moduleSourceFile = foundModule.staticSourceFile;
-					const sourceClass = findClassWalk(moduleSourceFile, foundClassDeclaration.name?.getText());
+					const sourceClass = findClassWalk(moduleSourceFile, foundClassName);
 					if (sourceClass) {
 						dependentClasses.push({
 							classNode: sourceClass,
@@ -14171,20 +14198,24 @@ function buildExtendsTree(compilerCtx, classDeclaration, dependentClasses, typeC
 				if (!buildCtx.config._isTesting) augmentDiagnosticWithNode(err, classDeclaration);
 				return;
 			}
-			if (matchedStatement && ts$1.isClassDeclaration(matchedStatement)) foundClassDeclaration = matchedStatement;
-			else if (matchedStatement) {
+			if (matchedStatement && ts$1.isClassDeclaration(matchedStatement)) {
+				foundClassDeclaration = matchedStatement;
+				foundClassName = foundClassDeclaration.name?.getText();
+			} else if (matchedStatement) {
 				foundClassDeclaration = findClassWalk(matchedStatement);
+				foundClassName = foundClassDeclaration?.name?.getText() ?? extendee.getText();
 				keepLooking = false;
 				if (!foundClassDeclaration) warnMixinFactoryClassNotFound(buildCtx, extendee.getText(), classDeclaration);
 			} else {
 				foundClassDeclaration = findClassWalk(currentSource, extendee.getText());
+				foundClassName = foundClassDeclaration?.name?.getText() ?? extendee.getText();
 				keepLooking = false;
 			}
 			if (foundClassDeclaration && !dependentClasses.some((dc) => dc.classNode === foundClassDeclaration)) {
 				const foundModule = compilerCtx.moduleMap.get(currentSource.fileName);
 				if (foundModule?.staticSourceFile) {
 					const transformedSource = foundModule.staticSourceFile;
-					const transformedClass = findClassWalk(transformedSource, foundClassDeclaration.name?.getText());
+					const transformedClass = findClassWalk(transformedSource, foundClassName);
 					if (transformedClass) {
 						dependentClasses.push({
 							classNode: transformedClass,
@@ -14469,7 +14500,7 @@ function convertInMemorySourceDecorators(sourceFile, config) {
 		const program = ts$1.createProgram([sourceFile.fileName], compilerOptions, compilerHost);
 		const typeChecker = program.getTypeChecker();
 		const ownSourceFile = program.getSourceFile(sourceFile.fileName) ?? sourceFile;
-		const result = ts$1.transform(ownSourceFile, [convertDecoratorsToStatic(config, [], typeChecker, program)]);
+		const result = ts$1.transform(ownSourceFile, [convertDecoratorsToStatic(config, [], typeChecker, program, true)]);
 		const printed = ts$1.createPrinter({ removeComments: false }).printFile(result.transformed[0]);
 		const scriptKind = sourceFile.fileName.endsWith(".tsx") || sourceFile.fileName.endsWith(".ts") ? ts$1.ScriptKind.TSX : ts$1.ScriptKind.JS;
 		return ts$1.createSourceFile(sourceFile.fileName, printed, sourceFile.languageVersion, true, scriptKind);
@@ -14644,7 +14675,8 @@ function resolveAncestors(classNode, sf, path, resolveImport, visited, ancestors
 		ancestors.push({
 			classNode: foundClass,
 			sourceFile: foundSf,
-			path: foundPath
+			path: foundPath,
+			factoryName: parentName
 		});
 		if (keepLooking) resolveAncestors(foundClass, foundSf, foundPath, resolveImport, visited, ancestors, rootClassDeclaration, buildCtx);
 	}
@@ -14661,8 +14693,8 @@ function resolveAncestors(classNode, sf, path, resolveImport, visited, ancestors
 * @returns the ancestor's metadata
 */
 function extractAncestorMeta(ancestor, cmpSourceFile, resolveImport, config) {
-	const { classNode, sourceFile: parentSf, path: resolvedPath } = ancestor;
-	const className = classNode.name?.text;
+	const { classNode, sourceFile: parentSf, path: resolvedPath, factoryName } = ancestor;
+	const className = classNode.name?.text ?? factoryName;
 	const parentStaticMembers = classNode.members.filter(isStaticGetter);
 	let resolvedClassNode = classNode;
 	let resolvedStaticMembers = parentStaticMembers;
@@ -16280,7 +16312,7 @@ const FORM_ASSOCIATED_ATTRIBUTES = [
 * @param cmp the metadata for the component that a type definition string is generated for
 * @param typeImportData locally/imported/globally used type names, which may be used to prevent naming collisions
 * @param areTypesInternal `true` if types being generated are for a project's internal purposes, `false` otherwise
-* @param signalBacking `true` if the component is using signal backing for its props; includes the signals map on the element interface
+* @param signalBacking `true` if the component is using signal backing for its props; includes the signals map on the element interface and unions JSX prop types with `ReadonlySignal<T>`
 * @returns the generated types string alongside additional metadata
 */
 const generateComponentTypes = (cmp, typeImportData, areTypesInternal, signalBacking = false) => {
@@ -16297,8 +16329,12 @@ const generateComponentTypes = (cmp, typeImportData, areTypesInternal, signalBac
 	const isDep = cmp.isCollectionDependency;
 	const propNames = new Set(propAttributes.map((p) => p.name));
 	const formAssociatedAttrs = cmp.formAssociated ? FORM_ASSOCIATED_ATTRIBUTES.filter((attr) => !propNames.has(attr.name)) : [];
+	const jsxPropAttributes = signalBacking ? propAttributes.map((attr) => ({
+		...attr,
+		type: `${attr.type} | ReadonlySignal<${attr.type}>`
+	})) : propAttributes;
 	const jsxAttributes = attributesToMultiLineString([
-		...propAttributes,
+		...jsxPropAttributes,
 		...eventAttributes,
 		...formAssociatedAttrs
 	], true, areTypesInternal);

package/dist/compiler/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as CompilerSystemRemoveDirectoryResults, $n as JsonDocMethodParameter, $t as OutputTargetDocsReadme, A as CompilerDependency, An as StencilDevServerConfig, At as LogLevel, B as CompilerEventFsChange, Bn as WatcherCloseResults, Bt as OutputTarget, C as CacheStorage, Cn as SerializeDocumentOptions, Ct as HydrateFactoryOptions, D as Compiler, Dn as SsrDocumentOptions, Dt as LightDomPatches, E as CompileTarget, En as SitemapXmpResults, Et as LazyRequire, F as CompilerEventDirAdd, Fn as TranspileOptions, Ft as NodeResolveConfig, G as CompilerFsStats, Gt as OutputTargetCollection, H as CompilerFileWatcher, Hn as WorkerOptions, Ht as OutputTargetBase, I as CompilerEventDirDelete, In as TranspileResults, It as OptimizeCssInput, J as CompilerSystem, Jt as OutputTargetDistLazy, K as CompilerRequest, Kt as OutputTargetCopy, L as CompilerEventFileAdd, Ln as UnvalidatedConfig, Lt as OptimizeCssOutput, M as CompilerEventBuildLog, Mn as SystemDetails, Mt as LoggerLineUpdater, N as CompilerEventBuildNoChange, Nn as TransformOptions, Nt as LoggerTimeSpan, O as CompilerBuildResults, On as SsrFactoryOptions, Ot as LoadConfigInit, P as CompilerEventBuildStart, Pn as TranspileOnlyResults, Pt as ModeConfig, Q as CompilerSystemRemoveDirectoryOptions, Qt as OutputTargetDocsJson, R as CompilerEventFileDelete, Rn as ValidatedConfig, Rt as OptimizeJsInput, S as BuildResultsComponentGraph, Sn as RolldownConfig, St as HydrateDocumentOptions, T as CompileScriptMinifyOptions, Tn as SitemapXmpOpts, Tt as LOG_LEVELS, U as CompilerFileWatcherCallback, Ut as OutputTargetBaseNext, V as CompilerEventName, Vn as WorkerMainController, Vt as OutputTargetAssets, W as CompilerFileWatcherEvent, Wt as OutputTargetBuild, X as CompilerSystemCreateDirectoryResults, Xt as OutputTargetDocsCustom, Y as CompilerSystemCreateDirectoryOptions, Yt as OutputTargetDocsAgentSkill, Z as CompilerSystemRealpathResults, Zt as OutputTargetDocsCustomElementsManifest, _ as BuildNoChangeResults, _n as ResolveModuleIdOptions, _r as FsWriteResults, _t as DocsReadmeCustomColumn, an as OutputTargetStandalone, ar as JsonDocsListener, at as Config, b as BuildOutput, bn as RobotsTxtOpts, bt as HmrStyleUpdate, c as PrintLine, cn as OutputTargetWww, cr as JsonDocsPart, ct as CopyResults, d as SsrResults, dn as PlatformPath, dr as JsonDocsStyle, dt as CustomElementsExportBehavior, en as OutputTargetDocsVscode, er as JsonDocs, et as CompilerSystemRemoveFileResults, f as WorkerMsgHandler, fn as PrerenderConfig, fr as JsonDocsTag, ft as CustomElementsExportBehaviorOptions, g as BuildLog, gn as PrerenderStartOptions, gr as StyleDoc, gt as Diagnostic, h as BuildEvents, hn as PrerenderResults, hr as JsonDocsValue, ht as DevServerEditor, i as ComponentCompilerTypeReferences, in as OutputTargetSsrWasm, ir as JsonDocsEvent, it as CompilerWatcher, j as CompilerEventBuildFinish, jn as StencilDocsConfig, jt as Logger, k as CompilerBuildStart, kn as StencilConfig, kt as LoadConfigResults, ln as PageReloadStrategy, lr as JsonDocsProp, lt as CopyTask, m as BuildEmitEvents, mn as PrerenderOptions, mr as JsonDocsUsage, mt as DevServerConfig, n as CompilerWorkerContext, nn as OutputTargetLoaderBundle, nr as JsonDocsCustomState, nt as CompilerSystemRenamedPath, o as LazyBundlesRuntimeData, on as OutputTargetStats, or as JsonDocsMethod, ot as ConfigBundle, p as AutoprefixerOptions, pn as PrerenderHydrateOptions, pr as JsonDocsTypeLibrary, pt as DevServer, q as CompilerRequestResponse, qt as OutputTargetCustom, r as ComponentCompilerMeta, rn as OutputTargetSsr, rr as JsonDocsDependencyGraph, rt as CompilerSystemWriteFileResults, s as PackageJsonData, sn as OutputTargetTypes, sr as JsonDocsMethodReturn, st as ConfigCompat, tn as OutputTargetGlobalStyle, tr as JsonDocsComponent, tt as CompilerSystemRenameResults, un as ParsedPath, ur as JsonDocsSlot, ut as Credentials, v as BuildOnEventRemove, vn as ResolveModuleIdResults, vt as FsWatchResults, w as CliInitOptions, wn as ServiceWorkerConfig, wt as HydratedFlag, x as BuildOverrides, xn as RobotsTxtResults, xt as HotModuleReplacement, y as BuildOnEvents, yn as ResolveModuleOptions, yt as HistoryApiFallback, z as CompilerEventFileUpdate, zn as ValidatedOutputTargetWww, zt as OptimizeJsOutput } from "../index-BopBfjPu.mjs";
+import { $ as CompilerSystemRemoveDirectoryResults, $n as JsonDocMethodParameter, $t as OutputTargetDocsReadme, A as CompilerDependency, An as StencilDevServerConfig, At as LogLevel, B as CompilerEventFsChange, Bn as WatcherCloseResults, Bt as OutputTarget, C as CacheStorage, Cn as SerializeDocumentOptions, Ct as HydrateFactoryOptions, D as Compiler, Dn as SsrDocumentOptions, Dt as LightDomPatches, E as CompileTarget, En as SitemapXmpResults, Et as LazyRequire, F as CompilerEventDirAdd, Fn as TranspileOptions, Ft as NodeResolveConfig, G as CompilerFsStats, Gt as OutputTargetCollection, H as CompilerFileWatcher, Hn as WorkerOptions, Ht as OutputTargetBase, I as CompilerEventDirDelete, In as TranspileResults, It as OptimizeCssInput, J as CompilerSystem, Jt as OutputTargetDistLazy, K as CompilerRequest, Kt as OutputTargetCopy, L as CompilerEventFileAdd, Ln as UnvalidatedConfig, Lt as OptimizeCssOutput, M as CompilerEventBuildLog, Mn as SystemDetails, Mt as LoggerLineUpdater, N as CompilerEventBuildNoChange, Nn as TransformOptions, Nt as LoggerTimeSpan, O as CompilerBuildResults, On as SsrFactoryOptions, Ot as LoadConfigInit, P as CompilerEventBuildStart, Pn as TranspileOnlyResults, Pt as ModeConfig, Q as CompilerSystemRemoveDirectoryOptions, Qt as OutputTargetDocsJson, R as CompilerEventFileDelete, Rn as ValidatedConfig, Rt as OptimizeJsInput, S as BuildResultsComponentGraph, Sn as RolldownConfig, St as HydrateDocumentOptions, T as CompileScriptMinifyOptions, Tn as SitemapXmpOpts, Tt as LOG_LEVELS, U as CompilerFileWatcherCallback, Ut as OutputTargetBaseNext, V as CompilerEventName, Vn as WorkerMainController, Vt as OutputTargetAssets, W as CompilerFileWatcherEvent, Wt as OutputTargetBuild, X as CompilerSystemCreateDirectoryResults, Xt as OutputTargetDocsCustom, Y as CompilerSystemCreateDirectoryOptions, Yt as OutputTargetDocsAgentSkill, Z as CompilerSystemRealpathResults, Zt as OutputTargetDocsCustomElementsManifest, _ as BuildNoChangeResults, _n as ResolveModuleIdOptions, _r as FsWriteResults, _t as DocsReadmeCustomColumn, an as OutputTargetStandalone, ar as JsonDocsListener, at as Config, b as BuildOutput, bn as RobotsTxtOpts, bt as HmrStyleUpdate, c as PrintLine, cn as OutputTargetWww, cr as JsonDocsPart, ct as CopyResults, d as SsrResults, dn as PlatformPath, dr as JsonDocsStyle, dt as CustomElementsExportBehavior, en as OutputTargetDocsVscode, er as JsonDocs, et as CompilerSystemRemoveFileResults, f as WorkerMsgHandler, fn as PrerenderConfig, fr as JsonDocsTag, ft as CustomElementsExportBehaviorOptions, g as BuildLog, gn as PrerenderStartOptions, gr as StyleDoc, gt as Diagnostic, h as BuildEvents, hn as PrerenderResults, hr as JsonDocsValue, ht as DevServerEditor, i as ComponentCompilerTypeReferences, in as OutputTargetSsrWasm, ir as JsonDocsEvent, it as CompilerWatcher, j as CompilerEventBuildFinish, jn as StencilDocsConfig, jt as Logger, k as CompilerBuildStart, kn as StencilConfig, kt as LoadConfigResults, ln as PageReloadStrategy, lr as JsonDocsProp, lt as CopyTask, m as BuildEmitEvents, mn as PrerenderOptions, mr as JsonDocsUsage, mt as DevServerConfig, n as CompilerWorkerContext, nn as OutputTargetLoaderBundle, nr as JsonDocsCustomState, nt as CompilerSystemRenamedPath, o as LazyBundlesRuntimeData, on as OutputTargetStats, or as JsonDocsMethod, ot as ConfigBundle, p as AutoprefixerOptions, pn as PrerenderHydrateOptions, pr as JsonDocsTypeLibrary, pt as DevServer, q as CompilerRequestResponse, qt as OutputTargetCustom, r as ComponentCompilerMeta, rn as OutputTargetSsr, rr as JsonDocsDependencyGraph, rt as CompilerSystemWriteFileResults, s as PackageJsonData, sn as OutputTargetTypes, sr as JsonDocsMethodReturn, st as ConfigCompat, tn as OutputTargetGlobalStyle, tr as JsonDocsComponent, tt as CompilerSystemRenameResults, un as ParsedPath, ur as JsonDocsSlot, ut as Credentials, v as BuildOnEventRemove, vn as ResolveModuleIdResults, vt as FsWatchResults, w as CliInitOptions, wn as ServiceWorkerConfig, wt as HydratedFlag, x as BuildOverrides, xn as RobotsTxtResults, xt as HotModuleReplacement, y as BuildOnEvents, yn as ResolveModuleOptions, yt as HistoryApiFallback, z as CompilerEventFileUpdate, zn as ValidatedOutputTargetWww, zt as OptimizeJsOutput } from "../index-BvF31nqP.mjs";
 import ts from "typescript";
 //#region src/version.d.ts
 declare const version: string;

package/dist/compiler/index.mjs

@@ -1,3 +1,3 @@
-import { _ as buildId, a as createPrerenderer, b as versions, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as getScopeId, h as cmpMetaToDocsComponent, i as createSystem, l as createWorkerMessageHandler, m as generateManifest, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as vermoji, x as scopeCss, y as version } from "../compiler-CJG6qvQt.mjs";
-import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-75gQKkFz.mjs";
+import { _ as buildId, a as createPrerenderer, b as versions, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as getScopeId, h as cmpMetaToDocsComponent, i as createSystem, l as createWorkerMessageHandler, m as generateManifest, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as vermoji, x as scopeCss, y as version } from "../compiler-PoywOlbq.mjs";
+import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-BKtLn2R9.mjs";
 export { CustomElementsExportBehaviorOptions, LOG_LEVELS, buildId, cmpMetaToDocsComponent, createCompiler, createPrerenderer, createSystem, createWorkerContext, createWorkerMessageHandler, generateManifest, getScopeId, loadConfig, nodeRequire, optimizeCss, optimizeJs, scopeCss, transpile, transpileSync, ts, validateConfig, vermoji, version, versions };

package/dist/compiler/utils/index.d.mts

@@ -1,4 +1,4 @@
-import { $i as HOST_FLAGS, $r as isOutputTargetDocsCustom, Ai as isRolldownError, Ar as isTsFile, Bi as COPY, Br as FilterComponentsResult, Ci as escapeHtml, Cr as createJsVarName, Di as loadTypeScriptDiagnostic, Dr as isDtsFile, Ei as augmentDiagnosticWithNode, Er as hasDependency, Fi as ASSETS, Fr as getInlineSourceMappingUrlLinker, Gi as DOCS_CUSTOM, Gr as getComponentsFromModules, Hi as DEFAULT_STYLE_MODE, Hr as filterExcludedComponents, Ii as CMP_FLAGS, Ir as getSourceMappingUrlForEndOfFile, Ji as DOCS_README, Jr as isOutputTargetCopy, Ki as DOCS_CUSTOM_ELEMENTS_MANIFEST, Kr as isOutputTargetAssets, Li as COLLECTION, Lr as getSourceMappingUrlLinker, Mi as formatComponentRuntimeMeta, Mr as parsePackageJson, Ni as formatLazyBundleRuntimeMeta, Nr as readOnlyArrayHasStringMember, Oi as loadTypeScriptDiagnostics, Or as isJsFile, Pi as stringifyRuntimeData, Pr as readPackageJson, Qi as GLOBAL_STYLE, Qr as isOutputTargetDocsAgentSkill, Ri as COLLECTION_APP_DATA_FILE_NAME, Rr as rolldownToStencilSourceMap, Si as shouldIgnoreError, Sr as addDocBlock, Ti as splitLineBreaks, Tr as getTextDocs, Ui as DIST_LAZY, Ur as getComponentsDtsSrcFilePath, Vi as CUSTOM, Vr as filterActiveTargets, Wi as DOCS_AGENT_SKILL, Wr as getComponentsDtsTypesFilePath, Xi as EVENT_FLAGS, Xr as isOutputTargetDistLazy, Yi as DOCS_VSCODE, Yr as isOutputTargetCustom, Zi as GENERATED_DTS, Zr as isOutputTargetDocs, _i as buildJsonFileError, aa as SSR, ai as isOutputTargetLoaderBundle, bi as hasError, br as validateComponentTag, ca as STATS, ci as isOutputTargetStandalone, da as TYPES, di as isOutputTargetWww, ea as HTML_NS, ei as isOutputTargetDocsCustomElementsManifest, fa as VALID_CONFIG_OUTPUT_TARGETS, fi as isValidConfigOutputTarget, gi as buildError, ha as XLINK_NS, hi as TASK_CANCELED_MSG, ia as NODE_TYPES, ii as isOutputTargetGlobalStyle, ji as loadRolldownDiagnostics, jr as isTsxFile, ki as createOnWarnFn, kr as isJsxFile, la as STYLE_EXT, li as isOutputTargetStats, ma as WWW, mi as shouldExcludeComponent, na as LOADER_BUNDLE, ni as isOutputTargetDocsReadme, oa as SSR_WASM, oi as isOutputTargetSsr, pa as WATCH_FLAGS, pi as relativeImport, qi as DOCS_JSON, qr as isOutputTargetCollection, ra as MEMBER_FLAGS, ri as isOutputTargetDocsVscode, sa as STANDALONE, si as isOutputTargetSsrWasm, ta as LISTENER_FLAGS, ti as isOutputTargetDocsJson, ua as SVG_NS, ui as isOutputTargetTypes, vi as buildWarn, vr as ModeValidationError, wi as normalizeDiagnostics, wr as generatePreamble, xi as hasWarning, xr as ParsePackageJsonResult, yi as catchError, yr as validateComponentModes, zi as COLLECTION_MANIFEST_FILE_NAME, zr as result_d_exports } from "../../index-BopBfjPu.mjs";
+import { $i as HOST_FLAGS, $r as isOutputTargetDocsCustom, Ai as isRolldownError, Ar as isTsFile, Bi as COPY, Br as FilterComponentsResult, Ci as escapeHtml, Cr as createJsVarName, Di as loadTypeScriptDiagnostic, Dr as isDtsFile, Ei as augmentDiagnosticWithNode, Er as hasDependency, Fi as ASSETS, Fr as getInlineSourceMappingUrlLinker, Gi as DOCS_CUSTOM, Gr as getComponentsFromModules, Hi as DEFAULT_STYLE_MODE, Hr as filterExcludedComponents, Ii as CMP_FLAGS, Ir as getSourceMappingUrlForEndOfFile, Ji as DOCS_README, Jr as isOutputTargetCopy, Ki as DOCS_CUSTOM_ELEMENTS_MANIFEST, Kr as isOutputTargetAssets, Li as COLLECTION, Lr as getSourceMappingUrlLinker, Mi as formatComponentRuntimeMeta, Mr as parsePackageJson, Ni as formatLazyBundleRuntimeMeta, Nr as readOnlyArrayHasStringMember, Oi as loadTypeScriptDiagnostics, Or as isJsFile, Pi as stringifyRuntimeData, Pr as readPackageJson, Qi as GLOBAL_STYLE, Qr as isOutputTargetDocsAgentSkill, Ri as COLLECTION_APP_DATA_FILE_NAME, Rr as rolldownToStencilSourceMap, Si as shouldIgnoreError, Sr as addDocBlock, Ti as splitLineBreaks, Tr as getTextDocs, Ui as DIST_LAZY, Ur as getComponentsDtsSrcFilePath, Vi as CUSTOM, Vr as filterActiveTargets, Wi as DOCS_AGENT_SKILL, Wr as getComponentsDtsTypesFilePath, Xi as EVENT_FLAGS, Xr as isOutputTargetDistLazy, Yi as DOCS_VSCODE, Yr as isOutputTargetCustom, Zi as GENERATED_DTS, Zr as isOutputTargetDocs, _i as buildJsonFileError, aa as SSR, ai as isOutputTargetLoaderBundle, bi as hasError, br as validateComponentTag, ca as STATS, ci as isOutputTargetStandalone, da as TYPES, di as isOutputTargetWww, ea as HTML_NS, ei as isOutputTargetDocsCustomElementsManifest, fa as VALID_CONFIG_OUTPUT_TARGETS, fi as isValidConfigOutputTarget, gi as buildError, ha as XLINK_NS, hi as TASK_CANCELED_MSG, ia as NODE_TYPES, ii as isOutputTargetGlobalStyle, ji as loadRolldownDiagnostics, jr as isTsxFile, ki as createOnWarnFn, kr as isJsxFile, la as STYLE_EXT, li as isOutputTargetStats, ma as WWW, mi as shouldExcludeComponent, na as LOADER_BUNDLE, ni as isOutputTargetDocsReadme, oa as SSR_WASM, oi as isOutputTargetSsr, pa as WATCH_FLAGS, pi as relativeImport, qi as DOCS_JSON, qr as isOutputTargetCollection, ra as MEMBER_FLAGS, ri as isOutputTargetDocsVscode, sa as STANDALONE, si as isOutputTargetSsrWasm, ta as LISTENER_FLAGS, ti as isOutputTargetDocsJson, ua as SVG_NS, ui as isOutputTargetTypes, vi as buildWarn, vr as ModeValidationError, wi as normalizeDiagnostics, wr as generatePreamble, xi as hasWarning, xr as ParsePackageJsonResult, yi as catchError, yr as validateComponentModes, zi as COLLECTION_MANIFEST_FILE_NAME, zr as result_d_exports } from "../../index-BvF31nqP.mjs";
 //#region src/utils/byte-size.d.ts
 /**
  * Used to learn the size of a string in bytes.