@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/web/Stack.web.tsrx.js

@@ -0,0 +1,47 @@
+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/Stack.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _rm$1 = [
+	"r",
+	"e",
+	"b"
+];
+var Stack = /* @__PURE__ */ __s(function Stack(props, __s, __extra) {
+	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:144de145", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-stack", props.className], _b.c, _b.b);
+	{
+		const _v = props.style;
+		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:fd4d09ff", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-label", props.accessibilityLabel, "b:2897bbf6", setAriaAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "aria-hidden", props.accessible === false ? true : void 0, "b:97d170b5", setAriaAttribute);
+	_b.i = bindSignalAttribute(__s, _b.i, _b.b, "aria-description", props.accessibilityHint, "b:d762bf4c", setAriaAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.b, "aria-valuetext", props.accessibilityValue, "b:9f23df08", setAriaAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.b, "aria-disabled", props.accessibilityState?.disabled, "b:a2ec3404", setAriaAttribute);
+	_b.l = bindSignalAttribute(__s, _b.l, _b.b, "aria-selected", props.accessibilityState?.selected, "b:851e0b3d", setAriaAttribute);
+	_b.m = bindSignalAttribute(__s, _b.m, _b.b, "aria-checked", props.accessibilityState?.checked, "b:3f70fa8a", setAriaAttribute);
+	_b.n = bindSignalAttribute(__s, _b.n, _b.b, "aria-live", props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion, "b:32919865", setAriaAttribute);
+	_b.q = bindSignalChild(__s, _b.q, 1, _b.b, props.children, "b:0815c032", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Stack };

package/dist/web/Stepper.web.tsrx.js

@@ -0,0 +1,65 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag9, child, clone, createElement, createScopedElement, createScopedValue, positionalChildren, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Stepper.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div role=\"list\"><!></div>");
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var Stepper = /* @__PURE__ */ __s(function Stepper(props, __s, __extra) {
+	const current = props.current ?? 0;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m6 = child(_root);
+		_b = bag9(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, 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:ec854803", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-stepper", 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:f39ab2e0", setAriaAttribute);
+	_b.j = bindSignalChild(__s, _b.j, 1, _b.a, props.steps.map((step, i) => {
+		const done = i < current;
+		const active = i === current;
+		return createScopedElement("div", {
+			key: step.key,
+			className: "vx-stepper-cell",
+			role: "listitem",
+			"aria-current": active ? "step" : void 0
+		}, () => positionalChildren([i > 0 ? createScopedValue(() => createElement("div", {
+			className: ["vx-stepper-line", done || active ? "vx-stepper-line--done" : void 0],
+			"aria-hidden": "true"
+		})) : null, createScopedValue(() => createScopedElement("div", {
+			className: [
+				"vx-step",
+				done ? "vx-step--done" : void 0,
+				active ? "vx-step--on" : void 0,
+				step.disabled ? "vx-step--disabled" : void 0
+			],
+			role: "button",
+			tabIndex: step.disabled ? void 0 : 0,
+			onClick: step.disabled ? void 0 : () => props.onStepChange?.(i),
+			onKeyDown: (e) => {
+				if (!step.disabled && e.key === "Enter") props.onStepChange?.(i);
+			}
+		}, () => positionalChildren([createScopedElement("span", { className: "vx-step-dot" }, () => done ? "✓" : i + 1), step.label != null ? createScopedElement("span", { className: "vx-step-label" }, () => step.label) : null])))]));
+	}), "b:e75ef419", _b.g, true, void 0, void 0, void 0);
+});
+//#endregion
+export { Stepper };

package/dist/web/Switch.web.tsrx.js

@@ -0,0 +1,59 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag6, clone, delegateEvents, queueRefAttach, queueRefDetach, setAriaAttribute, setEventHandler, setStyle, template } from "octane";
+import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Switch.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click", "keydown"]);
+var _t$0 = /* @__PURE__ */ template("<div role=\"switch\" tabindex=\"0\"><div class=\"vx-switch-thumb\" aria-hidden=\"true\"></div></div>");
+var _rm$0 = [
+	"r",
+	"b",
+	"a"
+];
+var Switch = /* @__PURE__ */ __s(function Switch(props, __s, __extra) {
+	const toggle = () => props.onCheckedChange?.(!(props.checked ?? false));
+	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));
+		setEventHandler(_root, "$$click", toggle);
+		setEventHandler(_root, "$$keydown", (e) => {
+			if (e.key === " " || e.key === "Enter") {
+				e.preventDefault();
+				toggle();
+			}
+		});
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0);
+		__s.refFields = _rm$0;
+	} else {
+		{
+			const _r = (e) => applyEscapeProps(e, props);
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		setEventHandler(_b.a, "$$click", toggle);
+		setEventHandler(_b.a, "$$keydown", (e) => {
+			if (e.key === " " || e.key === "Enter") {
+				e.preventDefault();
+				toggle();
+			}
+		});
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:4227e0c0", setPlainAttribute);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.a, "aria-checked", props.checked ?? false, "b:d574134d", setAriaAttribute);
+	_b.e = updateFreshClassName([
+		"vx-switch",
+		props.checked ? "vx-switch--on" : void 0,
+		props.className
+	], _b.e, _b.a);
+	{
+		const _v = props.style;
+		if (_b.f !== _v) {
+			setStyle(_b.a, _v, _b.f);
+			_b.f = _v;
+		}
+	}
+});
+//#endregion
+export { Switch };

package/dist/web/Table.web.tsrx.js

@@ -0,0 +1,161 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag3, bag4, bag8, child, clone, createScopedElement, delegateEvents, hookSlots, ifBlock, mapSlot, queueRefAttach, queueRefDetach, setEventHandler, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Table.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click"]);
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-table-cell vx-table-th\" role=\"columnheader\"></div>");
+var _t$1 = /* @__PURE__ */ template("<div class=\"vx-table-empty\"></div>");
+var _t$2 = /* @__PURE__ */ template("<div class=\"vx-table-cell\" role=\"cell\"></div>");
+var _t$3 = /* @__PURE__ */ template("<div role=\"row\"><!></div>");
+var _t$4 = /* @__PURE__ */ template("<div role=\"table\"><div class=\"vx-table-head\" role=\"row\"><!></div><!></div>");
+var _key$0 = (col) => col.key;
+function __item$1(col, __s, __extra) {
+	const cellStyle = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	{
+		const _v = cellStyle(col);
+		if (_b.a !== _v) {
+			setStyle(_b.b, _v, _b.a);
+			_b.a = _v;
+		}
+	}
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, col.label ?? col.key, "b:ce48254a", null, void 0, void 0, void 0, true);
+}
+function __then$4(__props, __s, __extra) {
+	const props = __extra[1];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$1);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.empty, "b:16d136b7", null, void 0, void 0, void 0, true);
+}
+var _key$9 = (col) => col.key;
+function __item$10(col, __s, __extra) {
+	const cellStyle = __extra[0];
+	const props = __extra[1];
+	const ri = __extra[2];
+	const row = __extra[3];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	{
+		const _v = cellStyle(col);
+		if (_b.a !== _v) {
+			setStyle(_b.b, _v, _b.a);
+			_b.a = _v;
+		}
+	}
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, props.renderCell ? props.renderCell(row, col, ri) : String(row[col.key] ?? ""), "b:8678dee7", null, void 0, void 0, void 0, true);
+}
+function __item$8(row, __s, __extra) {
+	const __block = __s.block;
+	let __mapItems$2;
+	let __mapMethod$2;
+	const cellStyle = __extra[0];
+	const props = __extra[1];
+	const ri = __block.itemIndex;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m2;
+		const _root = clone(_t$3);
+		_m1 = _root;
+		setEventHandler(_root, "$$click", props.onRowPress ? () => props.onRowPress(row, ri) : void 0);
+		_m2 = child(_root);
+		_b = bag3(__s, _root, void 0, _m1, _m2);
+	} else setEventHandler(_b.b, "$$click", props.onRowPress ? () => props.onRowPress(row, ri) : void 0);
+	_b.a = updateFreshClassName(["vx-table-row", props.onRowPress ? "vx-table-row--pressable" : void 0], _b.a, _b.b);
+	mapSlot(__s, 1, _b.b, (__mapItems$2 = props.columns, __mapMethod$2 = __mapItems$2.map, __mapItems$2), __mapMethod$2, (col) => createScopedElement("div", {
+		key: col.key,
+		className: "vx-table-cell",
+		role: "cell",
+		style: cellStyle(col)
+	}, () => props.renderCell ? props.renderCell(row, col, ri) : String(row[col.key] ?? "")), _key$9, __item$10, 26, [
+		cellStyle,
+		props,
+		ri,
+		row
+	], _b.c, 1);
+}
+function __else$6(__props, __s, __extra) {
+	const __block = __s.block;
+	let __mapItems$;
+	let __mapMethod$;
+	const cellStyle = __extra[0];
+	const props = __extra[1];
+	mapSlot(__s, 0, __block.parentNode, (__mapItems$ = props.rows, __mapMethod$ = __mapItems$.map, __mapItems$), __mapMethod$, (row, ri) => createScopedElement("div", {
+		key: props.keyFor ? props.keyFor(row, ri) : ri,
+		className: ["vx-table-row", props.onRowPress ? "vx-table-row--pressable" : void 0],
+		role: "row",
+		onClick: props.onRowPress ? () => props.onRowPress(row, ri) : void 0
+	}, () => props.columns.map((col) => createScopedElement("div", {
+		key: col.key,
+		className: "vx-table-cell",
+		role: "cell",
+		style: cellStyle(col)
+	}, () => props.renderCell ? props.renderCell(row, col, ri) : String(row[col.key] ?? "")))), (row, ri) => props.keyFor ? props.keyFor(row, ri) : ri, __item$8, 18, [cellStyle, props], __block.endMarker, void 0);
+}
+var _rm$15 = [
+	"r",
+	"b",
+	"a"
+];
+var _hs$ = /* @__PURE__ */ hookSlots(6);
+var Table = /* @__PURE__ */ __s(function Table(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(1);
+	let __mapItems;
+	let __mapMethod;
+	const cellStyle = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (col) => ({
+		...col.width != null ? { width: col.width } : { flex: 1 },
+		...col.align ? { textAlign: col.align } : {}
+	}));
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6, _m7;
+		const _root = clone(_t$4);
+		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 = child(_el0);
+		_m7 = sibling(_el0, 1);
+		_b = bag8(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6, _m7);
+		__s.refFields = _rm$15;
+	} 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:c946282b", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-table", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	mapSlot(__s, 1, _b.f, (__mapItems = props.columns, __mapMethod = __mapItems.map, __mapItems), __mapMethod, (col) => createScopedElement("div", {
+		key: col.key,
+		className: "vx-table-cell vx-table-th",
+		role: "columnheader",
+		style: cellStyle(col)
+	}, () => col.label ?? col.key), _key$0, __item$1, 26, [cellStyle], _b.g, 1);
+	ifBlock(__s, 2, _b.a, props.rows.length === 0 && props.empty != null, __then$4, __else$6, _b.h, [cellStyle, props]);
+});
+//#endregion
+export { Table };

package/dist/web/{ui40.js → Tabs.web.tsrx.js}

@@ -1,15 +1,16 @@
-import { canGoBack, layoutsFor, popRoute, screenFor, useModalRoute, useRoute } from "./ui18.js";
-import { __s, bag3, bag4, bag9, child, clone, createScopedElement, createScopedValue, delegateEvents, evt0, evt0u, forBlock, hookSlots, ifBlock, setEventHandler, setStyle, sibling, template, useState, withSlot } from "octane";
+import { Icon } from "./Icon.web.tsrx.js";
+import { canGoBack, layoutsFor, popRoute, screenFor, useModalRoute, useRoute } from "./route.web.js";
+import { __s, bag3, bag4, bag6, bag9, child, clone, componentSlot, createScopedElement, createScopedValue, delegateEvents, evt0, evt0u, forBlock, hookSlots, ifBlock, setEventHandler, setStyle, sibling, template, useState, withSlot } from "octane";
 import { bindSignalAttribute, bindSignalChild, childTextHoleUpdate, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/Tabs.web.tsrx
 enableSignalBindings(1, true);
 delegateEvents(["click"]);
 var _t$0 = /* @__PURE__ */ template("<div class=\"vx-route\"></div>");
-var _t$1 = /* @__PURE__ */ template("<button></button>");
+var _t$1 = /* @__PURE__ */ template("<button><!><!></button>");
 var _t$2 = /* @__PURE__ */ template("<div><div class=\"vx-tabbar\"><!></div><div class=\"vx-tabpane\"></div></div>");
 var _t$3 = /* @__PURE__ */ template("<div class=\"vx-modalroute\"><button class=\"vx-modalroute-shade\" aria-label=\"Dismiss\"></button><div class=\"vx-modalroute-body\"></div></div>");
 var _t$4 = /* @__PURE__ */ template("<div class=\"vx-tabsroot\" style=\"display: contents;\"><!><!></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(5);
+var _hs$ = /* @__PURE__ */ hookSlots(6);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
 var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
 var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
@@ -29,13 +30,22 @@ function __then$0(__props, __s, __extra) {
 	}
 }
 var _key$3 = (t) => t.title;
+function __then$5(__props, __s, __extra) {
+	const __block = __s.block;
+	const t = __extra[0];
+	componentSlot(__s, 0, __block.parentNode, Icon, {
+		"name": t.icon,
+		"className": "vx-tabicon",
+		"size": 16
+	}, __block.endMarker, void 0, 2, void 0, void 0, "c:25a5cba3");
+}
 function __item$4(t, __s, __extra) {
 	const active = __extra[0];
 	const props = __extra[1];
 	const setInternal = __extra[2];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m1;
+		let _m1, _m2, _m3;
 		const _root = clone(_t$1);
 		_m1 = _root;
 		setEventHandler(_root, "$$click", () => {
@@ -43,14 +53,21 @@ function __item$4(t, __s, __extra) {
 			setInternal(i);
 			props.onSelectedIndexChanged?.(i);
 		});
-		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+		const _el0 = child(_root);
+		_m2 = _el0;
+		_m3 = sibling(_el0, 1);
+		_b = bag6(__s, _root, void 0, _m1, _m2, _m3, null, void 0);
 	} else setEventHandler(_b.b, "$$click", () => {
 		const i = props.tabs.indexOf(t);
 		setInternal(i);
 		props.onSelectedIndexChanged?.(i);
 	});
 	_b.a = updateFreshClassName(["vx-tab", active === props.tabs.indexOf(t) ? "active" : ""], _b.a, _b.b);
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, t.title, "b:c6e07647", null, void 0, void 0, void 0, true);
+	{
+		const __ifCondition = t.icon;
+		ifBlock(__s, 1, _b.b, __ifCondition, __then$5, null, _b.c, __ifCondition ? [t] : void 0);
+	}
+	_b.g = bindSignalChild(__s, _b.g, 2, _b.b, t.title, "b:54d128e4", _b.d, true, void 0, void 0, void 0);
 }
 function __else$2(__props, __s, __extra) {
 	const active = __extra[0];
@@ -70,7 +87,7 @@ function __else$2(__props, __s, __extra) {
 		_m6 = sibling(_el0, 1);
 		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, _m4, _m5, _m6, null, void 0);
 	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:feaba283", setPlainAttribute);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:f33794e1", setPlainAttribute);
 	_b.c = updateFreshClassName(["vx-tabs", props.className], _b.c, _b.b);
 	{
 		const _v = props.style;
@@ -83,10 +100,10 @@ function __else$2(__props, __s, __extra) {
 		active,
 		props,
 		setInternal
-	], null, _b.f, true, "f3hhxv5");
-	_b.j = bindSignalChild(__s, _b.j, 2, _b.g, (paneRoute ? resolve(paneRoute.name, routeProps(paneRoute)) : null) ?? props.tabs[active]?.render(), "b:c35ce047", null, void 0, void 0, void 0, true);
+	], null, _b.f, true, "f3hhxyt");
+	_b.j = bindSignalChild(__s, _b.j, 2, _b.g, (paneRoute ? resolve(paneRoute.name, routeProps(paneRoute)) : null) ?? props.tabs[active]?.render(), "b:d9280e21", null, void 0, void 0, void 0, true);
 }
-function __then$9(__props, __s, __extra) {
+function __then$12(__props, __s, __extra) {
 	const modalContent = __extra[0];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
@@ -97,7 +114,7 @@ function __then$9(__props, __s, __extra) {
 		_m1 = sibling(_el0, 1);
 		_b = bag4(__s, _root, _m0, _m1, null, void 0);
 	} else evt0u(_b.a, popRoute);
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, modalContent, "b:38e2e707", null, void 0, void 0, void 0, true);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, modalContent, "b:2e0d7259", null, void 0, void 0, void 0, true);
 }
 var Tabs = /* @__PURE__ */ __s(function Tabs(props, __s, __extra) {
 	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
@@ -110,8 +127,8 @@ var Tabs = /* @__PURE__ */ __s(function Tabs(props, __s, __extra) {
 	const modal = withSlot(_h$3, useModalRoute);
 	const resolve = (name, params) => {
 		const C = screenFor(name);
-		const el = props.resolveScreen ? props.resolveScreen(name, params) : C ? createScopedValue(() => createElementFromConfig("c:3fc4e2ff", C, { ...params })) : null;
-		return layoutsFor(name).reduceRight((child, L) => createScopedElement(L, {}, () => child, "c:65a1fb32"), el);
+		const el = props.resolveScreen ? props.resolveScreen(name, params) : C ? createScopedValue(() => createElementFromConfig("c:15b283b3", C, { ...params })) : null;
+		return layoutsFor(name).reduceRight((child, L) => createScopedElement(L, {}, () => child, "c:c25ae6f8"), el);
 	};
 	const routeProps = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (route) => ({
 		...route.params,
@@ -146,8 +163,8 @@ var Tabs = /* @__PURE__ */ __s(function Tabs(props, __s, __extra) {
 		setInternal
 	]);
 	{
-		const __ifCondition = modalContent;
-		ifBlock(__s, 2, _b.a, __ifCondition, __then$9, null, _b.c, __ifCondition ? [modalContent] : void 0);
+		const __ifCondition$ = modalContent;
+		ifBlock(__s, 2, _b.a, __ifCondition$, __then$12, null, _b.c, __ifCondition$ ? [modalContent] : void 0);
 	}
 });
 //#endregion

package/dist/web/{ui13.js → Text.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, bagOf, clone, snapshotSpread, template } from "octane";
 import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
 //#region src/Text.web.tsrx
@@ -7,8 +7,8 @@ enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<span></span>");
 var _rm$1 = [
 	"s",
-	"q",
-	"p"
+	"o",
+	"n"
 ];
 var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 	const textStyle = {
@@ -19,7 +19,7 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 			WebkitBoxOrient: "vertical",
 			overflow: "hidden"
 		} : {},
-		...props.selectable === false ? { userSelect: "none" } : props.selectable ? { userSelect: "text" } : {},
+		...props.ellipsize || props.numberOfLines ? { flexShrink: 1 } : {},
 		...props.ellipsize ? {
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
@@ -28,7 +28,7 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 	};
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16;
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14;
 		const _root = clone(_t$0);
 		_m0 = props.id;
 		_m1 = (el) => applyEscapeProps(el, props);
@@ -42,11 +42,9 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 		_m9 = props.accessibilityState?.disabled;
 		_m10 = props.accessibilityState?.selected;
 		_m11 = props.accessibilityState?.checked;
-		_m12 = props.accessibilityState?.busy;
-		_m13 = props.accessibilityState?.expanded;
-		_m14 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m15 = _root;
-		_m16 = bindSignalHostPropSources(__s, void 0, _root, [
+		_m12 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+		_m13 = _root;
+		_m14 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
 				"id",
@@ -103,22 +101,12 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 				"aria-checked",
 				_m11
 			],
-			[
-				false,
-				"aria-busy",
-				_m12
-			],
-			[
-				false,
-				"aria-expanded",
-				_m13
-			],
 			[
 				false,
 				"aria-live",
-				_m14
+				_m12
 			]
-		], "b:3b621770", true);
+		], "b:085f588b", true);
 		_b = bagOf(__s, _root, {
 			a: _m0,
 			b: _m1,
@@ -135,10 +123,8 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 			m: _m12,
 			n: _m13,
 			o: _m14,
-			p: _m15,
-			q: _m16,
-			r: null,
-			s: void 0
+			p: null,
+			q: void 0
 		});
 		__s.refFields = _rm$1;
 	} else {
@@ -187,19 +173,11 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 			const _v = props.accessibilityState?.checked;
 			if (_b.l !== _v) _b.l = _v;
 		}
-		{
-			const _v = props.accessibilityState?.busy;
-			if (_b.m !== _v) _b.m = _v;
-		}
-		{
-			const _v = props.accessibilityState?.expanded;
-			if (_b.n !== _v) _b.n = _v;
-		}
 		{
 			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-			if (_b.o !== _v) _b.o = _v;
+			if (_b.m !== _v) _b.m = _v;
 		}
-		_b.q = bindSignalHostPropSources(__s, _b.q, _b.p, [
+		_b.o = bindSignalHostPropSources(__s, _b.o, _b.n, [
 			[
 				false,
 				"id",
@@ -256,24 +234,14 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 				"aria-checked",
 				_b.l
 			],
-			[
-				false,
-				"aria-busy",
-				_b.m
-			],
-			[
-				false,
-				"aria-expanded",
-				_b.n
-			],
 			[
 				false,
 				"aria-live",
-				_b.o
+				_b.m
 			]
-		], "b:3b621770", true);
+		], "b:085f588b", true);
 	}
-	_b.t = bindSignalChild(__s, _b.t, 1, _b.p, props.children, "b:152a7b75", null, void 0, void 0, void 0, true);
+	_b.r = bindSignalChild(__s, _b.r, 1, _b.n, props.children, "b:ef1ae445", null, void 0, void 0, void 0, true);
 });
 //#endregion
 export { Text };

package/dist/web/{ui21.js → TextArea.web.tsrx.js}

@@ -1,5 +1,5 @@
-import { applyEscapeProps } from "./ui2.js";
-import { normStyle } from "./ui4.js";
+import { applyEscapeProps } from "./escape-props.web.js";
+import { normStyle } from "./layout-child.web.js";
 import { __s, bag11, clone, delegateEvents, hookSlots, queueRefAttach, queueRefDetach, setAttribute, setEventHandler, setStyle, template, useLayoutEffect, useRef } from "octane";
 import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setBooleanAttributeIfChanged, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/TextArea.web.tsrx
@@ -104,8 +104,8 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "inputMode", props.keyboardType === "number" ? "numeric" : props.keyboardType === "phone" ? "tel" : props.keyboardType === "default" ? "text" : props.keyboardType, "b:ef3d0153", setPlainAttribute);
 	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "enterKeyHint", props.returnKeyType, "b:c58c3b7f", setPlainAttribute);
 	_b.i = setBooleanAttributeIfChanged(props.editable === false, _b.i, _b.a, "readonly");
-	_b.j = bindSignalAttribute(__s, _b.j, _b.a, "placeholder", props.placeholder ?? props.hint, "b:49264ef3", setPlainAttribute);
-	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "rows", props.rows ?? (props.autoGrow ? 1 : 3), "b:3f250714", setAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.a, "placeholder", props.placeholder, "b:49264ef3", setPlainAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "rows", props.rows ?? (props.autoGrow ? 1 : 3), "b:5d7a03c8", setAttribute);
 });
 //#endregion
 export { TextArea };

package/dist/web/{ui20.js → TextInput.web.tsrx.js}

@@ -1,7 +1,7 @@
-import { applyEscapeProps } from "./ui2.js";
-import { normStyle } from "./ui4.js";
+import { applyEscapeProps } from "./escape-props.web.js";
+import { normStyle } from "./layout-child.web.js";
 import { __s, bag11, clone, delegateEvents, queueRefAttach, queueRefDetach, setEventHandler, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setBooleanAttributeIfChanged, setPlainAttribute } from "octane/internal/client";
+import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setBooleanAttributeIfChanged, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/TextInput.web.tsrx
 enableSignalBindings(1, true);
 delegateEvents([
@@ -64,7 +64,7 @@ var TextInput = /* @__PURE__ */ __s(function TextInput(props, __s, __extra) {
 		setEventHandler(_b.a, "$$focusout", props.onBlur);
 	}
 	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:b371d08c", setPlainAttribute);
-	_b.d = bindSignalAttribute(__s, _b.d, _b.a, "class", props.className, "b:2afd54b5", "class");
+	_b.d = updateFreshClassName(["vx-input", props.className], _b.d, _b.a);
 	{
 		const _v = {
 			...normStyle(props.style),
@@ -75,11 +75,11 @@ var TextInput = /* @__PURE__ */ __s(function TextInput(props, __s, __extra) {
 			_b.e = _v;
 		}
 	}
-	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "type", props.secure ? "password" : props.keyboardType === "number" || props.keyboardType === "decimal" ? "number" : keyboardType, "b:b9f25817", setPlainAttribute);
-	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "inputMode", inputMode, "b:b382c01e", setPlainAttribute);
-	_b.i = bindSignalAttribute(__s, _b.i, _b.a, "enterKeyHint", props.returnKeyType, "b:b9b532c0", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "type", props.secure ? "password" : props.keyboardType === "number" || props.keyboardType === "decimal" ? "number" : keyboardType, "b:2800aef1", setPlainAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "inputMode", inputMode, "b:7a599efe", setPlainAttribute);
+	_b.i = bindSignalAttribute(__s, _b.i, _b.a, "enterKeyHint", props.returnKeyType, "b:7bb4056a", setPlainAttribute);
 	_b.j = setBooleanAttributeIfChanged(props.editable === false, _b.j, _b.a, "readonly");
-	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "placeholder", props.placeholder ?? props.hint, "b:e9b4ae0b", setPlainAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "placeholder", props.placeholder, "b:56a80277", setPlainAttribute);
 });
 //#endregion
 export { TextInput };