@zeus-js/zeus 0.1.0-beta.0 → 0.1.0-beta.2

package/dist/advanced.cjs.js

@@ -0,0 +1,26 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _zeus_js_signal = require("@zeus-js/signal");
+exports.ReactiveFlags = _zeus_js_signal.ReactiveFlags;
+exports.TrackOpTypes = _zeus_js_signal.TrackOpTypes;
+exports.TriggerOpTypes = _zeus_js_signal.TriggerOpTypes;
+exports.effectScope = _zeus_js_signal.effectScope;
+exports.enableTracking = _zeus_js_signal.enableTracking;
+exports.flushJobs = _zeus_js_signal.flushJobs;
+exports.getCurrentEffect = _zeus_js_signal.getCurrentEffect;
+exports.getCurrentScope = _zeus_js_signal.getCurrentScope;
+exports.getCurrentWatcher = _zeus_js_signal.getCurrentWatcher;
+exports.onEffectCleanup = _zeus_js_signal.onEffectCleanup;
+exports.onScopeDispose = _zeus_js_signal.onScopeDispose;
+exports.onWatcherCleanup = _zeus_js_signal.onWatcherCleanup;
+exports.pauseTracking = _zeus_js_signal.pauseTracking;
+exports.queueJob = _zeus_js_signal.queueJob;
+exports.resetTracking = _zeus_js_signal.resetTracking;
+exports.stop = _zeus_js_signal.stop;

package/dist/advanced.cjs.prod.js

@@ -0,0 +1,26 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _zeus_js_signal = require("@zeus-js/signal");
+exports.ReactiveFlags = _zeus_js_signal.ReactiveFlags;
+exports.TrackOpTypes = _zeus_js_signal.TrackOpTypes;
+exports.TriggerOpTypes = _zeus_js_signal.TriggerOpTypes;
+exports.effectScope = _zeus_js_signal.effectScope;
+exports.enableTracking = _zeus_js_signal.enableTracking;
+exports.flushJobs = _zeus_js_signal.flushJobs;
+exports.getCurrentEffect = _zeus_js_signal.getCurrentEffect;
+exports.getCurrentScope = _zeus_js_signal.getCurrentScope;
+exports.getCurrentWatcher = _zeus_js_signal.getCurrentWatcher;
+exports.onEffectCleanup = _zeus_js_signal.onEffectCleanup;
+exports.onScopeDispose = _zeus_js_signal.onScopeDispose;
+exports.onWatcherCleanup = _zeus_js_signal.onWatcherCleanup;
+exports.pauseTracking = _zeus_js_signal.pauseTracking;
+exports.queueJob = _zeus_js_signal.queueJob;
+exports.resetTracking = _zeus_js_signal.resetTracking;
+exports.stop = _zeus_js_signal.stop;

package/dist/advanced.d.ts

@@ -0,0 +1 @@
+export { ReactiveEffectOptions, ReactiveEffectRunner, ReactiveFlags, Scope, TrackOpTypes, TriggerOpTypes, effectScope, enableTracking, flushJobs, getCurrentEffect, getCurrentScope, getCurrentWatcher, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, queueJob, resetTracking, stop } from '@zeus-js/signal';

package/dist/advanced.js

@@ -0,0 +1,7 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import { ReactiveFlags, TrackOpTypes, TriggerOpTypes, effectScope, enableTracking, flushJobs, getCurrentEffect, getCurrentScope, getCurrentWatcher, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, queueJob, resetTracking, stop } from "@zeus-js/signal";
+export { ReactiveFlags, TrackOpTypes, TriggerOpTypes, effectScope, enableTracking, flushJobs, getCurrentEffect, getCurrentScope, getCurrentWatcher, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, queueJob, resetTracking, stop };

package/dist/advanced.prod.js

@@ -0,0 +1,7 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import { ReactiveFlags, TrackOpTypes, TriggerOpTypes, effectScope, enableTracking, flushJobs, getCurrentEffect, getCurrentScope, getCurrentWatcher, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, queueJob, resetTracking, stop } from "@zeus-js/signal";
+export { ReactiveFlags, TrackOpTypes, TriggerOpTypes, effectScope, enableTracking, flushJobs, getCurrentEffect, getCurrentScope, getCurrentWatcher, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, queueJob, resetTracking, stop };

package/dist/capabilities.cjs.js

@@ -0,0 +1,59 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const ZEUS_CAPABILITIES = {
+	packageName: "@zeus-js/zeus",
+	version: "0.1.0-beta.2",
+	publicApi: {
+		state: true,
+		computed: true,
+		effect: true,
+		watch: true,
+		scope: true,
+		batch: true,
+		untrack: true,
+		nextTick: true,
+		onCleanup: true,
+		render: true,
+		Show: true,
+		For: true,
+		createContext: true,
+		provide: true,
+		inject: true,
+		useContext: true
+	},
+	jsx: {
+		jsxRuntime: true,
+		jsxDevRuntime: true,
+		fragment: true,
+		compiledJsx: true
+	},
+	webComponents: {
+		defineElement: true,
+		Host: true,
+		Slot: true,
+		shadowDom: true,
+		lightDom: true,
+		namedSlots: true,
+		defaultSlot: true,
+		props: true,
+		attrs: true,
+		reflect: true,
+		events: true,
+		styles: true,
+		context: true
+	},
+	stability: {
+		main: "stable",
+		advanced: "advanced",
+		internal: "private"
+	}
+};
+//#endregion
+exports.ZEUS_CAPABILITIES = ZEUS_CAPABILITIES;

package/dist/capabilities.cjs.prod.js

@@ -0,0 +1,59 @@
+/**
+* zeus v0.1.0-beta.2
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const ZEUS_CAPABILITIES = {
+	packageName: "@zeus-js/zeus",
+	version: "0.1.0-beta.2",
+	publicApi: {
+		state: true,
+		computed: true,
+		effect: true,
+		watch: true,
+		scope: true,
+		batch: true,
+		untrack: true,
+		nextTick: true,
+		onCleanup: true,
+		render: true,
+		Show: true,
+		For: true,
+		createContext: true,
+		provide: true,
+		inject: true,
+		useContext: true
+	},
+	jsx: {
+		jsxRuntime: true,
+		jsxDevRuntime: true,
+		fragment: true,
+		compiledJsx: true
+	},
+	webComponents: {
+		defineElement: true,
+		Host: true,
+		Slot: true,
+		shadowDom: true,
+		lightDom: true,
+		namedSlots: true,
+		defaultSlot: true,
+		props: true,
+		attrs: true,
+		reflect: true,
+		events: true,
+		styles: true,
+		context: true
+	},
+	stability: {
+		main: "stable",
+		advanced: "advanced",
+		internal: "private"
+	}
+};
+//#endregion
+exports.ZEUS_CAPABILITIES = ZEUS_CAPABILITIES;

package/dist/capabilities.d.ts

@@ -0,0 +1,51 @@
+export declare const ZEUS_CAPABILITIES: {
+    readonly packageName: "@zeus-js/zeus";
+    readonly version: string;
+    readonly publicApi: {
+        readonly state: true;
+        readonly computed: true;
+        readonly effect: true;
+        readonly watch: true;
+        readonly scope: true;
+        readonly batch: true;
+        readonly untrack: true;
+        readonly nextTick: true;
+        readonly onCleanup: true;
+        readonly render: true;
+        readonly Show: true;
+        readonly For: true;
+        readonly createContext: true;
+        readonly provide: true;
+        readonly inject: true;
+        readonly useContext: true;
+    };
+    readonly jsx: {
+        readonly jsxRuntime: true;
+        readonly jsxDevRuntime: true;
+        readonly fragment: true;
+        readonly compiledJsx: true;
+    };
+    readonly webComponents: {
+        readonly defineElement: true;
+        readonly Host: true;
+        readonly Slot: true;
+        readonly shadowDom: true;
+        readonly lightDom: true;
+        readonly namedSlots: true;
+        readonly defaultSlot: true;
+        readonly props: true;
+        readonly attrs: true;
+        readonly reflect: true;
+        readonly events: true;
+        readonly styles: true;
+        readonly context: true;
+    };
+    readonly stability: {
+        readonly main: "stable";
+        readonly advanced: "advanced";
+        readonly internal: "private";
+    };
+};
+export type ZeusCapabilities = typeof ZEUS_CAPABILITIES;
+
+

package/dist/capabilities.js

@@ -0,0 +1,50 @@
+const ZEUS_CAPABILITIES = {
+	packageName: "@zeus-js/zeus",
+	version: "0.1.0-beta.2",
+	publicApi: {
+		state: true,
+		computed: true,
+		effect: true,
+		watch: true,
+		scope: true,
+		batch: true,
+		untrack: true,
+		nextTick: true,
+		onCleanup: true,
+		render: true,
+		Show: true,
+		For: true,
+		createContext: true,
+		provide: true,
+		inject: true,
+		useContext: true
+	},
+	jsx: {
+		jsxRuntime: true,
+		jsxDevRuntime: true,
+		fragment: true,
+		compiledJsx: true
+	},
+	webComponents: {
+		defineElement: true,
+		Host: true,
+		Slot: true,
+		shadowDom: true,
+		lightDom: true,
+		namedSlots: true,
+		defaultSlot: true,
+		props: true,
+		attrs: true,
+		reflect: true,
+		events: true,
+		styles: true,
+		context: true
+	},
+	stability: {
+		main: "stable",
+		advanced: "advanced",
+		internal: "private"
+	}
+};
+//#endregion
+export { ZEUS_CAPABILITIES };

package/dist/capabilities.prod.js

@@ -0,0 +1,50 @@
+const ZEUS_CAPABILITIES = {
+	packageName: "@zeus-js/zeus",
+	version: "0.1.0-beta.2",
+	publicApi: {
+		state: true,
+		computed: true,
+		effect: true,
+		watch: true,
+		scope: true,
+		batch: true,
+		untrack: true,
+		nextTick: true,
+		onCleanup: true,
+		render: true,
+		Show: true,
+		For: true,
+		createContext: true,
+		provide: true,
+		inject: true,
+		useContext: true
+	},
+	jsx: {
+		jsxRuntime: true,
+		jsxDevRuntime: true,
+		fragment: true,
+		compiledJsx: true
+	},
+	webComponents: {
+		defineElement: true,
+		Host: true,
+		Slot: true,
+		shadowDom: true,
+		lightDom: true,
+		namedSlots: true,
+		defaultSlot: true,
+		props: true,
+		attrs: true,
+		reflect: true,
+		events: true,
+		styles: true,
+		context: true
+	},
+	stability: {
+		main: "stable",
+		advanced: "advanced",
+		internal: "private"
+	}
+};
+//#endregion
+export { ZEUS_CAPABILITIES };

package/dist/zeus.cjs.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.0
+* zeus v0.1.0-beta.2
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -32,6 +32,11 @@ function createJSXNode(type, props) {
 			const value = props[key];
 			if (key.startsWith("on") && typeof value === "function") el.addEventListener(key.slice(2).toLowerCase(), value);
 			else if (key === "ref") setFallbackRef(value, el);
+			else if (key.startsWith("prop:")) {
+				const propName = key.slice(5);
+				if (typeof value === "function") (0, _zeus_js_runtime_dom.bindProp)(el, propName, value);
+				else el[propName] = value;
+			} else if (typeof value === "function") (0, _zeus_js_runtime_dom.bindAttr)(el, key, value);
 			else if (value != null && value !== false) el.setAttribute(key === "className" ? "class" : key, String(value));
 		}
 		if (children !== void 0) (0, _zeus_js_runtime_dom.insert)(el, children);

package/dist/zeus.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.0
+* zeus v0.1.0-beta.2
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -32,6 +32,11 @@ function createJSXNode(type, props) {
 			const value = props[key];
 			if (key.startsWith("on") && typeof value === "function") el.addEventListener(key.slice(2).toLowerCase(), value);
 			else if (key === "ref") setFallbackRef(value, el);
+			else if (key.startsWith("prop:")) {
+				const propName = key.slice(5);
+				if (typeof value === "function") (0, _zeus_js_runtime_dom.bindProp)(el, propName, value);
+				else el[propName] = value;
+			} else if (typeof value === "function") (0, _zeus_js_runtime_dom.bindAttr)(el, key, value);
 			else if (value != null && value !== false) el.setAttribute(key === "className" ? "class" : key, String(value));
 		}
 		if (children !== void 0) (0, _zeus_js_runtime_dom.insert)(el, children);

package/dist/zeus.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.0
+* zeus v0.1.0-beta.2
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -1841,17 +1841,43 @@ function resolveValue$2(value) {
 //#endregion
 //#region packages/core/runtime-dom/src/bindings.ts
 function setAttr(el, name, value) {
+	const attrName = normalizeAttrName(name);
+	const propName = getBooleanDomPropertyName(name);
+	if (propName && el instanceof HTMLElement) {
+		el[propName] = Boolean(value);
+		if (value == null || value === false) el.removeAttribute(attrName);
+		else if (value === true) el.setAttribute(attrName, "");
+		else el.setAttribute(attrName, String(value));
+		return;
+	}
 	if (value == null || value === false) {
-		el.removeAttribute(normalizeAttrName(name));
+		el.removeAttribute(attrName);
 		return;
 	}
-	const attrName = normalizeAttrName(name);
 	if (value === true) {
 		el.setAttribute(attrName, "");
 		return;
 	}
 	el.setAttribute(attrName, String(value));
 }
+function getBooleanDomPropertyName(name) {
+	return BOOLEAN_DOM_PROPERTY_NAME[name];
+}
+const BOOLEAN_DOM_PROPERTY_NAME = {
+	hidden: "hidden",
+	disabled: "disabled",
+	readonly: "readOnly",
+	readOnly: "readOnly",
+	multiple: "multiple",
+	selected: "selected",
+	checked: "checked",
+	open: "open",
+	autofocus: "autofocus",
+	autoFocus: "autofocus",
+	indeterminate: "indeterminate",
+	noValidate: "noValidate",
+	novalidate: "noValidate"
+};
 function normalizeAttrName(name) {
 	return name === "className" ? "class" : name;
 }
@@ -1860,6 +1886,11 @@ function bindAttr(el, name, value) {
 		setAttr(el, name, value());
 	});
 }
+function bindProp(el, name, value) {
+	effect(() => {
+		el[name] = value();
+	});
+}
 function bindClass(el, value) {
 	effect(() => {
 		const next = normalizeClass(value());
@@ -2029,6 +2060,42 @@ function _objectSpread2(e) {
 }
 //#endregion
 //#region packages/core/runtime-dom/src/defineElement.ts
+function createPropStore(defs) {
+	const slots = /* @__PURE__ */ new Map();
+	const props = {};
+	for (const def of defs) {
+		const slot = state();
+		slots.set(def.key, slot);
+		Object.defineProperty(props, def.key, {
+			configurable: false,
+			enumerable: true,
+			get() {
+				return slot.value;
+			},
+			set(value) {
+				slot.value = value;
+			}
+		});
+	}
+	return {
+		props,
+		get(key) {
+			var _slots$get;
+			return (_slots$get = slots.get(key)) === null || _slots$get === void 0 ? void 0 : _slots$get.value;
+		},
+		set(key, value) {
+			const slot = slots.get(key);
+			if (!slot) {
+				console.warn(`[Zeus custom-element] Unknown prop "${key}" was written.`);
+				return;
+			}
+			slot.value = value;
+		},
+		has(key) {
+			return slots.has(key);
+		}
+	};
+}
 function defineElement(tagName, options, setup) {
 	var _options$props;
 	const propDefs = normalizePropDefinitions((_options$props = options.props) !== null && _options$props !== void 0 ? _options$props : {});
@@ -2039,12 +2106,13 @@ function defineElement(tagName, options, setup) {
 		}
 		constructor() {
 			super();
-			this.props = state({});
 			this.lightChildren = [];
 			this.capturedLightChildren = false;
 			this.reflecting = false;
-			applyPropDefaults(this.props, propDefs);
-			definePropAccessors(this, this.props, propDefs);
+			this.propStore = createPropStore(propDefs);
+			this.props = this.propStore.props;
+			applyPropDefaults(this.propStore, propDefs);
+			definePropAccessors(this, this.propStore, propDefs);
 		}
 		connectedCallback() {
 			var _options$shadow, _options$consumes;
@@ -2090,7 +2158,7 @@ function defineElement(tagName, options, setup) {
 			if (oldValue === newValue || this.reflecting) return;
 			const def = propDefs.find((item) => item.attr === name);
 			if (!def) return;
-			this.props[def.key] = castAttributeValue(newValue, def);
+			this.propStore.set(def.key, castAttributeValue(newValue, def));
 		}
 		resolveRenderTarget(shadow) {
 			if (this.target) return this.target;
@@ -2105,12 +2173,12 @@ function defineElement(tagName, options, setup) {
 			for (const def of defs) {
 				if (def.attr === false) continue;
 				const value = this.getAttribute(def.attr);
-				if (value !== null || def.type === Boolean) this.props[def.key] = castAttributeValue(value, def);
+				if (value !== null || def.type === Boolean) this.propStore.set(def.key, castAttributeValue(value, def));
 			}
 		}
 		_writePropFromProperty(key, value) {
 			const def = propDefs.find((item) => item.key === key);
-			this.props[key] = value;
+			this.propStore.set(key, value);
 			if ((def === null || def === void 0 ? void 0 : def.reflect) && def.attr !== false) {
 				this.reflecting = true;
 				try {
@@ -2142,26 +2210,35 @@ function normalizePropDefinitions(props) {
 		};
 	});
 }
-function applyPropDefaults(props, defs) {
+function applyPropDefaults(store, defs) {
 	for (const def of defs) {
 		if (!("default" in def)) continue;
 		const value = typeof def.default === "function" ? def.default() : def.default;
-		props[def.key] = value;
+		store.set(def.key, value);
 	}
 }
-function definePropAccessors(element, props, defs) {
+function definePropAccessors(element, store, defs) {
 	for (const def of defs) {
-		if (def.key in element) continue;
-		Object.defineProperty(element, def.key, {
+		const key = def.key;
+		const hadOwnValue = Object.prototype.hasOwnProperty.call(element, key);
+		const ownValue = hadOwnValue ? element[key] : void 0;
+		if (hadOwnValue) delete element[key];
+		const existing = Object.getOwnPropertyDescriptor(element, key);
+		if (existing && existing.configurable === false) {
+			console.warn(`[Zeus custom-element] Cannot define prop "${key}" because an own non-configurable property already exists.`);
+			continue;
+		}
+		Object.defineProperty(element, key, {
 			configurable: true,
 			enumerable: true,
 			get() {
-				return props[def.key];
+				return store.get(key);
 			},
 			set(value) {
-				element._writePropFromProperty(def.key, value);
+				element._writePropFromProperty(key, value);
 			}
 		});
+		if (hadOwnValue) element._writePropFromProperty(key, ownValue);
 	}
 }
 function castAttributeValue(value, def) {
@@ -2244,7 +2321,8 @@ const HOST_RESERVED_KEYS = new Set([
 	"ref",
 	"class",
 	"className",
-	"style"
+	"style",
+	"_elements"
 ]);
 function Host(props) {
 	const context = getCurrentHostContext();
@@ -2259,6 +2337,7 @@ function bindHostProps(host, props) {
 	bindHostClass(host, props);
 	bindHostStyle(host, props);
 	bindHostAttributes(host, props);
+	if ("_elements" in props) bindHostElementBindings(host, props);
 }
 function bindHostRef(host, props) {
 	if (!("ref" in props)) return;
@@ -2266,9 +2345,6 @@ function bindHostRef(host, props) {
 }
 function bindHostClass(host, props) {
 	if (!("class" in props) && !("className" in props)) return;
-	/**
-	* className has higher priority than class when both exist.
-	*/
 	const value = props.className !== void 0 ? props.className : props.class;
 	bindClass(host, () => {
 		return resolveHostValue(value);
@@ -2290,13 +2366,25 @@ function bindHostAttributes(host, props) {
 		});
 	}
 }
+function bindHostElementBindings(host, props) {
+	const elements = props._elements;
+	for (const _key of Object.keys(elements)) {
+		const getEl = elements[_key];
+		const el = getEl();
+		if (!el) continue;
+		for (const attrKey of Object.keys(props)) {
+			if (HOST_RESERVED_KEYS.has(attrKey)) continue;
+			if (isEventLikeProp(attrKey)) continue;
+			const value = props[attrKey];
+			bindAttr(el, normalizeHostAttrName(attrKey), () => {
+				return resolveHostValue(value);
+			});
+		}
+	}
+}
 function resolveHostValue(value) {
-	/**
-	* JSX component props may be direct values or lazy getters.
-	* Function values are treated as getters except event-like props,
-	* which are filtered before this function is called.
-	*/
-	return typeof value === "function" ? value() : value;
+	if (typeof value === "function") return value();
+	return value;
 }
 function resolveValue(value) {
 	return typeof value === "function" ? value() : value;
@@ -2341,6 +2429,11 @@ function createJSXNode(type, props) {
 			const value = props[key];
 			if (key.startsWith("on") && typeof value === "function") el.addEventListener(key.slice(2).toLowerCase(), value);
 			else if (key === "ref") setFallbackRef(value, el);
+			else if (key.startsWith("prop:")) {
+				const propName = key.slice(5);
+				if (typeof value === "function") bindProp(el, propName, value);
+				else el[propName] = value;
+			} else if (typeof value === "function") bindAttr(el, key, value);
 			else if (value != null && value !== false) el.setAttribute(key === "className" ? "class" : key, String(value));
 		}
 		if (children !== void 0) insert(el, children);