@octane-xplat/ui 0.5.0 → 0.7.0

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 };

package/dist/web/InputTags.web.tsrx.js

@@ -0,0 +1,122 @@
+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, bag7, child, clone, componentSlotVoid, createElement, createScopedElement, createScopedValue, hookSlots, mapSlot, markChildrenBlock, positionalChildren, queueRefAttach, queueRefDetach, setStyle, sibling, template, useState } from "octane";
+import { bindSignalAttribute, bindSignalChild, createElementFromConfig, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/InputTags.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span aria-hidden=\"true\">✕</span>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-inputtags-tag\"><span class=\"vx-inputtags-tag-label\"></span><!></span>");
+var _t$2 = /* @__PURE__ */ template("<div><!><!></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _key$0 = (tag, i) => tag + i;
+var __childrenBody = {};
+function __item$1(tag, __s, __extra) {
+	const __block = __s.block;
+	const removeAt = __extra[0];
+	const props = __extra[1];
+	const i = __block.itemIndex;
+	function __children$4(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			const _root = clone(_t$0);
+			_b = bag0(__s, _root);
+		}
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m3, _m4;
+		const _root = clone(_t$1);
+		const _el0 = child(_root);
+		_m0 = _el0;
+		_m3 = _root;
+		_m4 = sibling(_el0, 1);
+		_b = bag5(__s, _root, _m0, null, void 0, _m3, _m4);
+	}
+	_b.f = bindSignalChild(__s, _b.f, 1, _b.a, tag, "b:56f57644", null, void 0, void 0, void 0, true);
+	componentSlotVoid(__s, 2, _b.d, Pressable, {
+		"className": "vx-inputtags-remove",
+		"disabled": props.disabled,
+		"onPress": () => removeAt(i),
+		"accessibilityLabel": "Remove " + tag,
+		"children": markChildrenBlock(__children$4, __childrenBody)
+	}, _b.e, void 0, void 0, void 0, void 0, "c:d905f01d");
+}
+var _rm$7 = [
+	"r",
+	"b",
+	"a"
+];
+var InputTags = /* @__PURE__ */ __s(function InputTags(props, __s, __extra) {
+	let __mapMethod;
+	const [internal, setInternal] = useState(props.defaultValue ?? [], _hs$ + 0);
+	const controlled = props.value !== void 0;
+	const tags = controlled ? props.value : internal;
+	const [text, setText] = useState("", _hs$ + 1);
+	const setTags = (next) => {
+		if (!controlled) setInternal(next);
+		props.onValueChange?.(next);
+	};
+	const commit = () => {
+		const tag = text.trim();
+		if (!tag || props.max != null && tags.length >= props.max) return;
+		setTags([...tags, tag]);
+		setText("");
+	};
+	const removeAt = (i) => setTags(tags.filter((_, k) => k !== i));
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6;
+		const _root = clone(_t$2);
+		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, 1);
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6);
+		__s.refFields = _rm$7;
+	} 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:50dcecca", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-inputtags",
+		props.disabled ? "vx-inputtags--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;
+		}
+	}
+	mapSlot(__s, 1, _b.a, (__mapMethod = tags.map, tags), __mapMethod, (tag, i) => createScopedElement("span", {
+		key: tag + i,
+		className: "vx-inputtags-tag"
+	}, () => positionalChildren([createScopedElement("span", { className: "vx-inputtags-tag-label" }, () => tag), createScopedValue(() => createElementFromConfig("c:1b9dfc8b", Pressable, {
+		className: "vx-inputtags-remove",
+		disabled: props.disabled,
+		onPress: () => removeAt(i),
+		accessibilityLabel: "Remove " + tag
+	}, [createElement("span", { "aria-hidden": "true" }, "✕")]))])), _key$0, __item$1, 18, [
+		removeAt,
+		props,
+		Pressable
+	], _b.f, 1);
+	componentSlotVoid(__s, 2, _b.a, TextInput, {
+		"className": "vx-inputtags-field",
+		"placeholder": props.placeholder,
+		"editable": !props.disabled,
+		"value": text,
+		"onChange": setText,
+		"onSubmit": commit,
+		"web": { onkeydown: (e) => {
+			if (e.key === "Backspace" && text === "") removeAt(tags.length - 1);
+		} }
+	}, _b.g, void 0, 2, void 0, void 0, "c:e68dfc4a");
+});
+//#endregion
+export { InputTags };

package/dist/web/Kbd.web.tsrx.js

@@ -0,0 +1,37 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Kbd.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<kbd></kbd>");
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var Kbd = /* @__PURE__ */ __s(function Kbd(props, __s, __extra) {
+	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 = bag7(__s, _root, _m0, _m1, 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:fa61e913", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-kbd", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.a, props.children, "b:be3b0838", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Kbd };

package/dist/web/ListItem.web.tsrx.js

@@ -0,0 +1,139 @@
+import { Text } from "./Text.web.tsrx.js";
+import { Pressable } from "./Pressable.web.tsrx.js";
+import { __s, bag13, bag4, child, clone, componentSlotVoid, createScopedElement, drainFrag, markChildrenBlock, positionalChildren, sibling, template } from "octane";
+import { childTextHoleUpdate, textHoleUpdate, updateFreshClassName } from "octane/internal/client";
+//#region src/ListItem.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _t$1 = /* @__PURE__ */ template("<!>", 0, 1);
+var _t$2 = /* @__PURE__ */ template("<!><!><!><!>", 0, 1);
+var __childrenBody = {};
+var __childrenBody$ = {};
+var Leading = /* @__PURE__ */ __s(function Leading(props, __s, __extra) {
+	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);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-leading", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var Content = /* @__PURE__ */ __s(function Content(props, __s, __extra) {
+	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);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-content", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var Supporting = function Supporting(props, __s, __extra) {
+	const __block = __s.block;
+	function __children$3(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$1);
+			_m0 = __block.parentNode;
+			_m1 = child(_root);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag4(__s, null, _m0, _m1, null, void 0);
+		}
+		{
+			const _v = props.children;
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true, true);
+			_b.d = _v;
+		}
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Text, {
+		"className": ["vx-listitem-supporting", props.className],
+		"children": markChildrenBlock(__children$3, __childrenBody)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:f15553ea");
+};
+var Trailing = /* @__PURE__ */ __s(function Trailing(props, __s, __extra) {
+	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);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-trailing", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var ListItem = Object.assign(function ListItemView(props, __s, __extra) {
+	const __block = __s.block;
+	function __children$7(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m4, _m7, _m10;
+			const _root = clone(_t$2);
+			_m0 = __block.parentNode;
+			const _el0 = child(_root);
+			_m1 = _el0;
+			const _el1 = sibling(_el0, 1);
+			_m4 = _el1;
+			const _el2 = sibling(_el1, 1);
+			_m7 = _el2;
+			_m10 = sibling(_el2, 1);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag13(__s, null, _m0, _m1, null, void 0, _m4, null, void 0, _m7, null, void 0, _m10, null, void 0);
+		}
+		{
+			const _v = props.leading != null ? createScopedElement(Leading, {}, () => props.leading, "c:8a504b14") : null;
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true);
+			_b.d = _v;
+		}
+		{
+			const _v = props.title != null || props.supportingText != null ? createScopedElement(Content, {}, () => positionalChildren([props.title != null ? createScopedElement(Text, { className: "vx-listitem-title" }, () => props.title, "c:7a4e8757") : null, props.supportingText != null ? createScopedElement(Supporting, {}, () => props.supportingText, "c:a5ad7858") : null]), "c:219f2eb1") : null;
+			_b.f = textHoleUpdate(__s, 2, _b.a, _v, _b.f, _b.g, _b.e, true);
+			_b.g = _v;
+		}
+		{
+			const _v = props.children;
+			_b.i = textHoleUpdate(__s, 3, _b.a, _v, _b.i, _b.j, _b.h, true);
+			_b.j = _v;
+		}
+		{
+			const _v = props.trailing != null ? createScopedElement(Trailing, {}, () => props.trailing, "c:fff23fd3") : null;
+			_b.l = textHoleUpdate(__s, 4, _b.a, _v, _b.l, _b.m, _b.k, true);
+			_b.m = _v;
+		}
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Pressable, {
+		"id": props.id,
+		"className": ["vx-listitem", props.className],
+		"style": props.style,
+		"onPress": props.onPress,
+		"disabled": props.disabled,
+		"accessibilityLabel": props.accessibilityLabel,
+		"accessibilityRole": props.accessibilityRole ?? (props.onPress ? "button" : "text"),
+		"accessibilityHint": props.accessibilityHint,
+		"accessibilityState": props.accessibilityState,
+		"children": markChildrenBlock(__children$7, __childrenBody$)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:81eda863");
+}, {
+	Leading,
+	Content,
+	Supporting,
+	Trailing
+});
+//#endregion
+export { ListItem };

package/dist/web/{ui50.js → Meter.web.tsrx.js}

@@ -1,4 +1,4 @@
-import { meterRange } from "./ui49.js";
+import { meterRange } from "./meter-math.js";
 import { __s, bag12, child, clone, setAriaAttribute, setStyle, sibling, template } from "octane";
 import { bindSignalAttribute, bindSignalChild, enableSignalBindings, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/Meter.web.tsrx

package/dist/web/{ui19.js → NavLink.web.tsrx.js}

@@ -1,4 +1,4 @@
-import { hrefFor, pushRoute, useRoute } from "./ui18.js";
+import { hrefFor, pushRoute, useRoute } from "./route.web.js";
 import { __s, bag5, clone, delegateEvents, hookSlots, setEventHandler, template, withSlot } from "octane";
 import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoEqual, hookMemoPublish1, setURLAttribute, updateFreshClassAttr } from "octane/internal/client";
 //#region src/NavLink.web.tsrx

package/dist/web/NavigationMenu.web.tsrx.js

@@ -0,0 +1,118 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag3, bag7, child, clone, componentSlot, createScopedElement, createScopedValue, delegateEvents, ifBlock, mapSlot, positionalChildren, queueRefAttach, queueRefDetach, setAriaAttribute, setEventHandler, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, createElementFromConfig, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/NavigationMenu.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click", "keydown"]);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-navmenu-label\"></span>");
+var _t$1 = /* @__PURE__ */ template("<span role=\"link\"><!><!></span>");
+var _t$2 = /* @__PURE__ */ template("<nav><!></nav>");
+var _key$0 = (item) => item.key;
+function __then$2(__props, __s, __extra) {
+	const __block = __s.block;
+	const item = __extra[0];
+	componentSlot(__s, 0, __block.parentNode, Icon, { "name": item.icon }, __block.endMarker, void 0, 2, void 0, void 0, "c:402f6945");
+}
+function __then$5(__props, __s, __extra) {
+	const item = __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, item.label, "b:2bbe82f6", null, void 0, void 0, void 0, true);
+}
+function __item$1(item, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m5, _m6;
+		const _root = clone(_t$1);
+		_m1 = _root;
+		setEventHandler(_root, "$$click", item.disabled ? void 0 : item.onSelect);
+		setEventHandler(_root, "$$keydown", (e) => {
+			if (!item.disabled && e.key === "Enter") item.onSelect?.();
+		});
+		const _el0 = child(_root);
+		_m5 = _el0;
+		_m6 = sibling(_el0, 1);
+		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, void 0, _m5, _m6);
+	} else {
+		setEventHandler(_b.b, "$$click", item.disabled ? void 0 : item.onSelect);
+		setEventHandler(_b.b, "$$keydown", (e) => {
+			if (!item.disabled && e.key === "Enter") item.onSelect?.();
+		});
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "aria-current", item.active ? "page" : void 0, "b:36065b56", setAriaAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "aria-disabled", item.disabled || void 0, "b:0a1edf7c", setAriaAttribute);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "tabindex", item.disabled ? void 0 : 0, "b:09198478", setPlainAttribute);
+	_b.e = updateFreshClassName([
+		"vx-navmenu-item",
+		item.active ? "vx-navmenu-item--on" : void 0,
+		item.disabled ? "vx-navmenu-item--disabled" : void 0
+	], _b.e, _b.b);
+	{
+		const __ifCondition = item.icon;
+		ifBlock(__s, 1, _b.b, __ifCondition, __then$2, null, _b.f, __ifCondition ? [item] : void 0);
+	}
+	{
+		const __ifCondition$ = item.label != null;
+		ifBlock(__s, 2, _b.b, __ifCondition$, __then$5, null, _b.g, __ifCondition$ ? [item] : void 0);
+	}
+}
+var _rm$9 = [
+	"r",
+	"b",
+	"a"
+];
+var NavigationMenu = /* @__PURE__ */ __s(function NavigationMenu(props, __s, __extra) {
+	let __mapItems;
+	let __mapMethod;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6;
+		const _root = clone(_t$2);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m6 = child(_root);
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6);
+		__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:ef165b7e", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-navmenu",
+		props.horizontal === false ? "vx-navmenu--col" : "vx-navmenu--row",
+		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:096aff78", setAriaAttribute);
+	mapSlot(__s, 1, _b.a, (__mapItems = props.items, __mapMethod = __mapItems.map, __mapItems), __mapMethod, (item) => createScopedElement("span", {
+		key: item.key,
+		role: "link",
+		"aria-current": item.active ? "page" : void 0,
+		"aria-disabled": item.disabled || void 0,
+		tabIndex: item.disabled ? void 0 : 0,
+		className: [
+			"vx-navmenu-item",
+			item.active ? "vx-navmenu-item--on" : void 0,
+			item.disabled ? "vx-navmenu-item--disabled" : void 0
+		],
+		onClick: item.disabled ? void 0 : item.onSelect,
+		onKeyDown: (e) => {
+			if (!item.disabled && e.key === "Enter") item.onSelect?.();
+		}
+	}, () => positionalChildren([item.icon ? createScopedValue(() => createElementFromConfig("c:d7ecfcc6", Icon, { name: item.icon })) : null, item.label != null ? createScopedElement("span", { className: "vx-navmenu-label" }, () => item.label) : null])), _key$0, __item$1, 26, void 0, _b.g, 1);
+});
+//#endregion
+export { NavigationMenu };

package/dist/web/{ui31.js → Overlay.web.tsrx.js}

@@ -1,5 +1,5 @@
-import { cx } from "./ui28.js";
-import { useThemeScheme } from "./ui29.js";
+import { cx } from "./cx.js";
+import { useThemeScheme } from "./theme/theme-scheme.js";
 import { bag1, bag2, bag9, child, clone, delegateEvents, drainFrag, hookSlots, ifBlock, markDangerouslySetInnerHTMLChildren, portal, setEventHandler, sibling, snapshotSpread, template, withSlot } from "octane";
 import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
 //#region src/Overlay.web.tsrx