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

package/dist/advanced.cjs.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/

package/dist/advanced.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/

package/dist/advanced.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/

package/dist/advanced.prod.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/

package/dist/capabilities.cjs.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -9,7 +9,7 @@ Object.defineProperties(exports, {
 });
 const ZEUS_CAPABILITIES = {
 	packageName: "@zeus-js/zeus",
-	version: "0.1.0-beta.2",
+	version: "0.1.0-beta.4",
 	publicApi: {
 		state: true,
 		computed: true,

package/dist/capabilities.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -9,7 +9,7 @@ Object.defineProperties(exports, {
 });
 const ZEUS_CAPABILITIES = {
 	packageName: "@zeus-js/zeus",
-	version: "0.1.0-beta.2",
+	version: "0.1.0-beta.4",
 	publicApi: {
 		state: true,
 		computed: true,

package/dist/capabilities.js

@@ -1,6 +1,6 @@
 const ZEUS_CAPABILITIES = {
 	packageName: "@zeus-js/zeus",
-	version: "0.1.0-beta.2",
+	version: "0.1.0-beta.4",
 	publicApi: {
 		state: true,
 		computed: true,

package/dist/capabilities.prod.js

@@ -1,6 +1,6 @@
 const ZEUS_CAPABILITIES = {
 	packageName: "@zeus-js/zeus",
-	version: "0.1.0-beta.2",
+	version: "0.1.0-beta.4",
 	publicApi: {
 		state: true,
 		computed: true,

package/dist/zeus.cjs.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -68,12 +68,14 @@ exports.computed = _zeus_js_signal.computed;
 exports.createContext = _zeus_js_runtime_dom.createContext;
 exports.defineElement = _zeus_js_runtime_dom.defineElement;
 exports.effect = _zeus_js_signal.effect;
+exports.event = _zeus_js_runtime_dom.event;
 exports.inject = _zeus_js_runtime_dom.inject;
 exports.jsx = jsx;
 exports.jsxDEV = jsxDEV;
 exports.jsxs = jsxs;
 exports.nextTick = _zeus_js_signal.nextTick;
 exports.onCleanup = _zeus_js_signal.onCleanup;
+exports.prop = _zeus_js_runtime_dom.prop;
 exports.provide = _zeus_js_runtime_dom.provide;
 exports.render = _zeus_js_runtime_dom.render;
 exports.scope = _zeus_js_signal.scope;

package/dist/zeus.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -68,12 +68,14 @@ exports.computed = _zeus_js_signal.computed;
 exports.createContext = _zeus_js_runtime_dom.createContext;
 exports.defineElement = _zeus_js_runtime_dom.defineElement;
 exports.effect = _zeus_js_signal.effect;
+exports.event = _zeus_js_runtime_dom.event;
 exports.inject = _zeus_js_runtime_dom.inject;
 exports.jsx = jsx;
 exports.jsxDEV = jsxDEV;
 exports.jsxs = jsxs;
 exports.nextTick = _zeus_js_signal.nextTick;
 exports.onCleanup = _zeus_js_signal.onCleanup;
+exports.prop = _zeus_js_runtime_dom.prop;
 exports.provide = _zeus_js_runtime_dom.provide;
 exports.render = _zeus_js_runtime_dom.render;
 exports.scope = _zeus_js_signal.scope;

package/dist/zeus.d.mts

@@ -1,6 +1,6 @@
 export { ComputedRef, Scope, State, ValueState, WatchHandle, WatchOptions, batch, computed, effect, nextTick, onCleanup, scope, state, untrack, watch } from '@zeus-js/signal';
 import { JSXValue } from '@zeus-js/runtime-dom';
-export { Component, Context, ContextBridgeProps, ContextProviderProps, DefineElementContext, DefineElementMeta, DefineElementOptions, DefineElementSetup, For, ForProps, Host, HostProps, JSXValue, Show, ShowProps, Slot, SlotProps, createContext, defineElement, inject, provide, render, useContext } from '@zeus-js/runtime-dom';
+export { Component, Context, ContextBridgeProps, ContextProviderProps, DefineElementContext, DefineElementMeta, DefineElementOptions, DefineElementSetup, ElementModelDefinition, EmitApi, EmitsOptions, EventDefinition, EventOptions, For, ForProps, FormAssociatedOptions, FormAssociatedValue, FormStateRestoreMode, Host, HostProps, JSXValue, PropDefinition, PropDefinitionOptions, PropDeserializer, PropSerializer, Show, ShowProps, Slot, SlotProps, ValuePropDefinition, createContext, defineElement, event, inject, prop, provide, render, useContext } from '@zeus-js/runtime-dom';
 
 export declare const Fragment: unique symbol;
 

package/dist/zeus.d.ts

@@ -1,6 +1,6 @@
 export { ComputedRef, Scope, State, ValueState, WatchHandle, WatchOptions, batch, computed, effect, nextTick, onCleanup, scope, state, untrack, watch } from '@zeus-js/signal';
 import { JSXValue } from '@zeus-js/runtime-dom';
-export { Component, Context, ContextBridgeProps, ContextProviderProps, DefineElementContext, DefineElementMeta, DefineElementOptions, DefineElementSetup, For, ForProps, Host, HostProps, JSXValue, Show, ShowProps, Slot, SlotProps, createContext, defineElement, inject, provide, render, useContext } from '@zeus-js/runtime-dom';
+export { Component, Context, ContextBridgeProps, ContextProviderProps, DefineElementContext, DefineElementMeta, DefineElementOptions, DefineElementSetup, ElementModelDefinition, EmitApi, EmitsOptions, EventDefinition, EventOptions, For, ForProps, FormAssociatedOptions, FormAssociatedValue, FormStateRestoreMode, Host, HostProps, JSXValue, PropDefinition, PropDefinitionOptions, PropDeserializer, PropSerializer, Show, ShowProps, Slot, SlotProps, ValuePropDefinition, createContext, defineElement, event, inject, prop, provide, render, useContext } from '@zeus-js/runtime-dom';
 
 export declare const Fragment: unique symbol;
 

package/dist/zeus.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* zeus v0.1.0-beta.2
+* zeus v0.1.0-beta.4
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -365,7 +365,6 @@ function cleanupDeps(sub) {
 }
 function isDirty(sub) {
 	for (let link = sub.deps; link; link = link.nextDep) if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) return true;
-	if (sub._dirty) return true;
 	return false;
 }
 /**
@@ -1422,7 +1421,6 @@ var ComputedRefImpl = class {
 		this.flags = 16;
 		this.globalVersion = globalVersion - 1;
 		this.next = void 0;
-		this.effect = this;
 		this["__v_isReadonly"] = !setter;
 		this.isSSR = isSSR;
 	}
@@ -1742,7 +1740,7 @@ function useContext(context, fallback) {
 const ZEUS_CONTEXT_REQUEST = "zeus:context-request";
 /**
 * Creates a transparent DOM element that acts as a context boundary.
-* Native custom elements inside it can use `requestDOMContext` to receive
+* Native custom elements inside it can use `resolveDOMContext` to receive
 * context values via the DOM event protocol.
 */
 function createDOMContextBoundary(context, value, children) {
@@ -1754,7 +1752,7 @@ function createDOMContextBoundary(context, value, children) {
 }
 /**
 * Registers a context value on a DOM target so that any descendant custom
-* element can pick it up via `requestDOMContext`.
+* element can pick it up via `resolveDOMContext`.
 */
 function provideDOMContext(target, context, value) {
 	const handler = (event) => {
@@ -1772,7 +1770,7 @@ function provideDOMContext(target, context, value) {
 /**
 * Internal precise DOM context resolver.
 *
-* Unlike requestDOMContext(), this can distinguish:
+* The result distinguishes:
 * - found: false, value: undefined
 * - found: true, value: undefined
 */
@@ -1956,30 +1954,6 @@ function toKebabCase$1(value) {
 	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
-//#region packages/core/runtime-dom/src/refs.ts
-function setRef(target, value) {
-	if (target == null) return;
-	if (typeof target === "function") {
-		target(value);
-		return;
-	}
-	if ("value" in target) {
-		target.value = value;
-		return;
-	}
-	if ("current" in target) {
-		target.current = value;
-		return;
-	}
-	console.warn("[Zeus runtime] Invalid ref target:", target);
-}
-function bindRef(el, target) {
-	setRef(target, el);
-	if (getCurrentScope()) onScopeDispose(() => {
-		setRef(target, null);
-	}, true);
-}
-//#endregion
 //#region packages/core/runtime-dom/src/component.ts
 function createComponent(component, props) {
 	return runWithOwner(createOwner(), () => component(props));
@@ -1998,68 +1972,42 @@ function For(props) {
 	return (_props$each$map = (_props$each = props.each) === null || _props$each === void 0 ? void 0 : _props$each.map((item, index) => props.children(item, index))) !== null && _props$each$map !== void 0 ? _props$each$map : null;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
+//#region packages/core/runtime-dom/src/defineElement.ts
+const ZEUS_ELEMENT_DEFINITION = Symbol.for("zeus.element.definition");
+function prop(input, options = {}) {
+	var _options$reflect, _options$default;
+	if (Array.isArray(input)) return {
+		type: String,
+		values: input,
+		attr: options.attr,
+		reflect: options.reflect,
+		default: options.default,
+		serialize: options.serialize,
+		deserialize: options.deserialize
+	};
+	const type = input;
+	return {
+		type,
+		attr: options.attr,
+		reflect: type === Boolean ? (_options$reflect = options.reflect) !== null && _options$reflect !== void 0 ? _options$reflect : true : options.reflect,
+		default: type === Boolean ? (_options$default = options.default) !== null && _options$default !== void 0 ? _options$default : false : options.default,
+		serialize: options.serialize,
+		deserialize: options.deserialize
+	};
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/objectSpread2.js
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r) {
-			return Object.getOwnPropertyDescriptor(e, r).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-			_defineProperty(e, r, t[r]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-		});
-	}
-	return e;
+function event(input) {
+	if (typeof input === "string") return {
+		__zeusEvent: true,
+		name: input
+	};
+	return {
+		__zeusEvent: true,
+		name: input === null || input === void 0 ? void 0 : input.name,
+		bubbles: input === null || input === void 0 ? void 0 : input.bubbles,
+		composed: input === null || input === void 0 ? void 0 : input.composed,
+		cancelable: input === null || input === void 0 ? void 0 : input.cancelable
+	};
 }
-//#endregion
-//#region packages/core/runtime-dom/src/defineElement.ts
 function createPropStore(defs) {
 	const slots = /* @__PURE__ */ new Map();
 	const props = {};
@@ -2099,6 +2047,12 @@ function createPropStore(defs) {
 function defineElement(tagName, options, setup) {
 	var _options$props;
 	const propDefs = normalizePropDefinitions((_options$props = options.props) !== null && _options$props !== void 0 ? _options$props : {});
+	const definition = {
+		tagName,
+		options,
+		setup,
+		propDefs
+	};
 	const observedAttributes = propDefs.filter((def) => def.attr !== false).map((def) => def.attr);
 	class ZeusElement extends HTMLElement {
 		static get observedAttributes() {
@@ -2113,6 +2067,13 @@ function defineElement(tagName, options, setup) {
 			this.props = this.propStore.props;
 			applyPropDefaults(this.propStore, propDefs);
 			definePropAccessors(this, this.propStore, propDefs);
+			if (options.formAssociated) this.internals = attachElementInternals(this);
+			this.setupContext = {
+				host: this,
+				internals: this.internals,
+				emit: createEmitApi(this, options.emits),
+				expose: createExpose(this)
+			};
 		}
 		connectedCallback() {
 			var _options$shadow, _options$consumes;
@@ -2136,17 +2097,10 @@ function defineElement(tagName, options, setup) {
 				mode,
 				lightChildren: this.lightChildren
 			};
-			const setupContext = {
-				host: this,
-				emit: (name, detail, eventOptions) => {
-					return this.dispatchEvent(new CustomEvent(name, _objectSpread2(_objectSpread2({
-						bubbles: true,
-						composed: true,
-						cancelable: true
-					}, eventOptions), {}, { detail })));
-				}
-			};
-			this.dispose = render(() => runWithOwner(owner, () => withHostContext(hostContext, () => setup(this.props, setupContext))), target, { owner });
+			this.dispose = render(() => runWithOwner(owner, () => withHostContext(hostContext, () => {
+				syncFormValue(this.props, this.setupContext, options.form);
+				return setup(this.props, this.setupContext);
+			})), target, { owner });
 			mountStyles(target, options.styles);
 		}
 		disconnectedCallback() {
@@ -2154,6 +2108,22 @@ function defineElement(tagName, options, setup) {
 			(_this$dispose = this.dispose) === null || _this$dispose === void 0 || _this$dispose.call(this);
 			this.dispose = void 0;
 		}
+		formAssociatedCallback(form) {
+			var _options$form, _options$form$associa;
+			(_options$form = options.form) === null || _options$form === void 0 || (_options$form$associa = _options$form.associated) === null || _options$form$associa === void 0 || _options$form$associa.call(_options$form, form, this.props, this.setupContext);
+		}
+		formDisabledCallback(disabled) {
+			var _options$form2, _options$form2$disabl;
+			(_options$form2 = options.form) === null || _options$form2 === void 0 || (_options$form2$disabl = _options$form2.disabled) === null || _options$form2$disabl === void 0 || _options$form2$disabl.call(_options$form2, disabled, this.props, this.setupContext);
+		}
+		formResetCallback() {
+			var _options$form3, _options$form3$reset;
+			(_options$form3 = options.form) === null || _options$form3 === void 0 || (_options$form3$reset = _options$form3.reset) === null || _options$form3$reset === void 0 || _options$form3$reset.call(_options$form3, this.props, this.setupContext);
+		}
+		formStateRestoreCallback(state, mode) {
+			var _options$form4, _options$form4$stateR;
+			(_options$form4 = options.form) === null || _options$form4 === void 0 || (_options$form4$stateR = _options$form4.stateRestore) === null || _options$form4$stateR === void 0 || _options$form4$stateR.call(_options$form4, state, mode, this.props, this.setupContext);
+		}
 		attributeChangedCallback(name, oldValue, newValue) {
 			if (oldValue === newValue || this.reflecting) return;
 			const def = propDefs.find((item) => item.attr === name);
@@ -2189,24 +2159,37 @@ function defineElement(tagName, options, setup) {
 			}
 		}
 	}
+	ZeusElement.formAssociated = Boolean(options.formAssociated);
 	if (!customElements.get(tagName)) customElements.define(tagName, ZeusElement);
+	Object.defineProperty(ZeusElement, ZEUS_ELEMENT_DEFINITION, {
+		value: definition,
+		configurable: false
+	});
 	return ZeusElement;
 }
 function normalizePropDefinitions(props) {
 	return Object.keys(props).map((key) => {
+		const propKey = String(key);
 		const input = props[key];
-		if (typeof input === "function") return {
-			key,
-			attr: toKebabCase(key),
-			type: input,
-			reflect: false
-		};
+		if (typeof input === "function") {
+			const type = input;
+			return {
+				key: propKey,
+				attr: isAttributeBackedConstructor(type) ? toKebabCase(propKey) : false,
+				type,
+				reflect: false
+			};
+		}
+		const type = input === null || input === void 0 ? void 0 : input.type;
+		const defaultAttr = isAttributeBackedConstructor(type) ? toKebabCase(propKey) : false;
 		return {
-			key,
-			attr: (input === null || input === void 0 ? void 0 : input.attr) === void 0 ? toKebabCase(key) : input.attr,
-			type: input === null || input === void 0 ? void 0 : input.type,
+			key: propKey,
+			attr: (input === null || input === void 0 ? void 0 : input.attr) === void 0 ? defaultAttr : input.attr,
+			type,
 			reflect: Boolean(input === null || input === void 0 ? void 0 : input.reflect),
-			default: input === null || input === void 0 ? void 0 : input.default
+			default: input === null || input === void 0 ? void 0 : input.default,
+			serialize: input === null || input === void 0 ? void 0 : input.serialize,
+			deserialize: input === null || input === void 0 ? void 0 : input.deserialize
 		};
 	});
 }
@@ -2242,6 +2225,7 @@ function definePropAccessors(element, store, defs) {
 	}
 }
 function castAttributeValue(value, def) {
+	if (def.deserialize) return def.deserialize(value);
 	if (def.type === Boolean) return value !== null;
 	if (value === null) return;
 	if (def.type === Number) return Number(value);
@@ -2251,10 +2235,17 @@ function castAttributeValue(value, def) {
 		console.warn(`[Zeus custom-element] Failed to parse JSON attribute "${def.attr}".`);
 		return def.type === Array ? [] : {};
 	}
+	if (def.type === Function) return;
 	return value;
 }
 function reflectPropToAttribute(element, def, value) {
 	if (def.attr === false) return;
+	if (def.serialize) {
+		const serialized = def.serialize(value);
+		if (serialized == null) element.removeAttribute(def.attr);
+		else element.setAttribute(def.attr, serialized);
+		return;
+	}
 	if (def.type === Boolean) {
 		if (value) element.setAttribute(def.attr, "");
 		else element.removeAttribute(def.attr);
@@ -2268,8 +2259,70 @@ function reflectPropToAttribute(element, def, value) {
 		element.setAttribute(def.attr, JSON.stringify(value));
 		return;
 	}
+	if (def.type === Function) return;
 	element.setAttribute(def.attr, String(value));
 }
+function syncFormValue(props, context, form) {
+	const valueResolver = form === null || form === void 0 ? void 0 : form.value;
+	const stateResolver = form === null || form === void 0 ? void 0 : form.state;
+	if (!context.internals || valueResolver === void 0) return;
+	effect(() => {
+		const value = resolveFormValue(props, valueResolver);
+		const state = stateResolver === void 0 ? void 0 : resolveFormValue(props, stateResolver);
+		context.internals.setFormValue(value, state);
+	});
+}
+function resolveFormValue(props, resolver) {
+	if (typeof resolver === "function") {
+		var _resolver;
+		return (_resolver = resolver(props)) !== null && _resolver !== void 0 ? _resolver : null;
+	}
+	const value = props[resolver];
+	return value == null ? null : value;
+}
+function attachElementInternals(host) {
+	const attachInternals = host.attachInternals;
+	if (typeof attachInternals !== "function") return;
+	try {
+		return attachInternals.call(host);
+	} catch (error) {
+		console.warn("[Zeus custom-element] Failed to attach ElementInternals.", error);
+		return;
+	}
+}
+function createEmitApi(host, emits) {
+	const emit = {};
+	const dispatch = (name, detail, options) => {
+		var _definition$name, _ref, _options$bubbles, _ref2, _options$composed, _ref3, _options$cancelable;
+		const definition = emits === null || emits === void 0 ? void 0 : emits[name];
+		return host.dispatchEvent(new CustomEvent((_definition$name = definition === null || definition === void 0 ? void 0 : definition.name) !== null && _definition$name !== void 0 ? _definition$name : toKebabCase(name), {
+			bubbles: (_ref = (_options$bubbles = options === null || options === void 0 ? void 0 : options.bubbles) !== null && _options$bubbles !== void 0 ? _options$bubbles : definition === null || definition === void 0 ? void 0 : definition.bubbles) !== null && _ref !== void 0 ? _ref : true,
+			composed: (_ref2 = (_options$composed = options === null || options === void 0 ? void 0 : options.composed) !== null && _options$composed !== void 0 ? _options$composed : definition === null || definition === void 0 ? void 0 : definition.composed) !== null && _ref2 !== void 0 ? _ref2 : true,
+			cancelable: (_ref3 = (_options$cancelable = options === null || options === void 0 ? void 0 : options.cancelable) !== null && _options$cancelable !== void 0 ? _options$cancelable : definition === null || definition === void 0 ? void 0 : definition.cancelable) !== null && _ref3 !== void 0 ? _ref3 : false,
+			detail
+		}));
+	};
+	if (emits) for (const key of Object.keys(emits)) Object.defineProperty(emit, key, {
+		configurable: true,
+		enumerable: true,
+		value(detail, options) {
+			return dispatch(key, detail, options);
+		}
+	});
+	return emit;
+}
+function createExpose(host) {
+	return (methods) => {
+		for (const key of Object.keys(methods)) Object.defineProperty(host, key, {
+			configurable: true,
+			enumerable: false,
+			value: methods[key]
+		});
+	};
+}
+function isAttributeBackedConstructor(type) {
+	return type === String || type === Number || type === Boolean;
+}
 function mountStyles(target, styles) {
 	if (!styles) return;
 	const list = Array.isArray(styles) ? styles : [styles];
@@ -2283,6 +2336,30 @@ function toKebabCase(value) {
 	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
+//#region packages/core/runtime-dom/src/refs.ts
+function setRef(target, value) {
+	if (target == null) return;
+	if (typeof target === "function") {
+		target(value);
+		return;
+	}
+	if ("value" in target) {
+		target.value = value;
+		return;
+	}
+	if ("current" in target) {
+		target.current = value;
+		return;
+	}
+	console.warn("[Zeus runtime] Invalid ref target:", target);
+}
+function bindRef(el, target) {
+	setRef(target, el);
+	if (getCurrentScope()) onScopeDispose(() => {
+		setRef(target, null);
+	}, true);
+}
+//#endregion
 //#region packages/core/runtime-dom/src/slot.ts
 function createSlot(name, fallback) {
 	const context = getCurrentHostContext();
@@ -2455,4 +2532,4 @@ function setFallbackRef(target, el) {
 	}
 }
 //#endregion
-export { For, Fragment, Host, Show, Slot, batch, computed, createContext, defineElement, effect, inject, jsx, jsxDEV, jsxs, nextTick, onCleanup, provide, render, effectScope as scope, state, untrack, useContext, watch };
+export { For, Fragment, Host, Show, Slot, batch, computed, createContext, defineElement, effect, event, inject, jsx, jsxDEV, jsxs, nextTick, onCleanup, prop, provide, render, effectScope as scope, state, untrack, useContext, watch };