@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/native/video-chrome.native.tsrx.js

@@ -0,0 +1,365 @@
+import { View } from "./View.native.tsrx.js";
+import { Row } from "./Row.native.tsrx.js";
+import { Text } from "./Text.native.tsrx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { Image } from "./Image.native.tsrx.js";
+import { Slider } from "./Slider.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalIf, universalPlan, universalProps, universalValue, useEffect, useState } from "@nativescript-community/octane";
+//#region src/video-chrome.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan5 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan6 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		},
+		{
+			"kind": "slot",
+			"slot": 3
+		},
+		{
+			"kind": "slot",
+			"slot": 4
+		}
+	]
+});
+var __octaneUniversalPlan7 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan8 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan9 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		}
+	]
+});
+function stamp(ms) {
+	const total = Math.max(0, Math.floor(ms / 1e3));
+	return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
+}
+var VideoChrome = defineUniversalComponent("nativescript", function VideoChrome(props) {
+	const [visible, setVisible] = useState(true, _h$0);
+	useEffect(() => {
+		if (!props.playing || !visible) return;
+		const t = setTimeout(() => setVisible(false), 2500);
+		return () => clearTimeout(t);
+	}, [props.playing, visible], _h$1);
+	return universalValue(__octaneUniversalPlan9, [
+		universalIf(props.poster && !props.started, () => {
+			return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Image, universalProps([
+				[
+					"set",
+					"className",
+					"vx-video-poster"
+				],
+				[
+					"set",
+					"src",
+					props.poster
+				],
+				[
+					"set",
+					"ios",
+					{ stretch: "aspectFill" }
+				],
+				[
+					"set",
+					"android",
+					{ stretch: "aspectFill" }
+				]
+			]))]);
+		}),
+		universalComponent("nativescript", Pressable, universalProps([
+			[
+				"set",
+				"className",
+				"vx-video-tap"
+			],
+			[
+				"set",
+				"accessibilityRole",
+				"button"
+			],
+			[
+				"set",
+				"accessibilityLabel",
+				visible ? "Hide video controls" : "Show video controls"
+			],
+			[
+				"set",
+				"onPress",
+				() => setVisible(props.playing ? !visible : true)
+			]
+		])),
+		universalIf(visible, () => {
+			return universalValue(__octaneUniversalPlan8, [universalIf(!props.playing, () => {
+				return universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Pressable, universalProps([
+					[
+						"set",
+						"className",
+						"vx-video-center"
+					],
+					[
+						"set",
+						"justifyContent",
+						"center"
+					],
+					[
+						"set",
+						"alignItems",
+						"center"
+					],
+					[
+						"set",
+						"accessibilityRole",
+						"button"
+					],
+					[
+						"set",
+						"accessibilityLabel",
+						"Play"
+					],
+					[
+						"set",
+						"onPress",
+						props.onTogglePlay
+					]
+				], universalChildren("nativescript", () => {
+					return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", View, universalProps([[
+						"set",
+						"className",
+						"vx-video-centerbtn"
+					]], universalChildren("nativescript", () => {
+						return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Icon, universalProps([
+							[
+								"set",
+								"name",
+								"xplat-play"
+							],
+							[
+								"set",
+								"size",
+								28
+							],
+							[
+								"set",
+								"color",
+								"#fff"
+							]
+						]))]);
+					})))]);
+				})))]);
+			}), universalComponent("nativescript", View, universalProps([[
+				"set",
+				"className",
+				"vx-video-barwrap"
+			], [
+				"set",
+				"justifyContent",
+				"end"
+			]], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", Row, universalProps([
+					[
+						"set",
+						"className",
+						"vx-video-bar"
+					],
+					[
+						"set",
+						"alignItems",
+						"center"
+					],
+					[
+						"set",
+						"gap",
+						8
+					]
+				], universalChildren("nativescript", () => {
+					return universalValue(__octaneUniversalPlan6, [
+						universalComponent("nativescript", Pressable, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-btn"
+							],
+							[
+								"set",
+								"accessibilityRole",
+								"button"
+							],
+							[
+								"set",
+								"accessibilityLabel",
+								props.playing ? "Pause" : "Play"
+							],
+							[
+								"set",
+								"onPress",
+								props.onTogglePlay
+							]
+						], universalChildren("nativescript", () => {
+							return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", Icon, universalProps([
+								[
+									"set",
+									"name",
+									props.playing ? "xplat-pause" : "xplat-play"
+								],
+								[
+									"set",
+									"size",
+									20
+								],
+								[
+									"set",
+									"color",
+									"#fff"
+								]
+							]))]);
+						}))),
+						universalComponent("nativescript", Text, universalProps([[
+							"set",
+							"className",
+							"vx-video-time"
+						]], stamp(props.position))),
+						universalComponent("nativescript", Slider, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-slider"
+							],
+							[
+								"set",
+								"style",
+								{ flexGrow: 1 }
+							],
+							[
+								"set",
+								"value",
+								props.position
+							],
+							[
+								"set",
+								"minValue",
+								0
+							],
+							[
+								"set",
+								"maxValue",
+								props.duration > 0 ? props.duration : 1
+							],
+							[
+								"set",
+								"onValueChange",
+								props.onSeek
+							]
+						])),
+						universalComponent("nativescript", Text, universalProps([[
+							"set",
+							"className",
+							"vx-video-time"
+						]], stamp(props.duration))),
+						universalComponent("nativescript", Pressable, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-btn"
+							],
+							[
+								"set",
+								"accessibilityRole",
+								"button"
+							],
+							[
+								"set",
+								"accessibilityLabel",
+								props.muted ? "Unmute" : "Mute"
+							],
+							[
+								"set",
+								"onPress",
+								props.onToggleMute
+							]
+						], universalChildren("nativescript", () => {
+							return universalValue(__octaneUniversalPlan5, [universalComponent("nativescript", Icon, universalProps([
+								[
+									"set",
+									"name",
+									props.muted ? "xplat-volume-off" : "xplat-volume"
+								],
+								[
+									"set",
+									"size",
+									20
+								],
+								[
+									"set",
+									"color",
+									"#fff"
+								]
+							]))]);
+						})))
+					]);
+				})))]);
+			})))]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { VideoChrome };

package/dist/web/Absolute.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/Absolute.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _rm$1 = [
+	"r",
+	"e",
+	"b"
+];
+var Absolute = /* @__PURE__ */ __s(function Absolute(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:1d9c3d06", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-absolute", 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:a7333b54", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-label", props.accessibilityLabel, "b:709e3d48", setAriaAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "aria-hidden", props.accessible === false ? true : void 0, "b:7ae903c4", setAriaAttribute);
+	_b.i = bindSignalAttribute(__s, _b.i, _b.b, "aria-description", props.accessibilityHint, "b:a0927ebc", setAriaAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.b, "aria-valuetext", props.accessibilityValue, "b:2a664c03", setAriaAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.b, "aria-disabled", props.accessibilityState?.disabled, "b:4b5e5499", setAriaAttribute);
+	_b.l = bindSignalAttribute(__s, _b.l, _b.b, "aria-selected", props.accessibilityState?.selected, "b:b16a6b45", setAriaAttribute);
+	_b.m = bindSignalAttribute(__s, _b.m, _b.b, "aria-checked", props.accessibilityState?.checked, "b:211d6c51", setAriaAttribute);
+	_b.n = bindSignalAttribute(__s, _b.n, _b.b, "aria-live", props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion, "b:b13c535c", setAriaAttribute);
+	_b.q = bindSignalChild(__s, _b.q, 1, _b.b, props.children, "b:9750e093", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Absolute };

package/dist/web/Accordion.web.tsrx.js

@@ -0,0 +1,85 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Collapsible } from "./Collapsible.web.tsrx.js";
+import { __s, bag4, bag6, child, clone, componentSlotVoid, drainFrag, forBlock, hookSlots, markChildrenBlock, queueRefAttach, queueRefDetach, setStyle, template, useState } from "octane";
+import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Accordion.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
+var _t$1 = /* @__PURE__ */ template("<div><!></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _key$0 = (item) => item.key;
+var __childrenBody = {};
+function __item$1(item, __s, __extra) {
+	const __block = __s.block;
+	const openKeys = __extra[0];
+	const toggle = __extra[1];
+	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$0);
+			_m0 = __block.parentNode;
+			_m1 = child(_root);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag4(__s, null, _m0, _m1, null, void 0);
+		}
+		_b.e = bindSignalChild(__s, _b.e, 1, _b.a, item.content, "b:c752caaf", _b.b, true, void 0, true, void 0);
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Collapsible, {
+		"className": "vx-accordion-item",
+		"trigger": item.header,
+		"disabled": item.disabled,
+		"open": openKeys.includes(item.key),
+		"onOpenChange": (next) => toggle(item.key, next),
+		"children": markChildrenBlock(__children$3, __childrenBody)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:670a9e50");
+}
+var _rm$6 = [
+	"r",
+	"b",
+	"a"
+];
+var Accordion = /* @__PURE__ */ __s(function Accordion(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(1);
+	const normalize = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v]);
+	const [internal, setInternal] = useState(normalize(props.defaultOpen), _hs$ + 0);
+	const controlled = props.open !== void 0;
+	const openKeys = controlled ? normalize(props.open) : internal;
+	const report = (keys) => {
+		if (!controlled) setInternal(keys);
+		props.onOpenChange?.(props.multiple ? keys : keys[0]);
+	};
+	const toggle = (key, next) => {
+		if (props.multiple) report(next ? [...openKeys, key] : openKeys.filter((k) => k !== key));
+		else report(next ? [key] : []);
+	};
+	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:8b8f9ec4", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-accordion", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	forBlock(__s, 1, _b.a, props.items, _key$0, __item$1, 40, [openKeys, toggle], null, _b.f, true, "f3hh4mv");
+});
+//#endregion
+export { Accordion };

package/dist/web/{ui48.js → ActivityIndicator.web.tsrx.js}

@@ -1,4 +1,4 @@
-import { applyWebProps } from "./ui47.js";
+import { applyWebProps } from "./platformProps.web.js";
 import { bag5, clone, ifBlock, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
 import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/ActivityIndicator.web.tsrx

package/dist/web/Alert.web.tsrx.js

@@ -0,0 +1,79 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag12, bag3, child, clone, componentSlot, ifBlock, queueRefAttach, queueRefDetach, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, setPlainAttributeIfChanged, updateFreshClassName } from "octane/internal/client";
+//#region src/Alert.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-alert-title\"></span>");
+var _t$1 = /* @__PURE__ */ template("<div><!><div class=\"vx-alert-body\"><!><!></div></div>");
+function __then$0(__props, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	componentSlot(__s, 0, __block.parentNode, Icon, {
+		"name": props.icon,
+		"className": "vx-alert-icon"
+	}, __block.endMarker, void 0, 2, void 0, void 0, "c:1ab0feae");
+}
+function __then$3(__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.title, "b:0feb376d", null, void 0, void 0, void 0, true);
+}
+var _rm$7 = [
+	"r",
+	"b",
+	"a"
+];
+var Alert = /* @__PURE__ */ __s(function Alert(props, __s, __extra) {
+	const tone = props.tone ?? "info";
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m7, _m8, _m9;
+		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;
+		const _el1 = sibling(_el0, 1);
+		_m7 = _el1;
+		const _el2 = child(_el1);
+		_m8 = _el2;
+		_m9 = sibling(_el2, 1);
+		_b = bag12(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, _m7, _m8, _m9, null, void 0);
+		__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:8ff61676", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-alert",
+		"vx-alert--" + tone,
+		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 = setPlainAttributeIfChanged(tone === "error" ? "alert" : "status", _b.f, _b.a, "role");
+	{
+		const __ifCondition = props.icon;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$0, null, _b.g, __ifCondition ? [props] : void 0);
+	}
+	{
+		const __ifCondition$ = props.title != null;
+		ifBlock(__s, 2, _b.h, __ifCondition$, __then$3, null, _b.i, __ifCondition$ ? [props] : void 0);
+	}
+	_b.m = bindSignalChild(__s, _b.m, 3, _b.h, props.children, "b:9e8f422d", _b.j, true, void 0, void 0, void 0);
+});
+//#endregion
+export { Alert };

package/dist/web/Avatar.web.tsrx.js

@@ -0,0 +1,106 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag3, bag7, child, clone, ifBlock, isHydratingStyle, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, setStyleProperties, setStyleProperty, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, setURLAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Avatar.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<img class=\"vx-avatar-img\"/>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-avatar-fallback\"></span>");
+var _t$2 = /* @__PURE__ */ template("<div role=\"img\"><!></div>");
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
+	const size = __extra[1];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag7(__s, _root, void 0, _m1, void 0, __s, void 0, void 0, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "src", props.src, "b:cb1013e2", setURLAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "alt", props.alt, "b:007ff231", setPlainAttribute);
+	{
+		const _v0 = size;
+		const _v1 = size;
+		const _v2 = size / 2;
+		if (_b.d === __s || isHydratingStyle()) {
+			setStyleProperties(_b.b, [
+				"width",
+				_v0,
+				"height",
+				_v1,
+				"borderRadius",
+				_v2
+			], "");
+			_b.d = null;
+			_b.e = _v0;
+			_b.f = _v1;
+			_b.g = _v2;
+		} else {
+			if (_b.e !== _v0) {
+				setStyleProperty(_b.b, "width", _v0, "", _b.e);
+				_b.e = _v0;
+			}
+			if (_b.f !== _v1) {
+				setStyleProperty(_b.b, "height", _v1, "", _b.f);
+				_b.f = _v1;
+			}
+			if (_b.g !== _v2) {
+				setStyleProperty(_b.b, "borderRadius", _v2, "", _b.g);
+				_b.g = _v2;
+			}
+		}
+	}
+}
+function __else$1(__props, __s, __extra) {
+	const props = __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, props.fallback ?? "", "b:771d29cc", null, void 0, void 0, void 0, true);
+}
+var _rm$4 = [
+	"r",
+	"b",
+	"a"
+];
+var Avatar = /* @__PURE__ */ __s(function Avatar(props, __s, __extra) {
+	const size = props.size ?? 32;
+	const box = {
+		width: size,
+		height: size,
+		borderRadius: size / 2
+	};
+	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$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:f8d199ae", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-avatar", props.className], _b.d, _b.a);
+	{
+		const _v = {
+			...props.style,
+			...box
+		};
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.a, "aria-label", props.alt, "b:a8db4498", setAriaAttribute);
+	ifBlock(__s, 1, _b.a, props.src, __then$0, __else$1, _b.g, [props, size]);
+});
+//#endregion
+export { Avatar };