@jasonshimmy/custom-elements-runtime 3.7.2 → 3.7.4

package/dist/{hooks-yP009oF9.js → hooks-BZwRvrjJ.js}

@@ -1,21 +1,21 @@
 import { r as e, t } from "./logger-DIJ0UH3R.js";
-import { _ as n, f as r, p as i, w as a } from "./helpers-BiGdX-3A.js";
-import { d as o, f as s } from "./css-utils-Bn-dO44e.js";
+import { _ as n, f as r, h as i, p as a, v as o, w as s } from "./helpers-llht6g11.js";
+import { d as c, f as l } from "./css-utils-Bn-dO44e.js";
 //#region src/lib/runtime/ssr-context.ts
-var c = null;
-function l() {
-	if (c !== null) throw Error("[CER] Concurrent SSR render detected: beginSSRGlobalStyleCollection() called while a collection is already active. For concurrent request handling, use worker threads or multiple Node.js processes.");
-	c = [];
+var u = null;
+function d() {
+	if (u !== null) throw Error("[CER] Concurrent SSR render detected: beginSSRGlobalStyleCollection() called while a collection is already active. For concurrent request handling, use worker threads or multiple Node.js processes.");
+	u = [];
 }
-function u() {
-	let e = c ?? [];
-	return c = null, e;
+function f() {
+	let e = u ?? [];
+	return u = null, e;
 }
-function d(e) {
-	return c === null ? !1 : (e && !c.includes(e) && c.push(e), !0);
+function p(e) {
+	return u === null ? !1 : (e && !u.includes(e) && u.push(e), !0);
 }
-var f = 0;
-function p(t, n, i = "unknown", a) {
+var m = 0;
+function h(t, n, i = "unknown", a) {
 	let o = {};
 	for (let [e, t] of Object.entries(n ?? {})) o[r(e)] = t;
 	let s = {
@@ -33,7 +33,7 @@ function p(t, n, i = "unknown", a) {
 		parentElement: null
 	}, c = {
 		...o,
-		_componentId: `cer-ssr-${Object.keys(o).join("-") || "root"}-${++f}`,
+		_componentId: `cer-ssr-${Object.keys(o).join("-") || "root"}-${++m}`,
 		requestRender: () => void 0,
 		_requestRender: () => void 0,
 		emit: () => !0,
@@ -49,7 +49,7 @@ function p(t, n, i = "unknown", a) {
 		writable: !1,
 		enumerable: !1,
 		configurable: !0
-	}), _(c);
+	}), y(c);
 	let l = null, u;
 	try {
 		let e = t.render(c);
@@ -57,7 +57,7 @@ function p(t, n, i = "unknown", a) {
 	} catch (t) {
 		e(`[SSR] Component "${i}" threw during SSR render. The shadow DOM will be empty. Error:`, t);
 	} finally {
-		v();
+		b();
 	}
 	let d = String(c._computedStyle ?? "");
 	return {
@@ -68,28 +68,28 @@ function p(t, n, i = "unknown", a) {
 }
 //#endregion
 //#region src/lib/runtime/hooks.ts
-function m() {
-	return a();
+function g() {
+	return s();
 }
-var h = null, g = Symbol("cer:provides");
-function _(e) {
-	h = e;
+var _ = null, v = Symbol("cer:provides");
+function y(e) {
+	_ = e;
 }
-function v() {
-	h = null;
+function b() {
+	_ = null;
 }
-function y() {
-	return h;
+function x() {
+	return _;
 }
-function b() {
-	if (!h) throw Error("useEmit must be called during component render");
-	if (a()) return () => !1;
-	let e = h.emit;
+function S() {
+	if (!_) throw Error("useEmit must be called during component render");
+	if (s()) return () => !1;
+	let e = _.emit;
 	if (typeof e != "function") throw Error("useEmit requires an emit function on the component context");
 	let t = e;
 	return (e, n, r) => t(e, n, r);
 }
-function x(e) {
+function C(e) {
 	e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
 		value: {},
 		writable: !0,
@@ -97,32 +97,32 @@ function x(e) {
 		configurable: !0
 	});
 }
-function S(e) {
-	if (!h) throw Error("useOnConnected must be called during component render");
-	if (a()) return;
-	x(h);
-	let t = h._hookCallbacks;
+function w(e) {
+	if (!_) throw Error("useOnConnected must be called during component render");
+	if (s()) return;
+	C(_);
+	let t = _._hookCallbacks;
 	t.onConnected ||= [], t.onConnected.push(e);
 }
-function C(e) {
-	if (!h) throw Error("useOnDisconnected must be called during component render");
-	if (a()) return;
-	x(h);
-	let t = h._hookCallbacks;
+function T(e) {
+	if (!_) throw Error("useOnDisconnected must be called during component render");
+	if (s()) return;
+	C(_);
+	let t = _._hookCallbacks;
 	t.onDisconnected ||= [], t.onDisconnected.push(e);
 }
-function w(e) {
-	if (!h) throw Error("useOnAttributeChanged must be called during component render");
-	if (a()) return;
-	x(h);
-	let t = h._hookCallbacks;
+function E(e) {
+	if (!_) throw Error("useOnAttributeChanged must be called during component render");
+	if (s()) return;
+	C(_);
+	let t = _._hookCallbacks;
 	t.onAttributeChanged ||= [], t.onAttributeChanged.push(e);
 }
-function T(e) {
-	if (!h) throw Error("useOnError must be called during component render");
-	if (a()) return;
-	x(h);
-	let n = h._hookCallbacks;
+function D(e) {
+	if (!_) throw Error("useOnError must be called during component render");
+	if (s()) return;
+	C(_);
+	let n = _._hookCallbacks;
 	n.onError ||= [], n.onError.push((n) => {
 		try {
 			n instanceof Error ? e(n) : e(Error(String(n)));
@@ -131,39 +131,49 @@ function T(e) {
 		}
 	});
 }
-function E(e) {
-	if (!h) throw Error("useProps must be called during component render");
-	x(h);
-	let t = h._hookCallbacks;
+var O = Symbol.for("@cer/usePropsState");
+function k(e) {
+	let t = e[O];
+	return t || (t = /* @__PURE__ */ new Map(), Object.defineProperty(e, O, {
+		value: t,
+		writable: !1,
+		enumerable: !1,
+		configurable: !1
+	})), t;
+}
+function A(e) {
+	if (!_) throw Error("useProps must be called during component render");
+	C(_);
+	let t = _._hookCallbacks;
 	t.props = {
 		...t.props || {},
 		...e
 	};
-	let r = h;
+	let r = _;
 	try {
 		let t = Object.keys(e || {});
-		for (let a of t) {
-			if (typeof a != "string" || a.startsWith("_")) continue;
-			let t = Object.getOwnPropertyDescriptor(r, a);
+		for (let i of t) {
+			if (typeof i != "string" || i.startsWith("_")) continue;
+			let t = Object.getOwnPropertyDescriptor(r, i);
 			if (!(t && !t.configurable)) try {
-				let t = Object.prototype.hasOwnProperty.call(r, a) ? r[a] : void 0;
-				Object.defineProperty(r, a, {
+				let t = Object.prototype.hasOwnProperty.call(r, i) ? r[i] : void 0;
+				Object.defineProperty(r, i, {
 					configurable: !0,
 					enumerable: !0,
 					get() {
 						try {
 							let t = r && r._host;
 							if (t) {
-								let r = i(a), o = t.getAttribute(r);
+								let r = a(i), o = t.getAttribute(r);
 								if (o !== null) {
-									let t = typeof e[a];
+									let t = typeof e[i];
 									return t === "boolean" ? o === "" || o === "true" : t === "number" ? Number(o) : o;
 								}
-								if (t[a] !== void 0) {
-									let r = t[a];
+								if (t[i] !== void 0) {
+									let r = t[i];
 									if (n(r) || r && typeof r == "object" && "value" in r && !(typeof Node < "u" && r instanceof Node)) return r.value;
-									let i = typeof e[a];
-									if (!(i === "string" && r && typeof r == "object")) return i === "boolean" && typeof r == "string" ? r === "" || r === "true" : r;
+									let a = typeof e[i];
+									if (!(a === "string" && r && typeof r == "object")) return a === "boolean" && typeof r == "string" ? r === "" || r === "true" : r;
 								}
 							}
 						} catch {}
@@ -177,25 +187,30 @@ function E(e) {
 		}
 	} catch {}
 	return new Proxy({}, {
-		get(t, i) {
-			if (typeof i != "string") return;
-			let a = e[i];
+		get(t, a) {
+			if (typeof a != "string") return;
+			let s = e[a], c = k(r), l = c.get(a), u;
 			try {
 				let e = r && r._host;
 				if (e) {
 					if (typeof HTMLElement < "u" && e instanceof HTMLElement || typeof e.getAttribute == "function" && typeof e.hasAttribute == "function") {
-						let t = i.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getAttribute(t);
-						if (n !== null) return typeof a == "boolean" ? n === "" || n === "true" : typeof a == "number" ? Number(n) : n;
+						let t = a.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getAttribute(t);
+						n !== null && (u = typeof s == "boolean" ? n === "" || n === "true" : typeof s == "number" ? Number(n) : n);
 					}
-					let t = e[i];
-					if (t !== void 0 && t !== "") {
-						let e = t && typeof t == "object" && "value" in t && !(typeof Node < "u" && t instanceof Node);
-						if (!(typeof a == "string" && t && typeof t == "object" && !e && !n(t))) return typeof a == "boolean" && a === !1 && t === "" ? a : n(t) || e ? t.value : typeof a == "boolean" && typeof t == "string" ? t === "" || t === "true" : typeof a == "number" && typeof t == "string" && !Number.isNaN(Number(t)) ? Number(t) : t;
+					if (u === void 0) {
+						let t = e[a];
+						if (t !== void 0 && t !== "") {
+							let e = t && typeof t == "object" && "value" in t && !(typeof Node < "u" && t instanceof Node);
+							typeof s == "string" && t && typeof t == "object" && !e && !n(t) || (u = typeof s == "boolean" && s === !1 && t === "" ? s : n(t) || e ? t.value : typeof s == "boolean" && typeof t == "string" ? t === "" || t === "true" : typeof s == "number" && typeof t == "string" && !Number.isNaN(Number(t)) ? Number(t) : t);
+						}
 					}
 				}
 			} catch {}
-			let o = r[i];
-			return typeof a == "boolean" && o === "" ? a === !1 ? a : !0 : n(o) || o && typeof o == "object" && "value" in o && !(typeof Node < "u" && o instanceof Node) ? o.value : o != null && o !== "" ? typeof a == "boolean" && typeof o == "string" ? o === "true" : typeof a == "number" && typeof o == "string" && !Number.isNaN(Number(o)) ? Number(o) : o : a;
+			if (u === void 0) {
+				let e = r[a];
+				u = typeof s == "boolean" && e === "" ? s === !1 ? s : !0 : n(e) || e && typeof e == "object" && "value" in e && !(typeof Node < "u" && e instanceof Node) ? e.value : e != null && e !== "" ? typeof s == "boolean" && typeof e == "string" ? e === "true" : typeof s == "number" && typeof e == "string" && !Number.isNaN(Number(e)) ? Number(e) : e : s;
+			}
+			return l ? Object.is(l.peek(), u) || (o.isRenderingComponent() ? l.initSilent(u) : l.value = u) : (l = new i(u), c.set(a, l)), l.value;
 		},
 		has(t, n) {
 			return typeof n == "string" && (n in r || n in e);
@@ -211,20 +226,20 @@ function E(e) {
 		}
 	});
 }
-function D(t) {
-	if (!h) throw Error("useStyle must be called during component render");
-	if (!a()) {
-		x(h);
+function j(t) {
+	if (!_) throw Error("useStyle must be called during component render");
+	if (!s()) {
+		C(_);
 		try {
 			let e = t();
-			Object.defineProperty(h, "_computedStyle", {
+			Object.defineProperty(_, "_computedStyle", {
 				value: e,
 				writable: !0,
 				enumerable: !1,
 				configurable: !0
 			});
 		} catch (t) {
-			e("Error in useStyle callback:", t), Object.defineProperty(h, "_computedStyle", {
+			e("Error in useStyle callback:", t), Object.defineProperty(_, "_computedStyle", {
 				value: "",
 				writable: !0,
 				enumerable: !1,
@@ -233,28 +248,28 @@ function D(t) {
 		}
 	}
 }
-var O = /* @__PURE__ */ new Map();
-function k(t) {
+var M = /* @__PURE__ */ new Map();
+function N(t) {
 	let n;
 	try {
 		n = t();
 	} catch {
 		return;
 	}
-	if (d(n) || typeof document > "u" || typeof CSSStyleSheet > "u") return;
+	if (p(n) || typeof document > "u" || typeof CSSStyleSheet > "u") return;
 	e("[useGlobalStyle] Injecting global styles from a component. This escapes Shadow DOM encapsulation — use sparingly.");
-	let r = o(s(n));
-	if (!(!r || O.has(r))) try {
+	let r = c(l(n));
+	if (!(!r || M.has(r))) try {
 		let e = new CSSStyleSheet();
-		e.replaceSync(r), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e], O.set(r, e);
+		e.replaceSync(r), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e], M.set(r, e);
 	} catch {
 		let e = document.createElement("style");
 		e.textContent = r, (document.head ?? document.documentElement).appendChild(e);
 	}
 }
-function A(e) {
-	if (!h) throw Error("useDesignTokens must be called during component render");
-	if (a()) return;
+function P(e) {
+	if (!_) throw Error("useDesignTokens must be called during component render");
+	if (s()) return;
 	let t = [], n = {
 		primary: "--cer-color-primary-500",
 		secondary: "--cer-color-secondary-500",
@@ -270,30 +285,30 @@ function A(e) {
 	};
 	for (let [i, a] of Object.entries(e)) a !== void 0 && (i in n ? t.push(`${n[i]}:${a}`) : i in r ? t.push(`${r[i]}:${a}`) : i.startsWith("--") && t.push(`${i}:${a}`));
 	if (t.length === 0) return;
-	let i = `:host{${t.join(";")}}`, o = h._computedStyle ?? "", s = o ? `${o}\n${i}` : i;
-	Object.defineProperty(h, "_computedStyle", {
-		value: s,
+	let i = `:host{${t.join(";")}}`, a = _._computedStyle ?? "", o = a ? `${a}\n${i}` : i;
+	Object.defineProperty(_, "_computedStyle", {
+		value: o,
 		writable: !0,
 		enumerable: !1,
 		configurable: !0
 	});
 }
-function j(e, t) {
-	if (!h) throw Error("provide must be called during component render");
-	if (a()) return;
-	let n = h;
-	n[g] || Object.defineProperty(n, g, {
+function F(e, t) {
+	if (!_) throw Error("provide must be called during component render");
+	if (s()) return;
+	let n = _;
+	n[v] || Object.defineProperty(n, v, {
 		value: /* @__PURE__ */ new Map(),
 		writable: !1,
 		enumerable: !1,
 		configurable: !0
-	}), n[g].set(e, t);
+	}), n[v].set(e, t);
 }
-function M(e, t) {
-	if (!h) throw Error("inject must be called during component render");
-	if (a()) return t;
+function I(e, t) {
+	if (!_) throw Error("inject must be called during component render");
+	if (s()) return t;
 	try {
-		let t = h._host;
+		let t = _._host;
 		if (t) {
 			let n = t.parentNode;
 			n ||= t.getRootNode();
@@ -301,7 +316,7 @@ function M(e, t) {
 			for (; n && r < 50;) if (r++, typeof ShadowRoot < "u" && n instanceof ShadowRoot) {
 				let t = n.host, r = t.context;
 				if (r) {
-					let t = r[g];
+					let t = r[v];
 					if (t?.has(e)) return t.get(e);
 				}
 				if (n = t.parentNode ?? t.getRootNode(), n === document || n === t) break;
@@ -309,7 +324,7 @@ function M(e, t) {
 				if (typeof Element < "u" && n instanceof Element) {
 					let t = n.context;
 					if (t) {
-						let n = t[g];
+						let n = t[v];
 						if (n?.has(e)) return n.get(e);
 					}
 				}
@@ -320,41 +335,41 @@ function M(e, t) {
 	} catch {}
 	return t;
 }
-function N(e) {
+function L(e) {
 	return (t) => {
-		let n = t ?? h;
+		let n = t ?? _;
 		if (!n) throw Error("createComposable: no component context available. Pass a context explicitly or call inside a render function.");
-		let r = h;
-		_(n);
+		let r = _;
+		y(n);
 		try {
 			return e();
 		} finally {
-			r ? _(r) : v();
+			r ? y(r) : b();
 		}
 	};
 }
-function P(e) {
-	if (!h) throw Error("useExpose must be called during component render");
-	if (a()) return;
-	x(h);
-	let t = h._hookCallbacks;
+function R(e) {
+	if (!_) throw Error("useExpose must be called during component render");
+	if (s()) return;
+	C(_);
+	let t = _._hookCallbacks;
 	t.expose = {
 		...t.expose ?? {},
 		...e
 	};
-	let n = h._host;
+	let n = _._host;
 	if (n) for (let [t, r] of Object.entries(e)) try {
 		n[t] = r;
 	} catch {}
 }
-function F() {
-	if (!h) throw Error("useSlots must be called during component render");
-	if (a()) return {
+function z() {
+	if (!_) throw Error("useSlots must be called during component render");
+	if (s()) return {
 		has: () => !1,
 		getNodes: () => [],
 		names: () => []
 	};
-	let e = h._host, t = () => {
+	let e = _._host, t = () => {
 		let t = /* @__PURE__ */ new Map();
 		if (!e) return t;
 		for (let n of e.children) {
@@ -379,12 +394,12 @@ function F() {
 		}
 	};
 }
-function I(...e) {
-	if (!h) throw Error("defineModel must be called during component render");
-	let t = e.length === 2 ? e[0] : "modelValue", n = e.length === 2 ? e[1] : e.length === 1 ? e[0] : void 0, r = E({ [t]: n }), i = a() ? null : (() => {
-		let e = h.emit;
+function B(...e) {
+	if (!_) throw Error("defineModel must be called during component render");
+	let t = e.length === 2 ? e[0] : "modelValue", n = e.length === 2 ? e[1] : e.length === 1 ? e[0] : void 0, r = A({ [t]: n }), i = s() ? null : (() => {
+		let e = _.emit;
 		return typeof e == "function" ? e : null;
-	})(), o = {
+	})(), a = {
 		get value() {
 			return r[t];
 		},
@@ -393,15 +408,15 @@ function I(...e) {
 		}
 	};
 	try {
-		Object.defineProperty(o, Symbol.for("@cer/ReactiveState"), {
+		Object.defineProperty(a, Symbol.for("@cer/ReactiveState"), {
 			value: !0,
 			enumerable: !1,
 			configurable: !1
 		});
 	} catch {}
-	return o;
+	return a;
 }
 //#endregion
-export { p as S, E as _, M as a, l as b, _ as c, P as d, k as f, T as g, C as h, y as i, A as l, S as m, N as n, m as o, w as p, I as r, j as s, v as t, b as u, F as v, u as x, D as y };
+export { h as S, A as _, I as a, d as b, y as c, R as d, N as f, D as g, T as h, x as i, P as l, w as m, L as n, g as o, E as p, B as r, F as s, b as t, S as u, z as v, f as x, j as y };
 
-//# sourceMappingURL=hooks-yP009oF9.js.map
+//# sourceMappingURL=hooks-BZwRvrjJ.js.map

package/dist/hooks-BZwRvrjJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-BZwRvrjJ.js","names":[],"sources":["../src/lib/runtime/ssr-context.ts","../src/lib/runtime/hooks.ts"],"sourcesContent":["/**\n * SSR execution context for running component render functions server-side.\n *\n * When generating Declarative Shadow DOM (DSD) output, the SSR renderer must\n * call each custom element's render function to obtain its shadow DOM VNode\n * tree and capture any useStyle() / useGlobalStyle() output. This module\n * provides the minimal execution environment that makes that safe.\n *\n * Guarantees:\n *  - useStyle() callbacks are executed and their output is captured.\n *  - useGlobalStyle() callbacks are captured (not injected into document).\n *  - Lifecycle hooks (useOnConnected, watch, …) register harmlessly to arrays\n *    that are never invoked.\n *  - The reactive system is never permanently mutated — component registration\n *    is cleaned up by the render wrapper in factory.ts after each call.\n */\n\nimport type { ComponentConfig, ComponentContext, VNode } from './types';\nimport { toCamel } from './helpers';\nimport {\n  setCurrentComponentContext,\n  clearCurrentComponentContext,\n} from './hooks';\nimport { devWarn } from './logger';\n\n// ---------------------------------------------------------------------------\n// Global-style SSR collector\n// ---------------------------------------------------------------------------\n\n/**\n * When set, useGlobalStyle() factories write here instead of touching\n * document.adoptedStyleSheets (which doesn't exist in SSR environments).\n */\nlet _ssrGlobalStyleCollector: string[] | null = null;\n\n/** Start collecting useGlobalStyle() output from the current render pass. */\nexport function beginSSRGlobalStyleCollection(): void {\n  if (_ssrGlobalStyleCollector !== null) {\n    throw new Error(\n      '[CER] Concurrent SSR render detected: beginSSRGlobalStyleCollection() called ' +\n      'while a collection is already active. For concurrent request handling, use ' +\n      'worker threads or multiple Node.js processes.',\n    );\n  }\n  _ssrGlobalStyleCollector = [];\n}\n\n/** Stop collecting and return everything gathered so far. */\nexport function endSSRGlobalStyleCollection(): string[] {\n  const collected = _ssrGlobalStyleCollector ?? [];\n  _ssrGlobalStyleCollector = null;\n  return collected;\n}\n\n/**\n * Called by useGlobalStyle() when an SSR collection pass is active.\n * Returns true if the CSS was captured (caller should skip DOM injection).\n */\nexport function captureGlobalStyleForSSR(css: string): boolean {\n  if (_ssrGlobalStyleCollector !== null) {\n    if (css && !_ssrGlobalStyleCollector.includes(css)) {\n      _ssrGlobalStyleCollector.push(css);\n    }\n    return true;\n  }\n  return false;\n}\n\n// ---------------------------------------------------------------------------\n// SSR render pass\n// ---------------------------------------------------------------------------\n\nexport interface SSRRenderResult {\n  /** VNode tree from the component's render function (shadow DOM content). */\n  shadowVNode: VNode | VNode[] | null;\n  /** CSS string captured from useStyle() calls during this render. */\n  useStyleCSS: string;\n  /** Present when the component's render function returned a Promise. */\n  asyncPromise?: Promise<VNode | VNode[]>;\n}\n\n/**\n * Run a component's render function in a minimal SSR context to capture its\n * shadow DOM VNode tree and any useStyle() output.\n *\n * The component's render wrapper in factory.ts handles:\n *   - setCurrentComponentContext / clearCurrentComponentContext\n *   - _hookCallbacks reset\n *   - _computedStyle reset\n *   - reactiveSystem registration / cleanup\n *\n * We only need to build a context object that satisfies the hooks' expectations.\n */\n// Monotonic counter ensures each SSR render context gets a unique component ID,\n// preventing the reactive system's stateStorage from returning stale cached\n// ref/computed values from a previous request.\nlet _ssrRenderCounter = 0;\n\nexport function runComponentSSRRender(\n  config: ComponentConfig<object, object, object, object>,\n  attrs: Record<string, string | number | boolean | null | undefined>,\n  tag = 'unknown',\n  ssrRouter?: unknown,\n): SSRRenderResult {\n  // Build camelCase prop map from serialised attribute names.\n  const propsFromAttrs: Record<string, unknown> = {};\n  for (const [k, v] of Object.entries(attrs ?? {})) {\n    propsFromAttrs[toCamel(k)] = v;\n  }\n\n  // Fake host element: satisfies useProps()'s attribute reads without a real DOM node.\n  const fakeHost = {\n    getAttribute(name: string): string | null {\n      const camel = toCamel(name);\n      if (\n        propsFromAttrs[camel] !== undefined &&\n        propsFromAttrs[camel] !== null\n      ) {\n        return String(propsFromAttrs[camel]);\n      }\n      const raw = (attrs ?? {})[name];\n      return raw !== undefined && raw !== null ? String(raw) : null;\n    },\n    hasAttribute(name: string): boolean {\n      return this.getAttribute(name) !== null;\n    },\n    // shadowRoot must be null so useJITCSS() doesn't try to registerJITCSSComponent\n    shadowRoot: null as null,\n    tagName: '',\n    parentElement: null as null,\n  };\n\n  // Minimal context object — the factory render wrapper will add _hookCallbacks\n  // and _computedStyle via Object.defineProperty before calling renderFn().\n  const ssrContext: Record<string, unknown> = {\n    ...propsFromAttrs,\n    // Unique ID per SSR render prevents the reactive system's stateStorage from\n    // returning cached ref/computed values from a previous request. Using a\n    // monotonic counter is cheaper than crypto.randomUUID() and avoids the\n    // Node.js version compatibility concern noted in the original comment.\n    _componentId: `cer-ssr-${Object.keys(propsFromAttrs).join('-') || 'root'}-${++_ssrRenderCounter}`,\n    requestRender: () => undefined,\n    _requestRender: () => undefined,\n    emit: () => true,\n    refs: {},\n  };\n\n  // Set _host as non-enumerable to avoid triggering the reactive proxy trap.\n  Object.defineProperty(ssrContext, '_host', {\n    value: fakeHost,\n    writable: true,\n    enumerable: false,\n    configurable: true,\n  });\n\n  // Thread the per-request router instance so router-view (and any component\n  // that calls getCurrentComponentContext()._router) reads from the correct\n  // router rather than the module-level activeRouterProxy singleton.\n  // Non-enumerable keeps it out of prop serialisation / Object.keys iteration.\n  if (ssrRouter !== undefined) {\n    Object.defineProperty(ssrContext, '_router', {\n      value: ssrRouter,\n      writable: false,\n      enumerable: false,\n      configurable: true,\n    });\n  }\n\n  // Pre-set the component context so hooks (useStyle, useProps, etc.) work even\n  // when config.render is a raw function rather than the factory.ts wrapper.\n  // If config.render IS the factory wrapper, it will call setCurrentComponentContext\n  // again with the same object — that is harmless.\n  setCurrentComponentContext(ssrContext);\n\n  let shadowVNode: VNode | VNode[] | null = null;\n  let asyncPromise: Promise<VNode | VNode[]> | undefined;\n  try {\n    const result = config.render(\n      ssrContext as ComponentContext<object, object, object, object>,\n    );\n    // Async render functions cannot be awaited in the synchronous SSR pass.\n    // The DSD renderer will emit a streaming placeholder if active; otherwise\n    // the shadow DOM will be empty. The caller emits the appropriate warning.\n    if (result instanceof Promise) {\n      asyncPromise = result;\n    } else {\n      shadowVNode = result as VNode | VNode[];\n    }\n  } catch (err) {\n    // Best-effort — a render error during SSR should not crash the server.\n    // The component will still get a DSD wrapper, just without shadow content.\n    devWarn(\n      `[SSR] Component \"${tag}\" threw during SSR render. ` +\n        `The shadow DOM will be empty. Error:`,\n      err,\n    );\n  } finally {\n    // Clear context. The factory wrapper clears it too, but calling clearCurrentComponentContext()\n    // twice (null → null) is harmless and ensures clean state if config.render was a raw function.\n    clearCurrentComponentContext();\n  }\n\n  const useStyleCSS = String(\n    (ssrContext as { _computedStyle?: string })._computedStyle ?? '',\n  );\n\n  return { shadowVNode, useStyleCSS, asyncPromise };\n}\n","/**\n * Context-based hooks for functional components\n * Provides React-like hooks with perfect TypeScript inference\n */\n\nimport { isReactiveState, ReactiveState, reactiveSystem } from './reactive';\nimport { toKebab } from './helpers';\nimport { devWarn, devError } from './logger';\nimport { isDiscoveryRender as _isDiscoveryRenderFn } from './discovery-state';\nimport { sanitizeCSS, minifyCSS } from './css-utils';\nimport type { JITCSSOptions } from './style';\nimport { captureGlobalStyleForSSR } from './ssr-context';\n\n// Re-export JITCSSOptions as a type-only re-export so consumers can still\n// import it from './runtime/hooks' without creating a runtime dependency on style.ts.\nexport type { JITCSSOptions };\n\n// Re-export discovery helpers so consumers continue to use the same import path.\nexport { beginDiscoveryRender, endDiscoveryRender } from './discovery-state';\n\n/**\n * Returns true while a discovery render is in progress.\n * Used by `html` and other primitives to short-circuit side effects.\n * @internal\n */\nexport function isDiscoveryRender(): boolean {\n  return _isDiscoveryRenderFn();\n}\n\n// Global state to track current component context during render\n// Narrowed internal type for currentComponentContext to expose _hookCallbacks\ninterface InternalHookCallbacks {\n  onConnected?: Array<(context?: unknown) => void>;\n  onDisconnected?: Array<(context?: unknown) => void>;\n  onAttributeChanged?: Array<\n    (name: string, oldValue: string | null, newValue: string | null) => void\n  >;\n  onError?: Array<(err: unknown) => void>;\n  props?: Record<string, unknown>;\n  style?: () => string;\n  expose?: Record<string, unknown>;\n}\n\ntype InternalComponentContext = Record<string, unknown> & {\n  _hookCallbacks?: InternalHookCallbacks;\n  _computedStyle?: string;\n};\n\nlet currentComponentContext: InternalComponentContext | null = null;\n\n/** Symbol key used to store provides map on a component's context object. */\nconst PROVIDES_KEY = Symbol('cer:provides');\n\n/**\n * Set the current component context (called internally during render)\n * @internal\n */\nexport function setCurrentComponentContext(\n  context: Record<string, unknown>,\n): void {\n  currentComponentContext = context;\n}\n\n/**\n * Clear the current component context (called internally after render)\n * @internal\n */\nexport function clearCurrentComponentContext(): void {\n  currentComponentContext = null;\n}\n\n// ---------- Discovery render probe ----------\n// The actual state and helpers live in discovery-state.ts to avoid\n// circular dependencies with reactive.ts. The re-exports above forward\n// beginDiscoveryRender / endDiscoveryRender / isDiscoveryRender from that\n// module so all existing import sites remain unchanged.\n\n/**\n * Get the current component context. Useful for advanced composable patterns\n * that need to access or pass the context explicitly.\n * @internal\n */\nexport function getCurrentComponentContext(): Record<string, unknown> | null {\n  return currentComponentContext;\n}\n\n/**\n * Get the emit function for the current component\n * Must be called during component render\n *\n * @example\n * ```ts\n * component('my-button', () => {\n *   const { label } = useProps({ label: 'Click me' });\n *   const emit = useEmit();\n *\n *   return html`\n *     <button @click=\"${() => emit('button-click', { label })}\">\n *       ${label}\n *     </button>\n *   `;\n * });\n * ```\n */\nexport function useEmit(): (\n  eventName: string,\n  detail?: unknown,\n  options?: CustomEventInit,\n) => boolean {\n  if (!currentComponentContext) {\n    throw new Error('useEmit must be called during component render');\n  }\n\n  // During discovery render, return a no-op function — no real host exists.\n  if (_isDiscoveryRenderFn()) {\n    return () => false;\n  }\n\n  // Capture and validate the emit function from the current context\n  const emitCandidate = (currentComponentContext as { emit?: unknown }).emit;\n  if (typeof emitCandidate !== 'function') {\n    throw new Error(\n      'useEmit requires an emit function on the component context',\n    );\n  }\n  const emitFn = emitCandidate as (\n    eventName: string,\n    detail?: unknown,\n    options?: CustomEventInit,\n  ) => boolean;\n\n  return (eventName: string, detail?: unknown, options?: CustomEventInit) => {\n    return emitFn(eventName, detail, options);\n  };\n}\n\n/**\n * Initialize hook callbacks storage on context if not exists\n * Uses Object.defineProperty to avoid triggering reactive updates\n */\nfunction ensureHookCallbacks(context: Record<string, unknown>): void {\n  if (!context._hookCallbacks) {\n    Object.defineProperty(context, '_hookCallbacks', {\n      value: {},\n      writable: true,\n      enumerable: false,\n      configurable: true,\n    });\n  }\n}\n\n/**\n * Register a callback to be called when component is connected to DOM\n *\n * @example\n * ```ts\n * component('my-component', () => {\n *   useOnConnected(() => {\n *     console.log('Component mounted!');\n *   });\n *\n *   return html`<div>Hello World</div>`;\n * });\n * ```\n */\nexport function useOnConnected(callback: () => void): void {\n  if (!currentComponentContext) {\n    throw new Error('useOnConnected must be called during component render');\n  }\n\n  // During discovery render, skip registering lifecycle callbacks — the\n  // discoveryContext is ephemeral and its hooks are never invoked.\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext as InternalComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  if (!hooks.onConnected) hooks.onConnected = [];\n  hooks.onConnected.push(callback);\n}\n\n/**\n * Register a callback to be called when component is disconnected from DOM\n *\n * @example\n * ```ts\n * component('my-component', () => {\n *   useOnDisconnected(() => {\n *     console.log('Component unmounted!');\n *   });\n *\n *   return html`<div>Goodbye World</div>`;\n * });\n * ```\n */\nexport function useOnDisconnected(callback: () => void): void {\n  if (!currentComponentContext) {\n    throw new Error('useOnDisconnected must be called during component render');\n  }\n\n  // During discovery render, skip registering lifecycle callbacks.\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext as InternalComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  if (!hooks.onDisconnected) hooks.onDisconnected = [];\n  hooks.onDisconnected.push(callback);\n}\n\n/**\n * Register a callback to be called when an attribute changes\n *\n * @example\n * ```ts\n * component('my-component', () => {\n *   useOnAttributeChanged((name, oldValue, newValue) => {\n *     console.log(`Attribute ${name} changed from ${oldValue} to ${newValue}`);\n *   });\n *\n *   return html`<div>Attribute watcher</div>`;\n * });\n * ```\n */\nexport function useOnAttributeChanged(\n  callback: (\n    name: string,\n    oldValue: string | null,\n    newValue: string | null,\n  ) => void,\n): void {\n  if (!currentComponentContext) {\n    throw new Error(\n      'useOnAttributeChanged must be called during component render',\n    );\n  }\n\n  // During discovery render, skip registering lifecycle callbacks.\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext as InternalComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  if (!hooks.onAttributeChanged) hooks.onAttributeChanged = [];\n  hooks.onAttributeChanged.push(callback);\n}\n\n/**\n * Register a callback to be called when an error occurs\n *\n * @example\n * ```ts\n * component('my-component', () => {\n *   useOnError((error) => {\n *     console.error('Component error:', error);\n *   });\n *\n *   return html`<div>Error handler</div>`;\n * });\n * ```\n */\nexport function useOnError(callback: (error: Error) => void): void {\n  if (!currentComponentContext) {\n    throw new Error('useOnError must be called during component render');\n  }\n\n  // During discovery render, skip registering lifecycle callbacks.\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext as InternalComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  if (!hooks.onError) hooks.onError = [];\n  // Wrap to normalize to Error. If the user's handler itself throws, log it in\n  // dev mode so it doesn't vanish silently — the original error is already handled.\n  hooks.onError.push((err: unknown) => {\n    try {\n      if (err instanceof Error) callback(err);\n      else callback(new Error(String(err)));\n    } catch (handlerErr) {\n      devError(\n        '[useOnError] The error handler itself threw an exception:',\n        handlerErr,\n      );\n    }\n  });\n}\n\n/**\n * Register prop defaults for the component. Can be called during render.\n * Stores the prop defaults on `context._hookCallbacks.props` so the runtime\n * can pick them up when building the component config.\n *\n * Example:\n * ```ts\n * component('my-comp', () => {\n *   useProps({ modelValue: false, label: 'Hello' });\n *   return html`<div/>`;\n * });\n * ```\n */\nconst usePropsStateKey = Symbol.for('@cer/usePropsState');\n\nfunction getUsePropsStateMap(\n  context: Record<string, unknown>,\n): Map<string, ReactiveState<unknown>> {\n  const typedContext = context as unknown as Record<\n    typeof usePropsStateKey,\n    Map<string, ReactiveState<unknown>>\n  >;\n  let map = typedContext[usePropsStateKey] as\n    | Map<string, ReactiveState<unknown>>\n    | undefined;\n  if (!map) {\n    map = new Map();\n    Object.defineProperty(context, usePropsStateKey, {\n      value: map,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    });\n  }\n  return map;\n}\n\nexport function useProps<T extends Record<string, unknown>>(defaults: T): T {\n  if (!currentComponentContext) {\n    throw new Error('useProps must be called during component render');\n  }\n\n  ensureHookCallbacks(currentComponentContext as InternalComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  hooks.props = {\n    ...(hooks.props || {}),\n    ...defaults,\n  };\n\n  const ctx = currentComponentContext;\n  // Define dynamic getters for declared props so the context property\n  // always reflects the host element's property (or reactive ref.value)\n  try {\n    const declaredKeys = Object.keys(defaults || {});\n    for (const key of declaredKeys) {\n      if (typeof key !== 'string' || key.startsWith('_')) continue;\n      const existing = Object.getOwnPropertyDescriptor(ctx, key);\n      // Only define if not present or configurable (allow overriding)\n      if (existing && !existing.configurable) continue;\n      try {\n        // Preserve any existing concrete value on the context in a closure.\n        // This avoids recursive getters when we later reference ctx[key].\n        const hasOwn = Object.prototype.hasOwnProperty.call(ctx, key);\n        let localValue: unknown = hasOwn\n          ? (ctx as Record<string, unknown>)[key]\n          : undefined;\n\n        Object.defineProperty(ctx, key, {\n          configurable: true,\n          enumerable: true,\n          get() {\n            try {\n              const host = (ctx && (ctx as { _host?: HTMLElement })._host) as\n                | HTMLElement\n                | undefined;\n              if (host) {\n                // First, check for attribute value (attributes should take precedence)\n                const kebabKey = toKebab(key);\n                const attrValue = host.getAttribute(kebabKey);\n                if (attrValue !== null) {\n                  const defaultType = typeof defaults[key];\n                  if (defaultType === 'boolean') {\n                    // Standalone boolean attributes have empty string value\n                    return attrValue === '' || attrValue === 'true';\n                  }\n                  if (defaultType === 'number') {\n                    return Number(attrValue);\n                  }\n                  return attrValue;\n                }\n\n                // If no attribute, check if host has a property value set\n                if (\n                  typeof (host as unknown as Record<string, unknown>)[key] !==\n                  'undefined'\n                ) {\n                  const fromHost = (host as unknown as Record<string, unknown>)[\n                    key\n                  ];\n                  // prefer host value when present\n                  // If the host provided a ReactiveState instance or a wrapper\n                  // with a .value, unwrap it here so destructured props and\n                  // useProps return the primitive/current value consistently.\n                  if (isReactiveState(fromHost)) {\n                    return (fromHost as { value: unknown }).value;\n                  }\n                  if (\n                    fromHost &&\n                    typeof fromHost === 'object' &&\n                    'value' in fromHost &&\n                    !(typeof Node !== 'undefined' && fromHost instanceof Node)\n                  ) {\n                    return (fromHost as { value?: unknown }).value;\n                  }\n                  // For string-typed declared props, avoid returning host\n                  // object-like properties (for example `element.style` which\n                  // is a CSSStyleDeclaration). Prefer attribute value or the\n                  // local default instead of returning a non-primitive host\n                  // property into templates which expect primitives.\n                  const defaultType = typeof defaults[key];\n                  if (\n                    defaultType === 'string' &&\n                    fromHost &&\n                    typeof fromHost === 'object'\n                  ) {\n                    // fallthrough to localValue\n                  } else {\n                    // For boolean defaults, treat empty string (standalone attribute) or 'true' as true.\n                    if (\n                      defaultType === 'boolean' &&\n                      typeof fromHost === 'string'\n                    ) {\n                      return fromHost === '' || fromHost === 'true';\n                    }\n                    return fromHost;\n                  }\n                }\n              }\n            } catch {\n              // ignore host read failures and fall back to context\n            }\n            return localValue;\n          },\n          set(v: unknown) {\n            // allow test/runtime code to set context props during render/init\n            localValue = v;\n          },\n        });\n      } catch {\n        // ignore\n      }\n    }\n  } catch {\n    // ignore\n  }\n  // Return a Proxy that always reads the latest value from the component\n  // context so accesses are reactive. Also unwrap functional refs ({ value })\n  // and coerce string attribute values to boolean/number when defaults\n  // indicate such types.\n  const result = new Proxy({} as Record<string, unknown>, {\n    get(_target, prop: string) {\n      if (typeof prop !== 'string') return undefined;\n      const def = (defaults as Record<string, unknown>)[prop];\n\n      const propStateMap = getUsePropsStateMap(ctx);\n      let state = propStateMap.get(prop);\n      let currentValue: unknown;\n\n      // If a host element is available, prefer reading from attributes first,\n      // then from properties. This ensures that HTML attributes take precedence\n      // over default property values (like the standard \"title\" attribute).\n      try {\n        const host = (ctx && (ctx as { _host?: HTMLElement })._host) as\n          | HTMLElement\n          | undefined;\n        if (host) {\n          // Check attribute first (only if host is an actual HTMLElement)\n          if (\n            (typeof HTMLElement !== 'undefined' &&\n              host instanceof HTMLElement) ||\n            (typeof (host as { getAttribute?: (name: string) => string | null })\n              .getAttribute === 'function' &&\n              typeof (host as { hasAttribute?: (name: string) => boolean })\n                .hasAttribute === 'function')\n          ) {\n            const kebabKey = prop.replace(/([A-Z])/g, '-$1').toLowerCase();\n            const attrValue = (\n              host as { getAttribute: (name: string) => string | null }\n            ).getAttribute(kebabKey);\n            if (attrValue !== null) {\n              if (typeof def === 'boolean') {\n                currentValue = attrValue === '' || attrValue === 'true';\n              } else if (typeof def === 'number') {\n                currentValue = Number(attrValue);\n              } else {\n                currentValue = attrValue;\n              }\n            }\n          }\n\n          // No attribute - check property value\n          if (currentValue === undefined) {\n            const hostValue = (host as unknown as Record<string, unknown>)[\n              prop\n            ];\n            if (typeof hostValue !== 'undefined' && hostValue !== '') {\n              const isWrapperLike =\n                hostValue &&\n                typeof hostValue === 'object' &&\n                'value' in hostValue &&\n                !(typeof Node !== 'undefined' && hostValue instanceof Node);\n              if (\n                !(\n                  typeof def === 'string' &&\n                  hostValue &&\n                  typeof hostValue === 'object' &&\n                  !isWrapperLike &&\n                  !isReactiveState(hostValue)\n                )\n              ) {\n                if (\n                  typeof def === 'boolean' &&\n                  def === false &&\n                  hostValue === ''\n                ) {\n                  currentValue = def;\n                } else if (isReactiveState(hostValue)) {\n                  currentValue = (hostValue as { value: unknown }).value;\n                } else if (isWrapperLike) {\n                  currentValue = (hostValue as { value: unknown }).value;\n                } else if (\n                  typeof def === 'boolean' &&\n                  typeof hostValue === 'string'\n                ) {\n                  currentValue = hostValue === '' || hostValue === 'true';\n                } else if (\n                  typeof def === 'number' &&\n                  typeof hostValue === 'string' &&\n                  !Number.isNaN(Number(hostValue))\n                ) {\n                  currentValue = Number(hostValue);\n                } else {\n                  currentValue = hostValue;\n                }\n              }\n            }\n          }\n        }\n      } catch {\n        // ignore host read failures and fall back to context\n      }\n\n      // Fall back to reading from the component context itself.\n      if (currentValue === undefined) {\n        const raw = ctx[prop];\n\n        if (typeof def === 'boolean' && raw === '') {\n          currentValue = def === false ? def : true;\n        } else if (isReactiveState(raw)) {\n          currentValue = (raw as { value: unknown }).value;\n        } else if (\n          raw &&\n          typeof raw === 'object' &&\n          'value' in raw &&\n          !(typeof Node !== 'undefined' && raw instanceof Node)\n        ) {\n          currentValue = (raw as { value: unknown }).value;\n        } else if (raw != null && raw !== '') {\n          if (typeof def === 'boolean' && typeof raw === 'string') {\n            currentValue = raw === 'true';\n          } else if (\n            typeof def === 'number' &&\n            typeof raw === 'string' &&\n            !Number.isNaN(Number(raw))\n          ) {\n            currentValue = Number(raw);\n          } else {\n            currentValue = raw;\n          }\n        } else {\n          currentValue = def;\n        }\n      }\n\n      if (!state) {\n        state = new ReactiveState(currentValue);\n        propStateMap.set(prop, state);\n      } else if (!Object.is(state.peek(), currentValue)) {\n        if (reactiveSystem.isRenderingComponent()) {\n          state.initSilent(currentValue);\n        } else {\n          state.value = currentValue;\n        }\n      }\n\n      return state.value;\n    },\n    has(_target, prop: string) {\n      return typeof prop === 'string' && (prop in ctx || prop in defaults);\n    },\n    ownKeys() {\n      return Array.from(\n        new Set([...Object.keys(defaults), ...Object.keys(ctx || {})]),\n      );\n    },\n    getOwnPropertyDescriptor() {\n      return { configurable: true, enumerable: true } as PropertyDescriptor;\n    },\n  });\n\n  return result as T;\n}\n\n/**\n * Register prop defaults and return a stable props object for use inside render.\n * The returned object reads values from the current component context at render\n * time and falls back to the provided defaults. This keeps prop access stable\n * in production builds and avoids reliance on parsing the render function.\n *\n * Must be called during render. Example:\n * const props = useProps({ modelValue: false });\n */\n// (useProps now returns the props object directly)\n\n/**\n * Register a style function that will be called during each render\n * to provide reactive styles for the component\n *\n * @example\n * ```ts\n * import { css } from '@lib/style';\n *\n * component('my-component', () => {\n *   const { theme } = useProps({ theme: 'light' });\n *\n *   useStyle(() => css`\n *     :host {\n *       background: ${theme === 'light' ? 'white' : 'black'};\n *       color: ${theme === 'light' ? 'black' : 'white'};\n *     }\n *   `);\n *\n *   return html`<div>Styled component</div>`;\n * });\n * ```\n */\nexport function useStyle(callback: () => string): void {\n  if (!currentComponentContext) {\n    throw new Error('useStyle must be called during component render');\n  }\n\n  // During discovery render, skip style computation — no real DOM to style.\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext);\n\n  // Execute the callback immediately during render to capture the current style\n  // This ensures reactive state is read during the render phase, not during style application\n  try {\n    const computedStyle = callback();\n\n    // Store the computed style using Object.defineProperty to avoid triggering reactive updates\n    Object.defineProperty(currentComponentContext, '_computedStyle', {\n      value: computedStyle,\n      writable: true,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (error) {\n    devWarn('Error in useStyle callback:', error);\n    Object.defineProperty(currentComponentContext, '_computedStyle', {\n      value: '',\n      writable: true,\n      enumerable: false,\n      configurable: true,\n    });\n  }\n}\n\n/**\n * Cache of globally-injected stylesheets keyed by their CSS content.\n * Prevents duplicate `<style>` injections when the same `useGlobalStyle()`\n * factory runs across multiple component instances.\n */\nconst _globalStyleSheets = new Map<string, CSSStyleSheet>();\n\n/**\n * Inject CSS into `document.adoptedStyleSheets`, escaping the Shadow DOM\n * boundary. Suitable for `@font-face` declarations, `:root` variable overrides,\n * and global scroll/scroll-bar styling. Deduplicated by CSS content so calling\n * this in multiple component instances is safe.\n *\n * **Use sparingly** — this intentionally breaks Shadow DOM encapsulation.\n * A dev-mode warning is emitted to make the escape hatch visible.\n *\n * @example\n * ```ts\n * component('app-root', () => {\n *   useGlobalStyle(() => css`\n *     @font-face {\n *       font-family: 'Inter';\n *       src: url('/fonts/inter.woff2') format('woff2');\n *     }\n *     :root {\n *       --app-font: 'Inter', sans-serif;\n *     }\n *   `);\n *   return html`<slot></slot>`;\n * });\n * ```\n */\nexport function useGlobalStyle(styleFactory: () => string): void {\n  let raw: string;\n  try {\n    raw = styleFactory();\n  } catch {\n    return;\n  }\n\n  // SSR collection pass: when an active collector exists (set up by\n  // beginSSRGlobalStyleCollection in ssr.ts), capture here and skip DOM\n  // injection regardless of whether document is available. This correctly\n  // handles both Node.js SSR (no document) and test environments (document\n  // present via happy-dom/jsdom) that call renderToStringWithJITCSS.\n  if (captureGlobalStyleForSSR(raw)) return;\n\n  if (typeof document === 'undefined' || typeof CSSStyleSheet === 'undefined') {\n    // SSR without an active collector — nothing to do.\n    return;\n  }\n  devWarn(\n    '[useGlobalStyle] Injecting global styles from a component. ' +\n      'This escapes Shadow DOM encapsulation — use sparingly.',\n  );\n  const style = minifyCSS(sanitizeCSS(raw!));\n  if (!style || _globalStyleSheets.has(style)) return;\n  try {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(style);\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];\n    _globalStyleSheets.set(style, sheet);\n  } catch {\n    // Fallback: inject a <style> element in <head>\n    const el = document.createElement('style');\n    el.textContent = style;\n    (document.head ?? document.documentElement).appendChild(el);\n  }\n}\n\n/**\n * Design token definitions accepted by `useDesignTokens()`.\n * Map high-level token names to CSS custom property overrides.\n */\nexport interface DesignTokens {\n  /** Override the primary color scale root (sets --cer-color-primary-500) */\n  primary?: string;\n  /** Override the secondary color scale root */\n  secondary?: string;\n  /** Override the neutral color scale root */\n  neutral?: string;\n  /** Override the success color root */\n  success?: string;\n  /** Override the info color root */\n  info?: string;\n  /** Override the warning color root */\n  warning?: string;\n  /** Override the error color root */\n  error?: string;\n  /** Override the sans-serif font family */\n  fontSans?: string;\n  /** Override the serif font family */\n  fontSerif?: string;\n  /** Override the monospace font family */\n  fontMono?: string;\n  /** Additional arbitrary CSS custom property overrides */\n  [key: string]: string | undefined;\n}\n\n/**\n * Apply design tokens to `:host` as CSS custom property overrides.\n * Must be called during component render. This is a typed, validated\n * alternative to writing `useStyle(() => css\\`:host { ... }\\`)` by hand.\n *\n * Semantic color tokens (e.g. `primary: '#6366f1'`) set the `*-500` shade\n * for that scale. Use arbitrary `'--cer-color-primary-500'` keys to override\n * individual shades.\n *\n * @example\n * ```ts\n * component('app-root', () => {\n *   useDesignTokens({\n *     primary: '#6366f1',\n *     fontSans: '\"Inter\", sans-serif',\n *     '--cer-color-neutral-900': '#0a0a0a',\n *   });\n *   return html`<slot></slot>`;\n * });\n * ```\n */\nexport function useDesignTokens(tokens: DesignTokens): void {\n  if (!currentComponentContext) {\n    throw new Error('useDesignTokens must be called during component render');\n  }\n\n  if (_isDiscoveryRenderFn()) return;\n\n  const declarations: string[] = [];\n  const semanticColorMap: Record<string, string> = {\n    primary: '--cer-color-primary-500',\n    secondary: '--cer-color-secondary-500',\n    neutral: '--cer-color-neutral-500',\n    success: '--cer-color-success-500',\n    info: '--cer-color-info-500',\n    warning: '--cer-color-warning-500',\n    error: '--cer-color-error-500',\n  };\n  const fontMap: Record<string, string> = {\n    fontSans: '--cer-font-sans',\n    fontSerif: '--cer-font-serif',\n    fontMono: '--cer-font-mono',\n  };\n\n  for (const [key, value] of Object.entries(tokens)) {\n    if (value === undefined) continue;\n    if (key in semanticColorMap) {\n      declarations.push(`${semanticColorMap[key]}:${value}`);\n    } else if (key in fontMap) {\n      declarations.push(`${fontMap[key]}:${value}`);\n    } else if (key.startsWith('--')) {\n      declarations.push(`${key}:${value}`);\n    }\n  }\n\n  if (declarations.length === 0) return;\n\n  const cssText = `:host{${declarations.join(';')}}`;\n\n  // Append to any existing computed style\n  const ctx = currentComponentContext as { _computedStyle?: string };\n  const existing = ctx._computedStyle ?? '';\n  const combined = existing ? `${existing}\\n${cssText}` : cssText;\n\n  Object.defineProperty(currentComponentContext, '_computedStyle', {\n    value: combined,\n    writable: true,\n    enumerable: false,\n    configurable: true,\n  });\n}\n\n// ---------- provide / inject ----------\n\n/**\n * Store a value under a key so that descendant components can retrieve it\n * with `inject()`. Must be called during component render.\n *\n * @example\n * ```ts\n * component('theme-provider', () => {\n *   provide('theme', 'dark');\n *   return html`<slot></slot>`;\n * });\n * ```\n */\nexport function provide<T>(key: string | symbol, value: T): void {\n  if (!currentComponentContext) {\n    throw new Error('provide must be called during component render');\n  }\n\n  // During discovery render, skip provide — the ephemeral context is discarded.\n  if (_isDiscoveryRenderFn()) return;\n\n  const ctx = currentComponentContext as Record<string | symbol, unknown>;\n  if (!ctx[PROVIDES_KEY]) {\n    Object.defineProperty(ctx, PROVIDES_KEY, {\n      value: new Map<string | symbol, unknown>(),\n      writable: false,\n      enumerable: false,\n      configurable: true,\n    });\n  }\n  (ctx[PROVIDES_KEY] as Map<string | symbol, unknown>).set(key, value);\n}\n\n/**\n * Retrieve a value provided by an ancestor component. Traverses the shadow\n * DOM tree upward through ShadowRoot host elements looking for the nearest\n * `provide()` call with the matching key. Returns `defaultValue` (or\n * `undefined`) when no provider is found. Must be called during render.\n *\n * @example\n * ```ts\n * component('themed-button', () => {\n *   const theme = inject<string>('theme', 'light');\n *   return html`<button class=\"btn-${theme}\">Click</button>`;\n * });\n * ```\n */\nexport function inject<T>(\n  key: string | symbol,\n  defaultValue?: T,\n): T | undefined {\n  if (!currentComponentContext) {\n    throw new Error('inject must be called during component render');\n  }\n\n  // During discovery render, the host tree is not yet mounted — return the\n  // default value to allow prop detection to continue without DOM traversal.\n  if (_isDiscoveryRenderFn()) return defaultValue;\n\n  try {\n    const host = (currentComponentContext as { _host?: HTMLElement })._host;\n    if (host) {\n      let node: Node | null = host.parentNode as Node | null;\n      if (!node) node = host.getRootNode() as Node | null;\n\n      // Depth counter prevents infinite loops in detached subtrees where\n      // getRootNode() may return a subtree root instead of `document`.\n      let depth = 0;\n      const MAX_DEPTH = 50;\n\n      while (node && depth < MAX_DEPTH) {\n        depth++;\n        if (typeof ShadowRoot !== 'undefined' && node instanceof ShadowRoot) {\n          const shadowHost = node.host;\n          const hostCtx = (\n            shadowHost as unknown as {\n              context?: Record<string | symbol, unknown>;\n            }\n          ).context;\n          if (hostCtx) {\n            const provides = hostCtx[PROVIDES_KEY] as\n              | Map<string | symbol, unknown>\n              | undefined;\n            if (provides?.has(key)) {\n              return provides.get(key) as T;\n            }\n          }\n          const next: Node | null = shadowHost.parentNode as Node | null;\n          node = next ?? (shadowHost.getRootNode() as Node | null);\n          if (node === document || node === shadowHost) break;\n        } else {\n          // Also check light-DOM ancestor elements that may be custom components\n          // with provides (e.g. a consumer that is a slotted child of a provider).\n          if (typeof Element !== 'undefined' && node instanceof Element) {\n            const elCtx = (\n              node as unknown as {\n                context?: Record<string | symbol, unknown>;\n              }\n            ).context;\n            if (elCtx) {\n              const provides = elCtx[PROVIDES_KEY] as\n                | Map<string | symbol, unknown>\n                | undefined;\n              if (provides?.has(key)) {\n                return provides.get(key) as T;\n              }\n            }\n          }\n          const prevNode = node;\n          const next: Node | null = (node as Node).parentNode as Node | null;\n          node = next ?? ((node as Node).getRootNode?.() as Node | null);\n          // Guard against infinite loops: if getRootNode() returns the same\n          // node (disconnected element with no ancestors), stop traversal.\n          if (node === document || node === prevNode) break;\n        }\n      }\n    }\n  } catch {\n    // ignore traversal errors - fall through to default\n  }\n\n  return defaultValue;\n}\n\n// ---------- createComposable ----------\n\n/**\n * Execute a function that calls hooks (useOnConnected, useOnDisconnected, etc.)\n * using an explicit component context rather than requiring the call to happen\n * directly inside a render function. This enables composable utility functions\n * that register lifecycle callbacks from outside the render body.\n *\n * @example\n * ```ts\n * function useLogger(label: string) {\n *   return createComposable(() => {\n *     useOnConnected(() => console.log(`${label} connected`));\n *     useOnDisconnected(() => console.log(`${label} disconnected`));\n *   });\n * }\n *\n * component('my-comp', () => {\n *   const stopLogger = useLogger('my-comp');\n *   stopLogger(context); // pass the component context explicitly\n *   return html`<div>Hello</div>`;\n * });\n * ```\n *\n * More commonly, use it as a direct wrapper inside render:\n * ```ts\n * component('my-comp', () => {\n *   // Accepts context automatically from getCurrentComponentContext()\n *   createComposable(() => {\n *     useOnConnected(() => console.log('connected from composable'));\n *   })();\n *   return html`<div>Hello</div>`;\n * });\n * ```\n */\nexport function createComposable<T>(\n  fn: () => T,\n): (ctx?: Record<string, unknown>) => T {\n  return (ctx?: Record<string, unknown>) => {\n    const targetCtx = ctx ?? currentComponentContext;\n    if (!targetCtx) {\n      throw new Error(\n        'createComposable: no component context available. Pass a context explicitly or call inside a render function.',\n      );\n    }\n\n    const prev = currentComponentContext;\n    setCurrentComponentContext(targetCtx);\n    try {\n      return fn();\n    } finally {\n      // Restore the previous context (supports nested composables)\n      if (prev) {\n        setCurrentComponentContext(prev);\n      } else {\n        clearCurrentComponentContext();\n      }\n    }\n  };\n}\n\n/**\n * Expose a public interface from the current component so that parent\n * components holding a template ref to this element can call its methods\n * or read its properties. Must be called during component render.\n *\n * @example\n * ```ts\n * component('my-counter', () => {\n *   const count = ref(0);\n *   useExpose({ increment: () => count.value++, get count() { return count.value; } });\n *   return html`<div>${count.value}</div>`;\n * });\n *\n * // Parent: counterRef.value.increment()\n * ```\n */\nexport function useExpose<T extends Record<string, unknown>>(exposed: T): void {\n  if (!currentComponentContext) {\n    throw new Error('useExpose must be called during component render');\n  }\n\n  // During discovery render, skip — no real host to expose properties on\n  if (_isDiscoveryRenderFn()) return;\n\n  ensureHookCallbacks(currentComponentContext);\n  const hooks = currentComponentContext._hookCallbacks as InternalHookCallbacks;\n  hooks.expose = { ...(hooks.expose ?? {}), ...exposed };\n\n  // Apply exposed properties onto the host element immediately if available\n  const host = (currentComponentContext as { _host?: HTMLElement })._host;\n  if (host) {\n    for (const [key, value] of Object.entries(exposed)) {\n      try {\n        (host as unknown as Record<string, unknown>)[key] = value;\n      } catch {\n        // ignore non-writable properties\n      }\n    }\n  }\n}\n\n/**\n * Access named slots provided to the current component. Returns helpers to\n * check slot presence and retrieve slotted elements. Must be called during\n * component render.\n *\n * @example\n * ```ts\n * component('my-card', () => {\n *   const slots = useSlots();\n *   return html`\n *     <div class=\"card\">\n *       <slot></slot>\n *       ${slots.has('footer') ? html`<footer><slot name=\"footer\"></slot></footer>` : ''}\n *     </div>\n *   `;\n * });\n * ```\n */\nexport function useSlots(): {\n  has(name?: string): boolean;\n  getNodes(name?: string): Element[];\n  names(): string[];\n} {\n  if (!currentComponentContext) {\n    throw new Error('useSlots must be called during component render');\n  }\n\n  // During discovery render, return empty no-op slot object\n  if (_isDiscoveryRenderFn()) {\n    return { has: () => false, getNodes: () => [], names: () => [] };\n  }\n\n  const host = (currentComponentContext as { _host?: HTMLElement })._host;\n\n  // Single-pass collection: group children by slot name once, reuse for all methods.\n  const getSlotMap = (): Map<string, Element[]> => {\n    const map = new Map<string, Element[]>();\n    if (!host) return map;\n    for (const child of host.children) {\n      const key = child.getAttribute('slot') ?? 'default';\n      const bucket = map.get(key);\n      if (bucket) {\n        bucket.push(child);\n      } else {\n        map.set(key, [child]);\n      }\n    }\n    return map;\n  };\n\n  return {\n    /**\n     * Returns true if the named slot (or the default slot when name is\n     * omitted) has at least one slotted child element.\n     */\n    has(name?: string): boolean {\n      if (!host) return false;\n      const slotName = !name || name === 'default' ? 'default' : name;\n      const bucket = getSlotMap().get(slotName);\n      return bucket !== undefined && bucket.length > 0;\n    },\n    /**\n     * Returns all child elements assigned to the named slot (or the default\n     * slot when name is omitted).\n     */\n    getNodes(name?: string): Element[] {\n      if (!host) return [];\n      const slotName = !name || name === 'default' ? 'default' : name;\n      return getSlotMap().get(slotName) ?? [];\n    },\n    /** Returns the names of all slots that have content, including 'default'. */\n    names(): string[] {\n      if (!host) return [];\n      return Array.from(getSlotMap().keys());\n    },\n  };\n}\n\n/**\n * A writable ref that reads from a component prop and emits `update:<propName>`\n * when its value is set, enabling two-way binding with a parent's `:model` or\n * `:model:<propName>` directive.\n *\n * Also recognised by the vdom `:model` directive as a reactive value so it can\n * be passed directly to native inputs inside the child template.\n */\nexport interface ModelRef<T> {\n  /** The current prop value. Reactive — reads trigger re-renders. */\n  value: T;\n}\n\n/**\n * Define a two-way binding model for a component prop, similar to Vue's\n * `defineModel()`. It combines `useProps` + `useEmit` into a single ergonomic\n * API so child components don't need to wire the plumbing manually.\n *\n * The returned `ModelRef` object:\n * - **reads** `.value` → returns the current prop value (reactive)\n * - **writes** `.value = x` → emits `update:<propName>` so the parent's\n *   `:model` / `:model:<propName>` directive can update its reactive state\n *\n * The object is also recognised by the vdom `:model` directive, so you can\n * pass it directly to a native input's `:model` binding inside the child\n * template and the two-way sync is wired up automatically.\n *\n * @example\n * ```ts\n * // Default model — maps to the parent's :model=\"...\"\n * component('my-input', () => {\n *   const model = defineModel('');\n *\n *   return html`\n *     <input :model=\"${model}\" />\n *   `;\n * });\n *\n * // Named model — maps to the parent's :model:title=\"...\"\n * component('my-field', () => {\n *   const title = defineModel('title', '');\n *   const count = defineModel('count', 0);\n *\n *   return html`\n *     <input :model=\"${title}\" />\n *     <input type=\"number\" :model=\"${count}\" />\n *   `;\n * });\n * ```\n *\n * @param args - Either:\n *   - No arguments → `modelValue` prop, no default.\n *   - One argument → treated as the **default value** for the `modelValue` prop;\n *     type is inferred from the value.\n *   - Two arguments → first is the **prop name**, second is the **default value**;\n *     type is inferred from the default value.\n */\nexport function defineModel<T = unknown>(): ModelRef<T | undefined>;\nexport function defineModel<T>(defaultValue: T): ModelRef<T>;\nexport function defineModel<T>(propName: string, defaultValue: T): ModelRef<T>;\nexport function defineModel<T = unknown>(\n  ...args: [] | [T] | [string, T]\n): ModelRef<T | undefined> {\n  if (!currentComponentContext) {\n    throw new Error('defineModel must be called during component render');\n  }\n\n  const propName = args.length === 2 ? (args[0] as string) : 'modelValue';\n  const initialDefault =\n    args.length === 2\n      ? (args[1] as T)\n      : args.length === 1\n        ? (args[0] as T)\n        : undefined;\n\n  // Register the prop so the runtime discovers it during the discovery render\n  // and includes it in the component's observed attributes / prop definitions.\n  const props = useProps({\n    [propName]: initialDefault,\n  } as Record<string, unknown>);\n\n  // Capture the emit function once — during a discovery render this is a no-op.\n  const isDiscovery = _isDiscoveryRenderFn();\n  const emitFn = isDiscovery\n    ? null\n    : (() => {\n        const candidate = (currentComponentContext as { emit?: unknown }).emit;\n        if (typeof candidate !== 'function') return null;\n        return candidate as (\n          eventName: string,\n          detail?: unknown,\n          options?: CustomEventInit,\n        ) => boolean;\n      })();\n\n  // The model ref is marked with the ReactiveState symbol so that\n  // processModelDirective treats it as a reactive value and wires up\n  // `:model` on native inputs inside the child template correctly.\n  const modelRef: ModelRef<T> = {\n    get value(): T {\n      return props[propName] as T;\n    },\n    set value(newValue: T) {\n      if (emitFn) {\n        emitFn(`update:${propName}`, newValue);\n      }\n    },\n  };\n\n  try {\n    const key = Symbol.for('@cer/ReactiveState');\n    Object.defineProperty(modelRef, key, {\n      value: true,\n      enumerable: false,\n      configurable: false,\n    });\n  } catch {\n    // ignore exotic runtimes\n  }\n\n  return modelRef;\n}\n"],"mappings":"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"}