@octane-xplat/ui 0.4.0 → 0.6.0

package/dist/web/FieldGroup.web.tsrx.js

@@ -0,0 +1,57 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag10, bag3, child, clone, ifBlock, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/FieldGroup.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-fieldgroup-label\"></span>");
+var _t$1 = /* @__PURE__ */ template("<div role=\"group\"><!><!></div>");
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.label, "b:34af4725", null, void 0, void 0, void 0, true);
+}
+var _rm$4 = [
+	"r",
+	"b",
+	"a"
+];
+var FieldGroup = /* @__PURE__ */ __s(function FieldGroup(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m7;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m6 = _el0;
+		_m7 = sibling(_el0, 1);
+		_b = bag10(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, _m7, null, void 0);
+		__s.refFields = _rm$4;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:dccc9dcc", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-fieldgroup", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.a, "aria-label", props.label, "b:8005e911", setAriaAttribute);
+	{
+		const __ifCondition = props.label != null;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$0, null, _b.g, __ifCondition ? [props] : void 0);
+	}
+	_b.k = bindSignalChild(__s, _b.k, 2, _b.a, props.children, "b:53b4c437", _b.h, true, void 0, void 0, void 0);
+});
+//#endregion
+export { FieldGroup };

package/dist/web/FormField.web.tsrx.js

@@ -0,0 +1,92 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag0, bag10, bag5, child, clone, ifBlock, queueRefAttach, queueRefDetach, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/FormField.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-field-required\" aria-hidden=\"true\"> *</span>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-field-label\"><!><!></span>");
+var _t$2 = /* @__PURE__ */ template("<span></span>");
+var _t$3 = /* @__PURE__ */ template("<div role=\"group\"><!><!><!></div>");
+function __then$2(__props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		const _root = clone(_t$0);
+		_b = bag0(__s, _root);
+	}
+}
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2;
+		const _root = clone(_t$1);
+		_m0 = _root;
+		_m1 = sibling(child(_root), 1);
+		_m2 = child(_root);
+		_b = bag5(__s, _root, _m0, _m1, _m2, null, void 0);
+	}
+	_b.f = bindSignalChild(__s, _b.f, 1, _b.a, props.label, "b:663cedea", _b.c, true, void 0, void 0, void 0);
+	ifBlock(__s, 2, _b.a, props.required, __then$2, null, _b.b);
+}
+function __then$6(__props, __s, __extra) {
+	const message = __extra[0];
+	const props = __extra[1];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		_b = bag5(__s, _root, void 0, _m1, void 0, null, void 0);
+	}
+	_b.a = updateFreshClassName(["vx-field-msg", props.error ? "vx-field-msg--error" : void 0], _b.a, _b.b);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "role", props.error ? "alert" : void 0, "b:5c00125d", setPlainAttribute);
+	_b.f = bindSignalChild(__s, _b.f, 1, _b.b, message, "b:015a2183", null, void 0, void 0, void 0, true);
+}
+var _rm$9 = [
+	"r",
+	"b",
+	"a"
+];
+var FormField = /* @__PURE__ */ __s(function FormField(props, __s, __extra) {
+	const message = props.error ?? props.hint;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6, _m7;
+		const _root = clone(_t$3);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m5 = _el0;
+		_m6 = sibling(_el0, 2);
+		_m7 = sibling(_el0, 1);
+		_b = bag10(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6, _m7, null, void 0);
+		__s.refFields = _rm$9;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:73984c1b", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-field",
+		props.error ? "vx-field--error" : void 0,
+		props.className
+	], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	{
+		const __ifCondition = props.label != null;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$0, null, _b.f, __ifCondition ? [props] : void 0);
+	}
+	_b.k = bindSignalChild(__s, _b.k, 2, _b.a, props.children, "b:84d6df3e", _b.h, true, void 0, void 0, void 0);
+	{
+		const __ifCondition$ = message != null;
+		ifBlock(__s, 3, _b.a, __ifCondition$, __then$6, null, _b.g, __ifCondition$ ? [message, props] : void 0);
+	}
+});
+//#endregion
+export { FormField };

package/dist/web/Grid.web.tsrx.js

@@ -0,0 +1,65 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag16, clone, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Grid.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _rm$1 = [
+	"r",
+	"e",
+	"b"
+];
+function parseTracks(spec) {
+	return spec?.split(",").map((part) => {
+		const track = part.trim();
+		if (track === "auto") return "auto";
+		if (track.endsWith("*")) return `${track.slice(0, -1) || "1"}fr`;
+		return /^\d+(?:\.\d+)?$/.test(track) ? `${track}px` : track;
+	}).join(" ");
+}
+var warnedAboutGap = false;
+var Grid = /* @__PURE__ */ __s(function Grid(props, __s, __extra) {
+	if (props.gap != null && !warnedAboutGap) {
+		warnedAboutGap = true;
+		console.warn("[Grid] gap was removed; use child margins");
+	}
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m4;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag16(__s, _root, void 0, _m1, void 0, void 0, _m4, void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (el) => applyEscapeProps(el, props);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:911c4b44", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-grid", props.className], _b.c, _b.b);
+	{
+		const _v = {
+			...props.style,
+			...props.rows ? { gridTemplateRows: parseTracks(props.rows) } : {},
+			...props.columns ? { gridTemplateColumns: parseTracks(props.columns) } : {}
+		};
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "role", props.accessibilityRole, "b:b794a0b7", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-label", props.accessibilityLabel, "b:00e1dbaf", setAriaAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "aria-hidden", props.accessible === false ? true : void 0, "b:13bc3ace", setAriaAttribute);
+	_b.i = bindSignalAttribute(__s, _b.i, _b.b, "aria-description", props.accessibilityHint, "b:3ed39aab", setAriaAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.b, "aria-valuetext", props.accessibilityValue, "b:aa5afefb", setAriaAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.b, "aria-disabled", props.accessibilityState?.disabled, "b:368249ef", setAriaAttribute);
+	_b.l = bindSignalAttribute(__s, _b.l, _b.b, "aria-selected", props.accessibilityState?.selected, "b:17259580", setAriaAttribute);
+	_b.m = bindSignalAttribute(__s, _b.m, _b.b, "aria-checked", props.accessibilityState?.checked, "b:b1a9a9d4", setAriaAttribute);
+	_b.n = bindSignalAttribute(__s, _b.n, _b.b, "aria-live", props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion, "b:3e20c031", setAriaAttribute);
+	_b.q = bindSignalChild(__s, _b.q, 1, _b.b, props.children, "b:fa7b7ee6", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Grid };

package/dist/web/{ui52.js → Heading.web.tsrx.js}

@@ -1,5 +1,5 @@
-import { normStyle } from "./ui4.js";
-import { applyWebProps } from "./ui45.js";
+import { normStyle } from "./layout-child.web.js";
+import { applyWebProps } from "./platformProps.web.js";
 import { bag4, child, clone, componentSlot, drainFrag, markChildrenBlock, template } from "octane";
 import { textHoleUpdate } from "octane/internal/client";
 //#region src/Heading.web.tsrx

package/dist/web/Icon.web.tsrx.js

@@ -0,0 +1,273 @@
+import { applyWebProps } from "./platformProps.web.js";
+import { getIcon } from "./icons.js";
+import { bag10, bag8, bag9, clone, hookSlots, ifBlock, isHydratingStyle, queueRefAttach, queueRefDetach, setStyle, setStyleProperties, setStyleProperty, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoCreate, hookMemoEqual, hookMemoPublish1, replaceRef, setPlainAttribute, setURLAttribute, updateFreshClassAttr, updateFreshClassName } from "octane/internal/client";
+//#region src/Icon.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<svg aria-hidden=\"true\"></svg>", 1);
+var _t$1 = /* @__PURE__ */ template("<svg aria-hidden=\"true\"><path></path></svg>", 1);
+var _t$2 = /* @__PURE__ */ template("<span aria-hidden=\"true\"></span>");
+var _t$3 = /* @__PURE__ */ template("<img/>");
+var _rm$1 = [
+	"r",
+	"h",
+	"b"
+];
+function __then$0(__props, __s, __extra) {
+	const glyph = __extra[0];
+	const props = __extra[1];
+	const size = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m7;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		queueRefAttach(__s, _m7 = (el) => {
+			if (el) el.innerHTML = glyph.markup;
+			applyWebProps(el, props.web);
+		}, _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.b));
+		_b = bag8(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, _m7);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (el) => {
+			if (el) el.innerHTML = glyph.markup;
+			applyWebProps(el, props.web);
+		};
+		if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:3add0cdf", setPlainAttribute);
+	_b.c = updateFreshClassAttr(["vx-icon", props.className], _b.c, _b.b);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "viewBox", glyph.viewBox ?? "0 0 24 24", "b:c67a6a16", setPlainAttribute);
+	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "width", size, "b:fb23295c", setPlainAttribute);
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "height", size, "b:8d1adcef", setPlainAttribute);
+	{
+		const _v = props.color ? { color: props.color } : void 0;
+		if (_b.g !== _v) {
+			setStyle(_b.b, _v, _b.g);
+			_b.g = _v;
+		}
+	}
+}
+var _rm$4 = [
+	"r",
+	"g",
+	"b"
+];
+function __then$3(__props, __s, __extra) {
+	const glyph = __extra[0];
+	const props = __extra[1];
+	const size = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m6, _m8;
+		const _root = clone(_t$1);
+		_m1 = _root;
+		queueRefAttach(__s, _m6 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.g, _b.b));
+		_m8 = _root.firstChild;
+		_b = bag10(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, _m6, void 0, _m8, void 0);
+		__s.refFields = _rm$4;
+	} else {
+		const _r = (el) => applyWebProps(el, props.web);
+		if (_r !== _b.g) _b.g = replaceRef(__s, _b.g, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:9e8c5282", setPlainAttribute);
+	_b.c = updateFreshClassAttr(["vx-icon", props.className], _b.c, _b.b);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "viewBox", glyph.viewBox ?? "0 0 24 24", "b:43ee4906", setPlainAttribute);
+	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "width", size, "b:e7492ac8", setPlainAttribute);
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "height", size, "b:543c1405", setPlainAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.i, "d", glyph.svg, "b:cdc56533", setPlainAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.i, "fill", props.color ?? "currentColor", "b:fc05dd07", setPlainAttribute);
+}
+var _rm$8 = [
+	"r",
+	"h",
+	"b"
+];
+function __then$6(__props, __s, __extra) {
+	const glyph = __extra[0];
+	const props = __extra[1];
+	const size = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m7;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		queueRefAttach(__s, _m7 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.b));
+		_b = bag10(__s, _root, void 0, _m1, void 0, __s, void 0, void 0, void 0, _m7, null, void 0);
+		__s.refFields = _rm$8;
+	} else {
+		const _r = (el) => applyWebProps(el, props.web);
+		if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:b2d8391e", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-icon", props.className], _b.c, _b.b);
+	{
+		const _v0 = glyph.font.family;
+		const _v1 = size;
+		const _v2 = props.color;
+		if (_b.d === __s || isHydratingStyle()) {
+			setStyleProperties(_b.b, [
+				"fontFamily",
+				_v0,
+				"fontSize",
+				_v1,
+				"color",
+				_v2
+			], "");
+			_b.d = null;
+			_b.e = _v0;
+			_b.f = _v1;
+			_b.g = _v2;
+		} else {
+			if (_b.e !== _v0) {
+				setStyleProperty(_b.b, "fontFamily", _v0, "", _b.e);
+				_b.e = _v0;
+			}
+			if (_b.f !== _v1) {
+				setStyleProperty(_b.b, "fontSize", _v1, "", _b.f);
+				_b.f = _v1;
+			}
+			if (_b.g !== _v2) {
+				setStyleProperty(_b.b, "color", _v2, "", _b.g);
+				_b.g = _v2;
+			}
+		}
+	}
+	_b.k = bindSignalChild(__s, _b.k, 1, _b.b, glyph.font.glyph, "b:9acbe14d", null, void 0, void 0, void 0, true);
+}
+var _rm$11 = [
+	"r",
+	"h",
+	"b"
+];
+function __then$10(__props, __s, __extra) {
+	const glyph = __extra[0];
+	const props = __extra[1];
+	const size = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m7;
+		const _root = clone(_t$3);
+		_m1 = _root;
+		queueRefAttach(__s, _m7 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.b));
+		_b = bag8(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, _m7);
+		__s.refFields = _rm$11;
+	} else {
+		const _r = (el) => applyWebProps(el, props.web);
+		if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:64d5b225", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-icon", props.className], _b.c, _b.b);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "src", glyph.src, "b:b1335ffd", setURLAttribute);
+	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "width", size, "b:4c3cfd41", setPlainAttribute);
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "height", size, "b:3c1a4d8b", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "alt", props.name, "b:49c63153", setPlainAttribute);
+}
+var _rm$15 = [
+	"r",
+	"g",
+	"b"
+];
+function __then$13(__props, __s, __extra) {
+	const glyph = __extra[0];
+	const props = __extra[1];
+	const size = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m6;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		queueRefAttach(__s, _m6 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.g, _b.b));
+		_b = bag9(__s, _root, void 0, _m1, void 0, __s, void 0, void 0, _m6, null, void 0);
+		__s.refFields = _rm$15;
+	} else {
+		const _r = (el) => applyWebProps(el, props.web);
+		if (_r !== _b.g) _b.g = replaceRef(__s, _b.g, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:69ead7e8", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-icon", props.className], _b.c, _b.b);
+	{
+		const _v0 = size;
+		const _v1 = props.color;
+		if (_b.d === __s || isHydratingStyle()) {
+			setStyleProperties(_b.b, [
+				"fontSize",
+				_v0,
+				"color",
+				_v1
+			], "");
+			_b.d = null;
+			_b.e = _v0;
+			_b.f = _v1;
+		} else {
+			if (_b.e !== _v0) {
+				setStyleProperty(_b.b, "fontSize", _v0, "", _b.e);
+				_b.e = _v0;
+			}
+			if (_b.f !== _v1) {
+				setStyleProperty(_b.b, "color", _v1, "", _b.f);
+				_b.f = _v1;
+			}
+		}
+	}
+	_b.j = bindSignalChild(__s, _b.j, 1, _b.b, glyph.text, "b:d3430f0c", null, void 0, void 0, void 0, true);
+}
+function __else$12(__props, __s, __extra) {
+	const __block = __s.block;
+	const glyph = __extra[0];
+	__extra[1];
+	__extra[2];
+	ifBlock(__s, 0, __block.parentNode, glyph.text, __then$13, null, __block.endMarker, __extra);
+}
+function __else$9(__props, __s, __extra) {
+	const __block = __s.block;
+	const glyph = __extra[0];
+	__extra[1];
+	__extra[2];
+	ifBlock(__s, 0, __block.parentNode, glyph.src, __then$10, __else$12, __block.endMarker, __extra);
+}
+function __else$5(__props, __s, __extra) {
+	const __block = __s.block;
+	const glyph = __extra[0];
+	__extra[1];
+	__extra[2];
+	ifBlock(__s, 0, __block.parentNode, glyph.font, __then$6, __else$9, __block.endMarker, __extra);
+}
+function __else$2(__props, __s, __extra) {
+	const __block = __s.block;
+	const glyph = __extra[0];
+	__extra[1];
+	__extra[2];
+	ifBlock(__s, 0, __block.parentNode, glyph.svg, __then$3, __else$5, __block.endMarker, __extra);
+}
+function _frag$0(props, __s, __extra) {
+	const __block = __s.block;
+	ifBlock(__s, 0, __block.parentNode, props.h0, props.h1, props.h2, __block.endMarker, props.h3);
+}
+var _hs$ = /* @__PURE__ */ hookSlots(11);
+var Icon = function Icon(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(3);
+	let __hkd0;
+	const glyph = (__hkd0 = props, __hk[0] !== true || !hookMemoEqual(__hk[1], __hkd0) ? hookMemoPublish1(__hk, 0, getIcon(props.name), __hkd0) : __hk[2]);
+	if (!glyph) return null;
+	const size = props.size ?? 24;
+	return createElementFromConfig("c:3275b5a7", _frag$0, {
+		h0: glyph.markup,
+		h1: __then$0,
+		h2: __else$2,
+		h3: [
+			glyph,
+			props,
+			size
+		]
+	});
+};
+//#endregion
+export { Icon };

package/dist/web/{ui25.js → Image.web.tsrx.js}

@@ -1,5 +1,5 @@
-import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui4.js";
+import { applyEscapeProps } from "./escape-props.web.js";
+import { layoutChildProps } from "./layout-child.web.js";
 import { __s, bag8, clone, snapshotSpread, template } from "octane";
 import { bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
 //#region src/Image.web.tsrx

package/dist/web/InputNumber.web.tsrx.js

@@ -0,0 +1,99 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Pressable } from "./Pressable.web.tsrx.js";
+import { TextInput } from "./TextInput.web.tsrx.js";
+import { __s, bag0, bag5, clone, componentSlotVoid, hookSlots, markChildrenBlock, queueRefAttach, queueRefDetach, setStyle, template, useState } from "octane";
+import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/InputNumber.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span>−</span>");
+var _t$1 = /* @__PURE__ */ template("<span>+</span>");
+var _t$2 = /* @__PURE__ */ template("<div></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var __childrenBody = {};
+var __childrenBody$ = {};
+var _rm$5 = [
+	"r",
+	"b",
+	"a"
+];
+var InputNumber = /* @__PURE__ */ __s(function InputNumber(props, __s, __extra) {
+	const [internal, setInternal] = useState(props.defaultValue, _hs$ + 0);
+	const controlled = props.value !== void 0;
+	const value = controlled ? props.value : internal;
+	const clamp = (n) => Math.min(props.max ?? Infinity, Math.max(props.min ?? -Infinity, n));
+	const setValue = (n) => {
+		if (!controlled) setInternal(n);
+		props.onValueChange?.(n);
+	};
+	const stepBy = (dir) => {
+		if (props.disabled) return;
+		setValue(clamp((value ?? 0) + dir * (props.step ?? 1)));
+	};
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	function __children$1(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			const _root = clone(_t$0);
+			_b = bag0(__s, _root);
+		}
+	}
+	function __children$4(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			const _root = clone(_t$1);
+			_b = bag0(__s, _root);
+		}
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1;
+		const _root = clone(_t$2);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_b = bag5(__s, _root, _m0, _m1, void 0, void 0, void 0);
+		__s.refFields = _rm$5;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:46803ab7", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-inputnumber",
+		props.disabled ? "vx-inputnumber--disabled" : void 0,
+		props.className
+	], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	componentSlotVoid(__s, 1, _b.a, Pressable, {
+		"className": "vx-inputnumber-step",
+		"disabled": props.disabled,
+		"onPress": () => stepBy(-1),
+		"accessibilityLabel": "Decrement",
+		"children": markChildrenBlock(__children$1, __childrenBody)
+	}, void 0, void 0, void 0, void 0, void 0, "c:536aa980");
+	componentSlotVoid(__s, 2, _b.a, TextInput, {
+		"className": "vx-inputnumber-field",
+		"keyboardType": "decimal",
+		"editable": !props.disabled,
+		"placeholder": props.placeholder,
+		"value": value == null ? "" : String(value),
+		"onChange": (text) => {
+			const n = parseFloat(text);
+			if (text === "" || !isNaN(n)) setValue(clamp(text === "" ? 0 : n));
+		}
+	}, void 0, void 0, 2, void 0, void 0, "c:219cac31");
+	componentSlotVoid(__s, 3, _b.a, Pressable, {
+		"className": "vx-inputnumber-step",
+		"disabled": props.disabled,
+		"onPress": () => stepBy(1),
+		"accessibilityLabel": "Increment",
+		"children": markChildrenBlock(__children$4, __childrenBody$)
+	}, void 0, void 0, void 0, void 0, void 0, "c:63ec5d67");
+});
+//#endregion
+export { InputNumber };

package/dist/web/InputRating.web.tsrx.js

@@ -0,0 +1,72 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag8, clone, createElement, createScopedElement, createScopedValue, hookSlots, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, template, useState } from "octane";
+import { bindSignalAttribute, bindSignalChild, createElementFromConfig, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/InputRating.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div role=\"radiogroup\"></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(1);
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var InputRating = /* @__PURE__ */ __s(function InputRating(props, __s, __extra) {
+	const max = props.max ?? 5;
+	const [internal, setInternal] = useState(props.defaultValue ?? 0, _hs$ + 0);
+	const controlled = props.value !== void 0;
+	const value = controlled ? props.value : internal;
+	const setValue = (n) => {
+		if (props.disabled) return;
+		if (!controlled) setInternal(n);
+		props.onValueChange?.(n);
+	};
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_b = bag8(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:a2323249", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-rating",
+		props.disabled ? "vx-rating--disabled" : void 0,
+		props.className
+	], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.a, "aria-label", props.accessibilityLabel, "b:995cbbbe", setAriaAttribute);
+	_b.i = bindSignalChild(__s, _b.i, 1, _b.a, Array.from({ length: max }, (_, i) => {
+		const score = i + 1;
+		const on = score <= value;
+		return createScopedValue(() => createScopedElement("span", {
+			key: i,
+			role: "radio",
+			"aria-checked": on,
+			tabIndex: props.disabled ? void 0 : 0,
+			className: ["vx-rating-cell", on ? "vx-rating-cell--on" : void 0],
+			onClick: props.disabled ? void 0 : () => setValue(score),
+			onKeyDown: (e) => {
+				if (props.disabled) return;
+				if (e.key === " " || e.key === "Enter") {
+					e.preventDefault();
+					setValue(score);
+				}
+			}
+		}, () => props.icon ? createScopedValue(() => createElementFromConfig("c:735f7af4", Icon, { name: props.icon })) : createElement("span", { className: "vx-rating-glyph" }, "★")));
+	}), "b:7c9fdcbc", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { InputRating };