@octane-xplat/ui 0.4.0 → 0.6.0

package/dist/web/{ui13.js → Text.web.tsrx.js}

@@ -1,14 +1,14 @@
-import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui4.js";
-import { __s, bag16, clone, snapshotSpread, template } from "octane";
+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
 enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<span></span>");
 var _rm$1 = [
 	"s",
-	"n",
-	"m"
+	"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,22 +28,23 @@ 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;
+		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);
 		_m2 = props.className;
 		_m3 = snapshotSpread(layoutChildProps(props, textStyle));
-		_m4 = props.accessibilityHint;
-		_m5 = props.accessibilityValue;
-		_m6 = props.accessibilityState?.disabled;
-		_m7 = props.accessibilityState?.selected;
-		_m8 = props.accessibilityState?.checked;
-		_m9 = props.accessibilityState?.busy;
-		_m10 = props.accessibilityState?.expanded;
-		_m11 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m12 = _root;
-		_m13 = bindSignalHostPropSources(__s, void 0, _root, [
+		_m4 = props.accessibilityRole;
+		_m5 = props.accessibilityLabel;
+		_m6 = props.accessible === false ? true : void 0;
+		_m7 = props.accessibilityHint;
+		_m8 = props.accessibilityValue;
+		_m9 = props.accessibilityState?.disabled;
+		_m10 = props.accessibilityState?.selected;
+		_m11 = props.accessibilityState?.checked;
+		_m12 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+		_m13 = _root;
+		_m14 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
 				"id",
@@ -62,46 +63,69 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 			[true, _m3],
 			[
 				false,
-				"aria-description",
+				"role",
 				_m4
 			],
 			[
 				false,
-				"aria-valuetext",
+				"aria-label",
 				_m5
 			],
 			[
 				false,
-				"aria-disabled",
+				"aria-hidden",
 				_m6
 			],
 			[
 				false,
-				"aria-selected",
+				"aria-description",
 				_m7
 			],
 			[
 				false,
-				"aria-checked",
+				"aria-valuetext",
 				_m8
 			],
 			[
 				false,
-				"aria-busy",
+				"aria-disabled",
 				_m9
 			],
 			[
 				false,
-				"aria-expanded",
+				"aria-selected",
 				_m10
 			],
 			[
 				false,
-				"aria-live",
+				"aria-checked",
 				_m11
+			],
+			[
+				false,
+				"aria-live",
+				_m12
 			]
-		], "b:3b621770", true);
-		_b = bag16(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, null, void 0);
+		], "b:085f588b", true);
+		_b = bagOf(__s, _root, {
+			a: _m0,
+			b: _m1,
+			c: _m2,
+			d: _m3,
+			e: _m4,
+			f: _m5,
+			g: _m6,
+			h: _m7,
+			i: _m8,
+			j: _m9,
+			k: _m10,
+			l: _m11,
+			m: _m12,
+			n: _m13,
+			o: _m14,
+			p: null,
+			q: void 0
+		});
 		__s.refFields = _rm$1;
 	} else {
 		{
@@ -118,38 +142,42 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 		}
 		_b.d = snapshotSpread(layoutChildProps(props, textStyle));
 		{
-			const _v = props.accessibilityHint;
+			const _v = props.accessibilityRole;
 			if (_b.e !== _v) _b.e = _v;
 		}
 		{
-			const _v = props.accessibilityValue;
+			const _v = props.accessibilityLabel;
 			if (_b.f !== _v) _b.f = _v;
 		}
 		{
-			const _v = props.accessibilityState?.disabled;
+			const _v = props.accessible === false ? true : void 0;
 			if (_b.g !== _v) _b.g = _v;
 		}
 		{
-			const _v = props.accessibilityState?.selected;
+			const _v = props.accessibilityHint;
 			if (_b.h !== _v) _b.h = _v;
 		}
 		{
-			const _v = props.accessibilityState?.checked;
+			const _v = props.accessibilityValue;
 			if (_b.i !== _v) _b.i = _v;
 		}
 		{
-			const _v = props.accessibilityState?.busy;
+			const _v = props.accessibilityState?.disabled;
 			if (_b.j !== _v) _b.j = _v;
 		}
 		{
-			const _v = props.accessibilityState?.expanded;
+			const _v = props.accessibilityState?.selected;
 			if (_b.k !== _v) _b.k = _v;
 		}
 		{
-			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+			const _v = props.accessibilityState?.checked;
 			if (_b.l !== _v) _b.l = _v;
 		}
-		_b.n = bindSignalHostPropSources(__s, _b.n, _b.m, [
+		{
+			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+			if (_b.m !== _v) _b.m = _v;
+		}
+		_b.o = bindSignalHostPropSources(__s, _b.o, _b.n, [
 			[
 				false,
 				"id",
@@ -168,47 +196,52 @@ var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
 			[true, _b.d],
 			[
 				false,
-				"aria-description",
+				"role",
 				_b.e
 			],
 			[
 				false,
-				"aria-valuetext",
+				"aria-label",
 				_b.f
 			],
 			[
 				false,
-				"aria-disabled",
+				"aria-hidden",
 				_b.g
 			],
 			[
 				false,
-				"aria-selected",
+				"aria-description",
 				_b.h
 			],
 			[
 				false,
-				"aria-checked",
+				"aria-valuetext",
 				_b.i
 			],
 			[
 				false,
-				"aria-busy",
+				"aria-disabled",
 				_b.j
 			],
 			[
 				false,
-				"aria-expanded",
+				"aria-selected",
 				_b.k
 			],
 			[
 				false,
-				"aria-live",
+				"aria-checked",
 				_b.l
+			],
+			[
+				false,
+				"aria-live",
+				_b.m
 			]
-		], "b:3b621770", true);
+		], "b:085f588b", true);
 	}
-	_b.q = bindSignalChild(__s, _b.q, 1, _b.m, props.children, "b:5ab934f0", 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 };

package/dist/web/Timeline.web.tsrx.js

@@ -0,0 +1,172 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag0, bag3, bag6, bag8, child, clone, compilerCacheContext, componentSlot, createElement, createScopedElement, createScopedValue, hookSlots, ifBlock, mapSlot, positionalChildren, queueRefAttach, queueRefDetach, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoEqual, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Timeline.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-timeline-line\"></div>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-timeline-time\"></span>");
+var _t$2 = /* @__PURE__ */ template("<span class=\"vx-timeline-title\"></span>");
+var _t$3 = /* @__PURE__ */ template("<span class=\"vx-timeline-desc\"></span>");
+var _t$4 = /* @__PURE__ */ template("<div class=\"vx-timeline-item\"><div class=\"vx-timeline-rail\" aria-hidden=\"true\"><div class=\"vx-timeline-dot\"><!></div><!></div><div class=\"vx-timeline-body\"><!><!><!></div></div>");
+var _t$5 = /* @__PURE__ */ template("<div><!></div>");
+var _key$0 = (item, i) => 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:5643b2d9");
+}
+function __then$5(__props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		const _root = clone(_t$0);
+		_b = bag0(__s, _root);
+	}
+}
+function __then$7(__props, __s, __extra) {
+	const item = __extra[0];
+	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, item.time, "b:fa704bab", null, void 0, void 0, void 0, true);
+}
+function __then$10(__props, __s, __extra) {
+	const item = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$2);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, item.title, "b:5fccd11b", null, void 0, void 0, void 0, true);
+}
+function __then$13(__props, __s, __extra) {
+	const item = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$3);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, item.description, "b:72e5897c", null, void 0, void 0, void 0, true);
+}
+function __item$1(item, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	const i = __block.itemIndex;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7;
+		const _root = clone(_t$4);
+		const _el0 = child(_root);
+		const _el1 = child(_el0);
+		_m0 = _el1;
+		_m1 = child(_el1);
+		_m2 = _el0;
+		_m3 = sibling(_el1, 1);
+		const _el4 = sibling(_el0, 1);
+		_m4 = _el4;
+		const _el5 = child(_el4);
+		_m5 = _el5;
+		const _el6 = sibling(_el5, 1);
+		_m6 = _el6;
+		_m7 = sibling(_el6, 1);
+		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7);
+	}
+	{
+		const __ifCondition = item.icon;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$2, null, _b.b, __ifCondition ? [item] : void 0);
+	}
+	ifBlock(__s, 2, _b.c, i < props.items.length - 1, __then$5, null, _b.d);
+	{
+		const __ifCondition$ = item.time != null;
+		ifBlock(__s, 3, _b.e, __ifCondition$, __then$7, null, _b.f, __ifCondition$ ? [item] : void 0);
+	}
+	{
+		const __ifCondition$2 = item.title != null;
+		ifBlock(__s, 4, _b.e, __ifCondition$2, __then$10, null, _b.g, __ifCondition$2 ? [item] : void 0);
+	}
+	{
+		const __ifCondition$3 = item.description != null;
+		ifBlock(__s, 5, _b.e, __ifCondition$3, __then$13, null, _b.h, __ifCondition$3 ? [item] : void 0);
+	}
+}
+var _rm$17 = [
+	"r",
+	"b",
+	"a"
+];
+var _hs$ = /* @__PURE__ */ hookSlots(7);
+var Timeline = /* @__PURE__ */ __s(function Timeline(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	const __memoCommitted = __memoRegion.auto;
+	let __memoCache = __memoCommitted === void 0 ? [] : __memoCommitted;
+	let __mapItems;
+	let __mapMethod;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5;
+		const _root = clone(_t$5);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m5 = child(_root);
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5);
+		__s.refFields = _rm$17;
+	} 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:38cab871", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-timeline", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	{
+		const _v = (__mapItems = props.items, __mapMethod = __mapItems.map, __mapItems);
+		const __mapNative = mapSlot(_v, __mapMethod);
+		{
+			const __memoDep = _v;
+			const __memoDep$ = Icon;
+			const __memoDep$2 = props;
+			if (__s.slots[1] === void 0 || !__mapNative || Icon.__memo !== true || Icon.__compare !== void 0 || __memoCache[4] !== true || !hookMemoEqual(__memoCache[0], __memoDep) || !hookMemoEqual(__memoCache[1], __memoDep$) || !hookMemoEqual(__memoCache[2], __memoDep$2)) {
+				mapSlot(__s, 1, _b.a, _v, __mapMethod, __mapNative, (item, i) => createScopedElement("div", {
+					key: item.key,
+					className: "vx-timeline-item"
+				}, () => positionalChildren([createScopedElement("div", {
+					className: "vx-timeline-rail",
+					"aria-hidden": "true"
+				}, () => positionalChildren([createScopedElement("div", { className: "vx-timeline-dot" }, () => item.icon ? createScopedValue(() => createElementFromConfig("c:1003e85c", Icon, { name: item.icon })) : null), i < props.items.length - 1 ? createElement("div", { className: "vx-timeline-line" }) : null])), createScopedElement("div", { className: "vx-timeline-body" }, () => positionalChildren([
+					item.time != null ? createScopedElement("span", { className: "vx-timeline-time" }, () => item.time) : null,
+					item.title != null ? createScopedElement("span", { className: "vx-timeline-title" }, () => item.title) : null,
+					item.description != null ? createScopedElement("span", { className: "vx-timeline-desc" }, () => item.description) : null
+				]))])), _key$0, __item$1, 18 | (Icon.__memo === true && Icon.__compare === void 0 ? 4 : 0), [props, Icon], _b.f, 1);
+				const _c = compilerCacheContext(__s, 1, __memoCache[3]);
+				if (__memoCache === __memoCommitted) __memoCache = __memoCache.slice();
+				__memoCache[0] = __memoDep;
+				__memoCache[1] = __memoDep$;
+				__memoCache[2] = __memoDep$2;
+				__memoCache[3] = _c;
+				__memoCache[4] = __mapNative;
+			} else {
+				const _c = compilerCacheContext(__s, 1, __memoCache[3]);
+				if (_c !== __memoCache[3]) {
+					if (__memoCache === __memoCommitted) __memoCache = __memoCache.slice();
+					__memoCache[3] = _c;
+				}
+			}
+		}
+	}
+	if (__memoCache !== __memoCommitted) __memoRegion.auto = __memoCache;
+});
+//#endregion
+export { Timeline };

package/dist/web/Tree.web.tsrx.js

@@ -0,0 +1,146 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag14, bag6, child, clone, componentSlotVoid, delegateEvents, hookSlots, htext, mapSlot, queueRefAttach, queueRefDetach, setAriaAttribute, setEventHandler, setStyle, setStyleProperty, setText, sibling, template, useState } from "octane";
+import { bindSignalAttribute, bindSignalChild, createElementFromConfig, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Tree.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click", "keydown"]);
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-tree-node\" role=\"treeitem\"><div role=\"button\"><span class=\"vx-tree-caret\" aria-hidden=\"true\"> </span><span class=\"vx-tree-label\"></span></div><!></div>");
+var _t$1 = /* @__PURE__ */ template("<div role=\"tree\"><!></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _key$2 = (node) => node.key;
+function __item$3(node, __s, __extra) {
+	const __block = __s.block;
+	const open = __extra[0];
+	const props = __extra[1];
+	const toggle = __extra[2];
+	componentSlotVoid(__s, 0, __block.parentNode, TreeRow, {
+		"node": node,
+		"depth": 0,
+		"open": open,
+		"toggle": toggle,
+		"onSelect": props.onSelect
+	}, __block.endMarker, void 0, true, void 0, void 0, "c:88d52115");
+}
+var _rm$6 = [
+	"r",
+	"b",
+	"a"
+];
+var TreeRow = /* @__PURE__ */ __s(function TreeRow(props, __s, __extra) {
+	const node = props.node;
+	const kids = node.children ?? [];
+	const isOpen = props.open.has(node.key);
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m3, _m6, _m7, _m8, _m11;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		const _el0 = child(_root);
+		_m3 = _el0;
+		setEventHandler(_el0, "$$click", node.disabled ? void 0 : () => kids.length ? props.toggle(node) : props.onSelect?.(node));
+		setEventHandler(_el0, "$$keydown", (e) => {
+			if (node.disabled) return;
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				if (kids.length) props.toggle(node);
+				else props.onSelect?.(node);
+			}
+		});
+		const _el1 = child(_el0);
+		{
+			const _v = kids.length ? isOpen ? "▾" : "▸" : "";
+			_m6 = htext(_el1, _v, 1);
+			_m7 = _v;
+		}
+		_m8 = sibling(_el1, 1);
+		_m11 = sibling(_el0, 1);
+		_b = bag14(__s, _root, void 0, _m1, void 0, _m3, __s, void 0, _m6, _m7, _m8, null, void 0, _m11, null, void 0);
+	} else {
+		setEventHandler(_b.d, "$$click", node.disabled ? void 0 : () => kids.length ? props.toggle(node) : props.onSelect?.(node));
+		setEventHandler(_b.d, "$$keydown", (e) => {
+			if (node.disabled) return;
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				if (kids.length) props.toggle(node);
+				else props.onSelect?.(node);
+			}
+		});
+		{
+			const _v = kids.length ? isOpen ? "▾" : "▸" : "";
+			if (_b.h !== _v) {
+				setText(_b.g, _v);
+				_b.h = _v;
+			}
+		}
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "aria-expanded", kids.length ? isOpen : void 0, "b:06a2728a", setAriaAttribute);
+	_b.c = updateFreshClassName(["vx-tree-row", node.disabled ? "vx-tree-row--disabled" : void 0], _b.c, _b.d);
+	{
+		const _v = props.depth * 16;
+		if (_b.e !== _v) {
+			setStyleProperty(_b.d, "paddingLeft", _v, "", _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.d, "tabindex", node.disabled ? void 0 : 0, "b:a11a3438", setPlainAttribute);
+	_b.o = bindSignalChild(__s, _b.o, 1, _b.i, node.label ?? node.key, "b:34dbe901", null, void 0, void 0, void 0, true);
+	_b.p = bindSignalChild(__s, _b.p, 2, _b.b, isOpen && kids.map((kid) => createElementFromConfig("c:7b3274a7", TreeRow, {
+		key: kid.key,
+		node: kid,
+		depth: props.depth + 1,
+		open: props.open,
+		toggle: props.toggle,
+		onSelect: props.onSelect
+	})), "b:2e1f6af7", _b.l, true, void 0, void 0, void 0);
+});
+var Tree = /* @__PURE__ */ __s(function Tree(props, __s, __extra) {
+	let __mapItems;
+	let __mapMethod;
+	const [open, setOpen] = useState(new Set(props.defaultExpanded ?? []), _hs$ + 0);
+	const toggle = (node) => {
+		const next = new Set(open);
+		const willOpen = !next.has(node.key);
+		if (willOpen) next.add(node.key);
+		else next.delete(node.key);
+		setOpen(next);
+		props.onToggle?.(node.key, willOpen);
+	};
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m5 = child(_root);
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5);
+		__s.refFields = _rm$6;
+	} 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:ebb0f180", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-tree", 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, (__mapItems = props.nodes, __mapMethod = __mapItems.map, __mapItems), __mapMethod, (node) => createElementFromConfig("c:3f4e10dc", TreeRow, {
+		key: node.key,
+		node,
+		depth: 0,
+		open,
+		toggle,
+		onSelect: props.onSelect
+	}), _key$2, __item$3, 10, [
+		open,
+		props,
+		toggle
+	], _b.f, 1);
+});
+//#endregion
+export { Tree };