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

package/dist/{index-BXAcVN2j.d.ts → index-BHciXst1.d.ts}

@@ -228,7 +228,7 @@ interface VNode {
   $signal$?: any;
 }
 declare namespace JSXBase {
-  interface IntrinsicElements {
+  export interface IntrinsicElements {
     slot: JSXBase.SlotAttributes<HTMLSlotElement>;
     a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
     abbr: JSXBase.HTMLAttributes;
@@ -399,12 +399,12 @@ declare namespace JSXBase {
     use: JSXBase.SVGAttributes;
     view: JSXBase.SVGAttributes;
   }
-  interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
+  export interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
     name?: string;
     slot?: string;
     onSlotchange?: (event: Event) => void;
   }
-  interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: any;
     href?: string;
     hrefLang?: string;
@@ -415,8 +415,8 @@ declare namespace JSXBase {
     target?: string;
     referrerPolicy?: ReferrerPolicy;
   }
-  interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
-  interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+  export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     coords?: string;
     download?: any;
@@ -428,14 +428,14 @@ declare namespace JSXBase {
     shape?: string;
     target?: string;
   }
-  interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
     href?: string;
     target?: string;
   }
-  interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
   }
-  interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: boolean;
     form?: string;
     formAction?: string;
@@ -458,45 +458,45 @@ declare namespace JSXBase {
     commandFor?: string;
     commandfor?: string;
   }
-  interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: number | string;
     width?: number | string;
   }
-  interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: number;
   }
-  interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: number;
   }
-  interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
     open?: boolean;
     name?: string;
     onToggle?: (event: ToggleEvent) => void;
   }
-  interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     dateTime?: string;
     datetime?: string;
   }
-  interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
     onCancel?: (event: Event) => void;
     onClose?: (event: Event) => void;
     open?: boolean;
     returnValue?: string;
     closedby?: 'any' | 'closerequest' | 'none';
   }
-  interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: number | string;
     src?: string;
     type?: string;
     width?: number | string;
   }
-  interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: boolean;
     form?: string;
     name?: string;
   }
-  interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     acceptCharset?: string;
     acceptcharset?: string;
     action?: string;
@@ -510,10 +510,10 @@ declare namespace JSXBase {
     novalidate?: boolean | string;
     target?: string;
   }
-  interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
     manifest?: string;
   }
-  interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
     allow?: string;
     allowFullScreen?: boolean;
     allowfullScreen?: string | boolean;
@@ -540,7 +540,7 @@ declare namespace JSXBase {
     srcdoc?: string;
     width?: number | string;
   }
-  interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     crossOrigin?: string;
     crossorigin?: string;
@@ -559,12 +559,12 @@ declare namespace JSXBase {
     usemap?: string;
     width?: number | string;
   }
-  interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     dateTime?: string;
     datetime?: string;
   }
-  interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     accept?: string;
     allowdirs?: boolean;
     alt?: string;
@@ -627,7 +627,7 @@ declare namespace JSXBase {
     popoverTargetElement?: globalThis.Element | null;
     popoverTarget?: string;
   }
-  interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
     challenge?: string;
     disabled?: boolean;
     form?: string;
@@ -637,14 +637,14 @@ declare namespace JSXBase {
     keyparams?: string;
     name?: string;
   }
-  interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
   }
-  interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
   }
-  interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     as?: string;
     fetchPriority?: 'high' | 'low' | 'auto';
     fetchpriority?: 'high' | 'low' | 'auto';
@@ -658,13 +658,13 @@ declare namespace JSXBase {
     sizes?: string;
     type?: string;
   }
-  interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
   }
-  interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: string;
   }
-  interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoPlay?: boolean;
     autoplay?: boolean | string;
     controls?: boolean;
@@ -704,7 +704,7 @@ declare namespace JSXBase {
     onVolumeChange?: (event: Event) => void;
     onWaiting?: (event: Event) => void;
   }
-  interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
     charSet?: string;
     charset?: string;
     content?: string;
@@ -712,7 +712,7 @@ declare namespace JSXBase {
     httpequiv?: string;
     name?: string;
   }
-  interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     high?: number;
     low?: number;
@@ -721,10 +721,10 @@ declare namespace JSXBase {
     optimum?: number;
     value?: string | string[] | number;
   }
-  interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
   }
-  interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
     classID?: string;
     classid?: string;
     data?: string;
@@ -737,34 +737,34 @@ declare namespace JSXBase {
     width?: number | string;
     wmode?: string;
   }
-  interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
     reversed?: boolean;
     start?: number;
   }
-  interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: boolean;
     label?: string;
   }
-  interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: boolean;
     label?: string;
     selected?: boolean;
     value?: string | string[] | number;
   }
-  interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
     name?: string;
   }
-  interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
     value?: string | string[] | number;
   }
-  interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
     max?: number | string;
     value?: string | string[] | number;
   }
-  interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
     async?: boolean;
     charSet?: string;
     charset?: string;
@@ -779,7 +779,7 @@ declare namespace JSXBase {
     src?: string;
     type?: string;
   }
-  interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: boolean;
     form?: string;
     multiple?: boolean;
@@ -789,7 +789,7 @@ declare namespace JSXBase {
     autoComplete?: string;
     autocomplete?: string;
   }
-  interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: number;
     media?: string;
     sizes?: string;
@@ -798,20 +798,20 @@ declare namespace JSXBase {
     type?: string;
     width?: number;
   }
-  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string;
     nonce?: string;
     scoped?: boolean;
     type?: string;
   }
-  interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
     cellPadding?: number | string;
     cellpadding?: number | string;
     cellSpacing?: number | string;
     cellspacing?: number | string;
     summary?: string;
   }
-  interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoComplete?: string;
     autocomplete?: string;
     cols?: number;
@@ -832,12 +832,12 @@ declare namespace JSXBase {
     value?: string | string[] | number;
     wrap?: string;
   }
-  interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
     colSpan?: number;
     headers?: string;
     rowSpan?: number;
   }
-  interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
     abbr?: string;
     colSpan?: number;
     headers?: string;
@@ -845,10 +845,10 @@ declare namespace JSXBase {
     rowspan?: number | string;
     scope?: string;
   }
-  interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
     dateTime?: string;
   }
-  interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+  export interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
     default?: boolean;
     kind?: string;
     label?: string;
@@ -856,14 +856,14 @@ declare namespace JSXBase {
     srcLang?: string;
     srclang?: string;
   }
-  interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+  export interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     height?: number | string;
     playsInline?: boolean;
     playsinline?: boolean | string;
     poster?: string;
     width?: number | string;
   }
-  interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
+  export interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
     innerHTML?: string;
     accessKey?: string;
     autoFocus?: boolean;
@@ -929,7 +929,7 @@ declare namespace JSXBase {
     security?: string;
     unselectable?: boolean;
   }
-  interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
+  export interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
     class?: string | {
       [className: string]: boolean;
     } | SignalRef<string>;
@@ -1191,13 +1191,15 @@ declare namespace JSXBase {
     zoomAndPan?: string;
   }
   /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
-  interface ToggleEvent extends Event {
+  export interface ToggleEvent extends Event {
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
     readonly newState: string;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
     readonly oldState: string;
   }
-  interface DOMAttributes<T> extends JSXAttributes<T> {
+  type AriaIDLPropertyName = { [K in keyof ARIAMixin]: ARIAMixin[K] extends string | null ? K : never; }[keyof ARIAMixin];
+  type JSXAriaProperties = { [K in AriaIDLPropertyName]?: string | boolean | undefined; };
+  export interface DOMAttributes<T> extends JSXAttributes<T>, JSXAriaProperties {
     slot?: string;
     part?: string;
     exportparts?: string;
@@ -1327,8 +1329,8 @@ declare namespace JSXBase {
     onTransitionStart?: (event: TransitionEvent) => void;
     onTransitionStartCapture?: (event: TransitionEvent) => void;
     [key: `aria-${string}`]: string | boolean | undefined;
-    [key: `aria${string}`]: string | boolean | undefined;
   }
+  export {};
 }
 interface JSXAttributes<T = globalThis.Element> {
   key?: string | number;

package/dist/{index-DmHmu3y0.d.mts → index-CKnzMkZC.d.mts}

@@ -1,4 +1,4 @@
-import { Gn as FunctionalComponent, Qn as VNode, Wn as ErrorHandler, Xn as TagTransformer, Yn as ResolutionHandler, Zn as UserBuildConditionals, a as HostElement, l as PropsType, qn as RafCallback, t as ChildType, u as RuntimeRef } from "./index-BopBfjPu.mjs";
+import { Gn as FunctionalComponent, Qn as VNode, Wn as ErrorHandler, Xn as TagTransformer, Yn as ResolutionHandler, Zn as UserBuildConditionals, a as HostElement, l as PropsType, qn as RafCallback, t as ChildType, u as RuntimeRef } from "./index-Cw1NW9FW.mjs";
 //#region src/client/client-build.d.ts
 declare const Build: UserBuildConditionals;
 //#endregion

package/dist/{index-BopBfjPu.d.mts → index-Cw1NW9FW.d.mts}

@@ -1784,7 +1784,8 @@ interface StencilConfig {
    * Will generate {@link https://nodejs.org/api/packages.html#packages_exports export map} entry points
    * for each component in the build when `true`.
    *
-   * @default false
+   * Defaults to `true` for "no-config" projects (no `stencil.config.ts`/`.js` file), and `false`
+   * whenever a config file is present - set this explicitly to opt an existing project in or out.
    */
   generateExportMaps?: boolean;
   /**
@@ -3718,6 +3719,10 @@ interface OutputTargetSsr extends OutputTargetBase {
    */
   cjs?: boolean;
 }
+/**
+ * Compiles the SSR hydrate app to a WASM plugin (via `extism-js`/QuickJS-ng) that can run
+ * outside of Node
+ */
 interface OutputTargetSsrWasm extends OutputTargetBase {
   type: 'ssr-wasm';
   /** Output directory. @default 'dist/ssr-wasm' */

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { C as setErrorHandler, _ as getAssetPath, a as transformTag, b as writeTask, c as Mixin, d as Host, f as h, g as getShadowRoot, h as getElement, i as setTagTransformer, l as getMode, m as getRenderingRef, o as render, p as forceUpdate, s as ReactiveControllerHost, u as setMode, v as setAssetPath, w as Build, x as setPlatformHelpers, y as readTask } from "./client-BRu0GtRn.mjs";
+import { C as setErrorHandler, _ as getAssetPath, a as transformTag, b as writeTask, c as Mixin, d as Host, f as h, g as getShadowRoot, h as getElement, i as setTagTransformer, l as getMode, m as getRenderingRef, o as render, p as forceUpdate, s as ReactiveControllerHost, u as setMode, v as setAssetPath, w as Build, x as setPlatformHelpers, y as readTask } from "./client-CdFmjaQa.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 //#region src/client/client-decorators.ts
 /**

package/dist/jsx-runtime.mjs

@@ -1,3 +1,3 @@
-import { n as jsxDEV, r as jsxs, t as jsx } from "./client-BRu0GtRn.mjs";
+import { n as jsxDEV, r as jsxs, t as jsx } from "./client-CdFmjaQa.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/{node-75gQKkFz.mjs → node-HKfDhPR3.mjs}

@@ -1,5 +1,5 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import "./client-BRu0GtRn.mjs";
+import "./client-CdFmjaQa.mjs";
 import { c as isFunction, f as isString, m as noop, r as flatOne } from "./helpers-Cpp3qc3u.mjs";
 import { $ as catchError, K as normalizePath, X as buildError, Y as TASK_CANCELED_MSG, nt as shouldIgnoreError, rt as isGlob } from "./util-IKfWWLJo.mjs";
 import fs from "node:fs";

package/dist/runtime/client/lazy.js

@@ -1,6 +1,6 @@
 import { BUILD as BUILD$1, Env, NAMESPACE } from "@stencil/core/app-data";
 import { globalStyles } from "@stencil/core/app-globals";
-import { effect, effect as effect$1, signal } from "@preact/signals-core";
+import * as SignalsCore from "@preact/signals-core";
 //#region src/app-data/lazy.ts
 const BUILD = {
 	...BUILD$1,
@@ -1691,6 +1691,13 @@ const isComplexType = (o) => {
 	return o === "object" || o === "function";
 };
 //#endregion
+//#region src/runtime/signals-core.ts
+const getCore = () => globalThis[Symbol.for("stencil.preact-signals-core")] ??= SignalsCore;
+const effect = (fn, options) => getCore().effect(fn, options);
+function signal(value, options) {
+	return getCore().signal(value, options);
+}
+//#endregion
 //#region src/runtime/event-emitter.ts
 const createEvent = (ref, name, flags) => {
 	const elm = getElement(ref);
@@ -1766,7 +1773,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 		attrMap.get(memberName)?.();
 		if (!signalAttrDisposers.has(elm)) signalAttrDisposers.set(elm, attrMap);
 		let prevVal = oldValue;
-		attrMap.set(memberName, effect$1(() => {
+		attrMap.set(memberName, effect(() => {
 			const curVal = newValue.value;
 			setAccessor(elm, memberName, prevVal, curVal, isSvg, flags);
 			prevVal = curVal;
@@ -1983,16 +1990,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
@@ -2014,13 +2038,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$1(() => {
-				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;
@@ -2288,7 +2306,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
 		}
 		if (BUILD.vdomKey && idxInOld >= 0) {
 			elmToMove = oldCh[idxInOld];
-			if (elmToMove.$tag$ !== newStartVnode.$tag$) node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+			if (elmToMove.$tag$ !== newStartVnode.$tag$) node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
 			else {
 				patch(elmToMove, newStartVnode, isInitialRender);
 				oldCh[idxInOld] = void 0;
@@ -2381,7 +2399,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
@@ -3081,8 +3109,7 @@ const initializeSignals = (elm, hostRef, cmpMeta) => {
 	const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
 	for (const [memberName, [memberFlags]] of Object.entries(cmpMeta.$members$ ?? {})) {
 		if (!(memberFlags & MEMBER_FLAGS.PropLike)) continue;
-		const initialVal = hostRef.$instanceValues$.get(memberName);
-		const sig = signal(initialVal);
+		const sig = signal(hostRef.$instanceValues$.get(memberName));
 		hostRef.$signalValues$.set(memberName, sig);
 		let prevScheduleVal = sig.peek();
 		disposers.push(effect(() => {
@@ -3988,12 +4015,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
@@ -4085,14 +4113,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");
@@ -4389,16 +4415,21 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 							});
 							return;
 						}
-						const setterSetVal = () => {
+						const parsedValue = parsePropertyValue(newValue, memberFlags, BUILD.formAssociated && !!(cmpMeta.$flags$ & CMP_FLAGS.formAssociated));
+						const setterSetVal = (val) => {
 							const currentValue = ref.$lazyInstance$[memberName];
 							if (!ref.$instanceValues$.get(memberName) && currentValue) ref.$instanceValues$.set(memberName, currentValue);
-							ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags, BUILD.formAssociated && !!(cmpMeta.$flags$ & CMP_FLAGS.formAssociated));
+							ref.$lazyInstance$[memberName] = val;
 							setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
 						};
-						if (ref.$lazyInstance$) setterSetVal();
-						else ref.$fetchedCbList$.push(() => {
-							setterSetVal();
-						});
+						if (ref.$lazyInstance$) setterSetVal(parsedValue);
+						else {
+							ref.$instanceValues$.set(memberName, parsedValue);
+							ref.$fetchedCbList$.push(() => {
+								const pendingValue = ref.$instanceValues$.get(memberName);
+								if (ref.$lazyInstance$[memberName] !== pendingValue) setterSetVal(pendingValue);
+							});
+						}
 					}
 				} });
 			} else if (BUILD.lazyLoad && BUILD.method && flags & PROXY_FLAGS.isElementConstructor && memberFlags & MEMBER_FLAGS.Method) Object.defineProperty(prototype, memberName, { value(...args) {
@@ -4451,8 +4482,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 					if (BUILD.reflect && propMemberFlags & MEMBER_FLAGS.ReflectAttr && propMemberFlags & MEMBER_FLAGS.Any && !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) return;
 					const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
 					if (isBooleanTarget) newValue = !(newValue === null || newValue === "false");
+					const currentValue = BUILD.lazyLoad && propMemberFlags & MEMBER_FLAGS.Setter ? hostRef.$instanceValues$.get(propName) : this[propName];
 					const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-					if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) this[propName] = newValue;
+					if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) this[propName] = newValue;
 				});
 			};
 			Cstr.observedAttributes = Array.from(/* @__PURE__ */ new Set([...Object.keys(cmpMeta.$watchers$ ?? {}), ...members.filter(([_, m]) => m[0] & MEMBER_FLAGS.HasAttribute).map(([propName, m]) => {