@octane-xplat/ui 0.7.3 → 0.10.0

package/dist/web/TopNav.web.tsrx.js

@@ -0,0 +1,1156 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Text } from "./Text.web.tsrx.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { Popover } from "./Popover.web.tsrx.js";
+import { NavHeadingCloseProvider, TopNavRenderContext, TopNavSlotProvider, useTopNavMobileContent, useTopNavRenderMode, useTopNavSlot } from "./nav-contexts.js";
+import { MobileNav, MobileNavToggle } from "./MobileNav.web.tsrx.js";
+import { Fragment, __s, bag10, bag11, bag12, bag13, bag16, bag2, bag3, bag4, bag5, bag7, bag8, bag9, child, clone, componentSlot, componentSlotVoid, createScopedElement, createScopedValue, delegateEvents, drainFrag, evt1, evt1u, evt2e, evt2u, forBlock, hookSlots, ifBlock, markChildrenBlock, markWarm, positionalChildren, queueRefAttach, queueRefDetach, registerWarmPlan, setAriaAttribute, setEventHandler, setStyle, sibling, snapshotSpread, template, useRef, useState, warmChild, withSlot } from "octane";
+import { bindSignalAttribute, bindSignalChild, bindSignalHostPropSources, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoCreate, hookMemoEqual, hookMemoPublish0, hookMemoPublish1, replaceRef, setPlainAttribute, setPlainAttributeIfChanged, setURLAttribute, updateFreshClassAttr, updateFreshClassName } from "octane/internal/client";
+//#region src/TopNav.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents([
+	"click",
+	"mouseenter",
+	"mouseleave"
+]);
+var _t$0 = /* @__PURE__ */ template("<nav><!><span class=\"vx-topnav-mobilebar-end\"></span><!></nav>");
+var _t$1 = /* @__PURE__ */ template("<!><!><!><!><!>", 0, 1);
+var _t$2 = /* @__PURE__ */ template("<div class=\"vx-topnav-start\"><!><!></div>");
+var _t$3 = /* @__PURE__ */ template("<div class=\"vx-topnav-center\"></div>");
+var _t$4 = /* @__PURE__ */ template("<div class=\"vx-topnav-end\"></div>");
+var _t$5 = /* @__PURE__ */ template("<nav><!><!><!></nav>");
+var _t$6 = /* @__PURE__ */ template("<span class=\"vx-topnav-heading-logo\"></span>");
+var _t$7 = /* @__PURE__ */ template("<button type=\"button\" class=\"vx-topnav-heading-trigger\" aria-haspopup=\"menu\"><!><span class=\"vx-topnav-heading-text\"></span><!></button>");
+var _t$8 = /* @__PURE__ */ template("<!><span class=\"vx-topnav-heading-text\"></span>", 0, 1);
+var _t$9 = /* @__PURE__ */ template("<button type=\"button\" class=\"vx-topnav-heading-menubtn\" aria-haspopup=\"menu\" aria-label=\"Open heading menu\"></button>");
+var _t$10 = /* @__PURE__ */ template("<!>", 0, 1);
+var _t$11 = /* @__PURE__ */ template("<div><!><!><!><!></div>");
+var _t$12 = /* @__PURE__ */ template("<button></button>");
+var _t$13 = /* @__PURE__ */ template("<span class=\"vx-topnavmenu-item-icon\"></span>");
+var _t$14 = /* @__PURE__ */ template("<span class=\"vx-topnavmenu-item-desc\"></span>");
+var _t$15 = /* @__PURE__ */ template("<a class=\"vx-topnavmenu-item\" role=\"menuitem\"><!><span class=\"vx-topnavmenu-item-text\"><span class=\"vx-topnavmenu-item-title\"></span><!></span></a>", 3);
+var _t$16 = /* @__PURE__ */ template("<div class=\"vx-topnavmenu\" role=\"menu\"><!></div>");
+var _t$17 = /* @__PURE__ */ template("<button type=\"button\" aria-haspopup=\"menu\"><span class=\"vx-topnav-item-label\"></span><!></button><!>", 3, 1);
+var _t$18 = /* @__PURE__ */ template("<div class=\"vx-topnavmegamenu-featured\"></div>");
+var _t$19 = /* @__PURE__ */ template("<div class=\"vx-topnavmegamenu\" role=\"menu\"><div class=\"vx-topnavmegamenu-items\" role=\"none\"></div><!></div>");
+var _t$20 = /* @__PURE__ */ template("<span class=\"vx-topnavmegamenu-item-desc\"></span>");
+var _t$21 = /* @__PURE__ */ template("<!><span class=\"vx-topnavmegamenu-item-text\"><span class=\"vx-topnavmegamenu-item-title\"></span><!></span>", 0, 1);
+var _t$22 = /* @__PURE__ */ template("<img class=\"vx-topnavmegamenu-card-image\"/>");
+var _t$23 = /* @__PURE__ */ template("<a class=\"vx-topnavmegamenu-card-link\"></a>", 3);
+var _t$24 = /* @__PURE__ */ template("<div><!><div class=\"vx-topnavmegamenu-card-body\"><!><!><!><!></div></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(38);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _rm$4 = [
+	"r",
+	"b",
+	"a"
+];
+function __then$0(__props, __s, __extra) {
+	const label = __extra[1];
+	const props = __extra[3];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m9, _m12;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (el) => applyEscapeProps(el, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m6 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m9 = _el1;
+		_m12 = sibling(_el1, 1);
+		_b = bag13(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, null, void 0, _m9, null, void 0, _m12);
+		__s.refFields = _rm$4;
+	} else {
+		const _r = (el) => applyEscapeProps(el, 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:2bd574ef", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-topnav",
+		"vx-topnav--mobilebar",
+		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", label, "b:e3969db3", setAriaAttribute);
+	_b.n = bindSignalChild(__s, _b.n, 1, _b.a, props.heading, "b:00011d3f", _b.g, true, void 0, void 0, void 0);
+	_b.o = bindSignalChild(__s, _b.o, 2, _b.j, props.endContent, "b:0c1adf62", null, void 0, void 0, void 0, true);
+	componentSlotVoid(__s, 3, _b.a, MobileNavToggle, {}, _b.m, void 0, 2, void 0, void 0, "c:b459f76f");
+}
+var __childrenBody = {};
+function __then$6(__props, __s, __extra) {
+	const __block = __s.block;
+	const label = __extra[1];
+	const mobileContent = __extra[2];
+	const props = __extra[3];
+	const startContent = __extra[4];
+	function __children$8(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m4, _m7, _m10, _m13;
+			const _root = clone(_t$1);
+			_m0 = __block.parentNode;
+			const _el0 = child(_root);
+			_m1 = _el0;
+			const _el1 = sibling(_el0, 1);
+			_m4 = _el1;
+			const _el2 = sibling(_el1, 1);
+			_m7 = _el2;
+			const _el3 = sibling(_el2, 1);
+			_m10 = _el3;
+			_m13 = sibling(_el3, 1);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag16(__s, null, _m0, _m1, null, void 0, _m4, null, void 0, _m7, null, void 0, _m10, null, void 0, _m13, null, void 0);
+		}
+		_b.q = bindSignalChild(__s, _b.q, 1, _b.a, props.heading, "b:28eda628", _b.b, true, void 0, void 0, void 0);
+		_b.r = bindSignalChild(__s, _b.r, 2, _b.a, startContent, "b:f4c20f84", _b.e, true, void 0, void 0, void 0);
+		_b.s = bindSignalChild(__s, _b.s, 3, _b.a, props.centerContent, "b:0f25a84b", _b.h, true, void 0, void 0, void 0);
+		_b.t = bindSignalChild(__s, _b.t, 4, _b.a, props.endContent, "b:6421a2a2", _b.k, true, void 0, void 0, void 0);
+		_b.u = bindSignalChild(__s, _b.u, 5, _b.a, mobileContent, "b:0ee56a68", _b.n, true, void 0, void 0, void 0);
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, MobileNav, {
+		"label": label,
+		"className": [
+			"vx-topnav",
+			"vx-topnav--drawer",
+			props.className
+		],
+		"style": props.style,
+		"children": markChildrenBlock(__children$8, __childrenBody)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:3fc0f399");
+}
+var __childrenBody$ = {};
+var __childrenBody$2 = {};
+function __then$19(__props, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	function __children$21(__props, __s, __extra) {
+		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, props.centerContent, "b:0b5c63f4", null, void 0, void 0, void 0, true);
+	}
+	componentSlot(__s, 0, __block.parentNode, TopNavSlotProvider, {
+		"value": "center",
+		"children": markChildrenBlock(__children$21, __childrenBody$2)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:a9077ec5");
+}
+var __childrenBody$3 = {};
+var _rm$27 = [
+	"r",
+	"b",
+	"a"
+];
+function __else$14(__props, __s, __extra) {
+	const hasCenter = __extra[0];
+	const label = __extra[1];
+	const props = __extra[3];
+	const startContent = __extra[4];
+	function __children$16(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m4;
+			const _root = clone(_t$2);
+			_m0 = _root;
+			const _el0 = child(_root);
+			_m1 = _el0;
+			_m4 = sibling(_el0, 1);
+			_b = bag7(__s, _root, _m0, _m1, null, void 0, _m4, null, void 0);
+		}
+		_b.h = bindSignalChild(__s, _b.h, 1, _b.a, props.heading, "b:2330a193", _b.b, true, void 0, void 0, void 0);
+		_b.i = bindSignalChild(__s, _b.i, 2, _b.a, startContent, "b:2c42a0f6", _b.e, true, void 0, void 0, void 0);
+	}
+	function __children$25(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0;
+			const _root = clone(_t$4);
+			_m0 = _root;
+			_b = bag3(__s, _root, _m0, null, void 0);
+		}
+		_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.endContent, "b:8fdc0f90", null, void 0, void 0, void 0, true);
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m7, _m8;
+		const _root = clone(_t$5);
+		queueRefAttach(__s, _m1 = (el) => applyEscapeProps(el, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = sibling(child(_root), 1);
+		_m6 = _el0;
+		_m7 = child(_root);
+		_m8 = sibling(_el0, 1);
+		_b = bag9(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, _m7, _m8);
+		__s.refFields = _rm$27;
+	} else {
+		const _r = (el) => applyEscapeProps(el, 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:7358f99d", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-topnav",
+		hasCenter && "vx-topnav--grid",
+		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", label, "b:58ba25e4", setAriaAttribute);
+	componentSlot(__s, 1, _b.a, TopNavSlotProvider, {
+		"value": "start",
+		"children": markChildrenBlock(__children$16, __childrenBody$)
+	}, _b.h, void 0, void 0, void 0, void 0, "c:f5372f9b");
+	{
+		const __ifCondition = hasCenter;
+		ifBlock(__s, 2, _b.a, __ifCondition, __then$19, null, _b.g, __ifCondition ? [props] : void 0);
+	}
+	componentSlot(__s, 3, _b.a, TopNavSlotProvider, {
+		"value": "end",
+		"children": markChildrenBlock(__children$25, __childrenBody$3)
+	}, _b.i, void 0, void 0, void 0, void 0, "c:08205cf1");
+}
+function __else$5(__props, __s, __extra) {
+	const __block = __s.block;
+	const hasCenter = __extra[0];
+	const label = __extra[1];
+	const mobileContent = __extra[2];
+	const props = __extra[3];
+	const renderMode = __extra[4];
+	const startContent = __extra[5];
+	ifBlock(__s, 0, __block.parentNode, renderMode === "drawer", __then$6, __else$14, __block.endMarker, [
+		hasCenter,
+		label,
+		mobileContent,
+		props,
+		startContent
+	]);
+}
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
+function __then$31(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$6);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "aria-label", props.logoLabel, "b:581a32e0", setAriaAttribute);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, props.logo, "b:58d5786d", null, void 0, void 0, void 0, true);
+}
+var _rm$36 = [
+	"r",
+	"b",
+	"a"
+];
+function __then$30(__props, __s, __extra) {
+	const anchor = __extra[1];
+	const hasMenu = __extra[2];
+	const lines = __extra[3];
+	const menuOpen = __extra[4];
+	const props = __extra[5];
+	const setMenuOpen = __extra[6];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m3, _m4, _m5, _m8;
+		const _root = clone(_t$7);
+		queueRefAttach(__s, _m1 = (el) => {
+			anchor.current = el;
+		}, _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m3 = evt1(_root, "$$click", setMenuOpen, !menuOpen);
+		const _el0 = child(_root);
+		_m4 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m5 = _el1;
+		_m8 = sibling(_el1, 1);
+		_b = bag9(__s, _root, _m0, _m1, void 0, _m3, _m4, _m5, null, void 0, _m8);
+		__s.refFields = _rm$36;
+	} else {
+		{
+			const _r = (el) => {
+				anchor.current = el;
+			};
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		evt1u(_b.d, setMenuOpen, !menuOpen);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "aria-expanded", hasMenu ? menuOpen : void 0, "b:a4aaa400", setAriaAttribute);
+	{
+		const __ifCondition$ = props.logo != null;
+		ifBlock(__s, 1, _b.a, __ifCondition$, __then$31, null, _b.e, __ifCondition$ ? [props] : void 0);
+	}
+	_b.j = bindSignalChild(__s, _b.j, 2, _b.f, lines, "b:6c1fd235", null, void 0, void 0, void 0, true);
+	componentSlot(__s, 3, _b.a, Icon, {
+		"name": "xplat-chevron-down",
+		"size": 16
+	}, _b.i, void 0, 2, void 0, void 0, "c:81e0bfd2");
+}
+function __else$37(__props, __s, __extra) {
+	const __block = __s.block;
+	const LinkEl = __extra[0];
+	const lines = __extra[3];
+	const props = __extra[5];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m4;
+		const _root = clone(_t$8);
+		_m0 = __block.parentNode;
+		const _el0 = child(_root);
+		_m1 = _el0;
+		_m4 = sibling(_el0, 1);
+		drainFrag(_root, __block.parentNode, __block.endMarker);
+		_b = bag7(__s, null, _m0, _m1, null, void 0, _m4, null, void 0);
+	}
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.a, props.logo != null ? props.headingHref != null ? createScopedValue(() => createScopedElement(LinkEl, {
+		className: "vx-topnav-heading-logo",
+		href: props.headingHref,
+		"aria-label": props.logoLabel
+	}, () => props.logo, "c:50b64d7a")) : createScopedValue(() => createScopedElement("span", {
+		className: "vx-topnav-heading-logo",
+		"aria-label": props.logoLabel
+	}, () => props.logo)) : null, "b:2ae4126a", _b.b, true, void 0, void 0, void 0);
+	_b.i = bindSignalChild(__s, _b.i, 2, _b.e, lines, "b:12a6be8f", null, void 0, void 0, void 0, true);
+}
+var _rm$43 = [
+	"r",
+	"b",
+	"a"
+];
+function __then$41(__props, __s, __extra) {
+	const anchor = __extra[0];
+	const menuOpen = __extra[1];
+	const setMenuOpen = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m3;
+		const _root = clone(_t$9);
+		queueRefAttach(__s, _m1 = (el) => {
+			anchor.current = el;
+		}, _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m3 = evt1(_root, "$$click", setMenuOpen, !menuOpen);
+		_b = bag4(__s, _root, _m0, _m1, void 0, _m3);
+		__s.refFields = _rm$43;
+	} else {
+		{
+			const _r = (el) => {
+				anchor.current = el;
+			};
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		evt1u(_b.d, setMenuOpen, !menuOpen);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "aria-expanded", menuOpen, "b:c08ae364", setAriaAttribute);
+	componentSlot(__s, 1, _b.a, Icon, {
+		"name": "xplat-chevron-down",
+		"size": 16
+	}, void 0, void 0, 2, void 0, void 0, "c:731d280d");
+}
+var __childrenBody$4 = {};
+var __childrenBody$5 = {};
+var _rm$51 = [
+	"r",
+	"b",
+	"a"
+];
+var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
+var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
+var __childrenBody$6 = {};
+function __then$52(__props, __s, __extra) {
+	const __block = __s.block;
+	const ItemEl = __extra[0];
+	const content = __extra[1];
+	const props = __extra[3];
+	const shared = __extra[4];
+	function __children$54(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$10);
+			_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, content, "b:cefe4872", _b.b, true, void 0, true, void 0);
+	}
+	componentSlot(__s, 0, __block.parentNode, ItemEl, {
+		...shared,
+		"href": props.href,
+		"target": props.target,
+		"rel": props.rel,
+		"download": props.download,
+		"referrerPolicy": props.referrerPolicy,
+		"ref": (el) => applyEscapeProps(el, props),
+		"children": markChildrenBlock(__children$54, __childrenBody$6)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:7aa23eb9");
+}
+var _rm$58 = [
+	"s",
+	"f",
+	"e"
+];
+function __else$56(__props, __s, __extra) {
+	const content = __extra[1];
+	const isDisabled = __extra[2];
+	const props = __extra[3];
+	const shared = __extra[4];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2, _m3, _m4, _m5;
+		const _root = clone(_t$12);
+		_m0 = snapshotSpread(shared);
+		_m1 = "button";
+		_m2 = isDisabled;
+		_m3 = (el) => applyEscapeProps(el, props);
+		_m4 = _root;
+		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
+			[true, _m0],
+			[
+				false,
+				"type",
+				_m1
+			],
+			[
+				false,
+				"disabled",
+				_m2
+			],
+			[
+				false,
+				"ref",
+				_m3
+			]
+		], "b:32d142da", true);
+		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
+		__s.refFields = _rm$58;
+	} else {
+		_b.a = snapshotSpread(shared);
+		{
+			const _v = "button";
+			if (_b.b !== _v) _b.b = _v;
+		}
+		{
+			const _v = isDisabled;
+			if (_b.c !== _v) _b.c = _v;
+		}
+		{
+			const _v = (el) => applyEscapeProps(el, props);
+			if (_b.d !== _v) _b.d = _v;
+		}
+		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
+			[true, _b.a],
+			[
+				false,
+				"type",
+				_b.b
+			],
+			[
+				false,
+				"disabled",
+				_b.c
+			],
+			[
+				false,
+				"ref",
+				_b.d
+			]
+		], "b:32d142da", true);
+	}
+	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, content, "b:fa850a35", null, void 0, void 0, void 0, true);
+}
+var _key$64 = (item) => item.title;
+var __event = (e, item, setOpen) => {
+	item.onClick?.();
+	if (!item.href) item.href;
+	setOpen(false);
+};
+function __then$66(__props, __s, __extra) {
+	const item = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$13);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, navIcon(item.icon), "b:eb21f061", null, void 0, void 0, void 0, true);
+}
+function __then$70(__props, __s, __extra) {
+	const item = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$14);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, item.description, "b:8d8b2907", null, void 0, void 0, void 0, true);
+}
+function __item$65(item, __s, __extra) {
+	const setOpen = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m3, _m4, _m5, _m6, _m7;
+		const _root = clone(_t$15);
+		_m1 = _root;
+		_m3 = evt2e(_root, "$$click", __event, item, setOpen);
+		const _el0 = child(_root);
+		_m4 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m5 = _el1;
+		_m6 = sibling(child(_el1), 1);
+		_m7 = child(_el1);
+		_b = bag10(__s, _root, void 0, _m1, void 0, _m3, _m4, _m5, _m6, _m7, null, void 0);
+	} else evt2u(_b.d, __event, item, setOpen);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "href", item.href, "b:9662a649", setURLAttribute);
+	_b.c = setPlainAttributeIfChanged(-1, _b.c, _b.b, "tabindex");
+	{
+		const __ifCondition$3 = item.icon != null;
+		ifBlock(__s, 1, _b.b, __ifCondition$3, __then$66, null, _b.e, __ifCondition$3 ? [item] : void 0);
+	}
+	_b.k = bindSignalChild(__s, _b.k, 2, _b.h, item.title, "b:b5a696f7", null, void 0, void 0, void 0, true);
+	{
+		const __ifCondition$4 = item.description != null;
+		ifBlock(__s, 3, _b.f, __ifCondition$4, __then$70, null, _b.g, __ifCondition$4 ? [item] : void 0);
+	}
+}
+var __childrenBody$7 = {};
+var _rm$74 = [
+	"r",
+	"b",
+	"a"
+];
+function __then$80(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$18);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.featured, "b:9f4b33f1", null, void 0, void 0, void 0, true);
+}
+var __childrenBody$8 = {};
+var _rm$83 = [
+	"r",
+	"b",
+	"a"
+];
+function __then$88(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$20);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.description, "b:702b90d3", null, void 0, void 0, void 0, true);
+}
+var __childrenBody$9 = {};
+function __then$91(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$22);
+		_m1 = _root;
+		_b = bag3(__s, _root, void 0, _m1, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "src", props.image, "b:df202a0d", setURLAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "alt", props.imageAlt ?? "", "b:bd87a5ca", setPlainAttribute);
+}
+var __childrenBody$10 = {};
+var __childrenBody$11 = {};
+function __then$96(__props, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	function __children$98(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$10);
+			_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, props.description, "b:adc36c3f", _b.b, true, void 0, true, void 0);
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Text, {
+		"className": "vx-topnavmegamenu-card-desc",
+		"children": markChildrenBlock(__children$98, __childrenBody$11)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:aa163bf6");
+}
+function __then$101(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$23);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "href", props.linkHref, "b:98350ad7", setURLAttribute);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, props.linkLabel, "b:59056919", null, void 0, void 0, void 0, true);
+}
+var _rm$105 = [
+	"r",
+	"b",
+	"a"
+];
+function navIcon(icon, size = 16) {
+	return typeof icon === "string" ? createScopedValue(() => createElementFromConfig("c:637e634f", Icon, {
+		name: icon,
+		size
+	})) : icon;
+}
+var TopNav = function TopNav(props, __s, __extra) {
+	const __block = __s.block;
+	const renderMode = withSlot(_h$0, useTopNavRenderMode);
+	const mobileContent = withSlot(_h$1, useTopNavMobileContent);
+	const label = props.label ?? "Top navigation";
+	const startContent = props.startContent ?? props.children;
+	const hasCenter = props.centerContent != null;
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	ifBlock(__s, 0, __block.parentNode, renderMode === "mobile-bar", __then$0, __else$5, __block.endMarker, [
+		hasCenter,
+		label,
+		mobileContent,
+		props,
+		renderMode,
+		startContent
+	]);
+};
+var TopNavHeading = /* @__PURE__ */ __s(function TopNavHeading(props, __s, __extra) {
+	__s.block;
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 10);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(5);
+	let __hkd0;
+	const anchor = useRef(null, _hs$ + 2);
+	const [menuOpen, setMenuOpen] = useState(false, _hs$ + 3);
+	withSlot(_h$4, useTopNavRenderMode);
+	const hasLinks = !!(props.headingHref || props.superheadingHref || props.subheadingHref);
+	const hasMenu = props.menu != null;
+	const headerIsTrigger = hasMenu && !hasLinks;
+	const closeMenu = __hk[0] !== true ? hookMemoPublish0(__hk, 0, () => setMenuOpen(false)) : __hk[1];
+	const closeCtx = (__hkd0 = closeMenu, __hk[2] !== true || !hookMemoEqual(__hk[3], __hkd0) ? hookMemoPublish1(__hk, 2, { closeMenu }, __hkd0) : __hk[4]);
+	const LinkEl = props.as ?? "a";
+	const headingLink = props.heading ? createScopedValue(() => createScopedElement(LinkEl, {
+		className: "vx-topnav-heading-title",
+		href: props.headingHref
+	}, () => props.heading, "c:d7cbaec7")) : null;
+	const superLink = props.superheading ? createScopedValue(() => createScopedElement(LinkEl, {
+		className: "vx-topnav-heading-super",
+		href: props.superheadingHref
+	}, () => props.superheading, "c:ad3ba99a")) : null;
+	const subLink = props.subheading ? createScopedValue(() => createScopedElement(LinkEl, {
+		className: "vx-topnav-heading-sub",
+		href: props.subheadingHref
+	}, () => props.subheading, "c:81130330")) : null;
+	const lines = createScopedElement(Fragment, {}, () => positionalChildren([
+		superLink,
+		headingLink,
+		subLink
+	]));
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	function __children$47(__props, __s, __extra) {
+		const __block = __s.block;
+		function __children$49(__props, __s, __extra) {
+			const __block = __s.block;
+			let _b = __s.slots[0];
+			if (_b === void 0) {
+				let _m0, _m1;
+				const _root = clone(_t$10);
+				_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, props.menu, "b:c8da2d28", _b.b, true, void 0, true, void 0);
+		}
+		componentSlotVoid(__s, 0, __block.parentNode, Popover, {
+			"anchor": anchor,
+			"open": menuOpen,
+			"placement": "bottom",
+			"onDismiss": () => setMenuOpen(false),
+			"className": "vx-headingmenu-pop",
+			"children": markChildrenBlock(__children$49, __childrenBody$4)
+		}, __block.endMarker, void 0, void 0, void 0, void 0, "c:1caf7391");
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6, _m7, _m10;
+		const _root = clone(_t$11);
+		queueRefAttach(__s, _m1 = (el) => applyEscapeProps(el, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m5 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m6 = _el1;
+		const _el2 = sibling(_el1, 1);
+		_m7 = _el2;
+		_m10 = sibling(_el2, 1);
+		_b = bag11(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6, _m7, null, void 0, _m10);
+		__s.refFields = _rm$51;
+	} else {
+		const _r = (el) => applyEscapeProps(el, 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:7b2bc98b", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-topnav-heading", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	ifBlock(__s, 1, _b.a, headerIsTrigger, __then$30, __else$37, _b.f, [
+		LinkEl,
+		anchor,
+		hasMenu,
+		lines,
+		menuOpen,
+		props,
+		setMenuOpen
+	]);
+	{
+		const __ifCondition$2 = hasMenu && !headerIsTrigger;
+		ifBlock(__s, 2, _b.a, __ifCondition$2, __then$41, null, _b.g, __ifCondition$2 ? [
+			anchor,
+			menuOpen,
+			setMenuOpen
+		] : void 0);
+	}
+	_b.l = bindSignalChild(__s, _b.l, 3, _b.a, props.headerEndContent, "b:0cd03726", _b.h, true, void 0, void 0, void 0);
+	componentSlot(__s, 4, _b.a, NavHeadingCloseProvider, {
+		"value": closeCtx,
+		"children": markChildrenBlock(__children$47, __childrenBody$5)
+	}, _b.k, void 0, void 0, void 0, void 0, "c:ada27b41");
+});
+var TopNavItem = function TopNavItem(props, __s, __extra) {
+	const __block = __s.block;
+	const renderMode = withSlot(_h$5, useTopNavRenderMode);
+	withSlot(_h$6, useTopNavSlot);
+	const isDrawer = renderMode === "drawer";
+	const isDisabled = props.isDisabled ?? false;
+	const size = props.size ?? "md";
+	const activate = (e) => {
+		if (isDisabled) {
+			e?.preventDefault?.();
+			return;
+		}
+		props.onClick?.();
+	};
+	const cls = [
+		"vx-topnav-item",
+		"vx-topnav-item--" + size,
+		isDrawer && "vx-topnav-item--drawer",
+		props.isSelected && "vx-topnav-item--selected",
+		props.isIconOnly && "vx-topnav-item--icon",
+		isDisabled && "vx-topnav-item--disabled",
+		props.className
+	];
+	const content = createScopedElement(Fragment, {}, () => positionalChildren([props.icon != null ? createScopedElement("span", {
+		className: "vx-topnav-item-icon",
+		"aria-hidden": "true"
+	}, () => navIcon(props.icon)) : null, props.isIconOnly ? null : props.children ?? createScopedElement("span", { className: "vx-topnav-item-label" }, () => props.label)]));
+	const shared = {
+		id: props.id,
+		className: cls,
+		style: props.style,
+		"aria-current": props.isSelected ? "page" : void 0,
+		"aria-disabled": isDisabled || void 0,
+		"aria-label": props.isIconOnly ? props.label : void 0,
+		onClick: activate
+	};
+	const ItemEl = props.href != null && !isDisabled ? props.as ?? "a" : "button";
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	ifBlock(__s, 0, __block.parentNode, props.href != null && !isDisabled, __then$52, __else$56, __block.endMarker, [
+		ItemEl,
+		content,
+		isDisabled,
+		props,
+		shared
+	]);
+};
+var TopNavMenu = /* @__PURE__ */ markWarm(function TopNavMenu(props, __s, __extra) {
+	const __block = __s.block;
+	const anchor = useRef(null, _hs$ + 7);
+	const [open, setOpen] = useState(false, _hs$ + 8);
+	const delay = props.delay ?? 150;
+	const hideDelay = props.hideDelay ?? 200;
+	const showTimer = useRef(null, _hs$ + 9);
+	const hideTimer = useRef(null, _hs$ + 10);
+	const show = () => {
+		clearTimeout(hideTimer.current);
+		clearTimeout(showTimer.current);
+		showTimer.current = setTimeout(() => setOpen(true), delay);
+	};
+	const hide = () => {
+		clearTimeout(showTimer.current);
+		clearTimeout(hideTimer.current);
+		hideTimer.current = setTimeout(() => setOpen(false), hideDelay);
+	};
+	const toggle = () => {
+		clearTimeout(showTimer.current);
+		clearTimeout(hideTimer.current);
+		setOpen(!open);
+	};
+	const __warmPlan = TopNavMenu.__warm;
+	if (typeof __warmPlan === "function") registerWarmPlan(__warmPlan, props);
+	else registerWarmPlan(() => {
+		warmChild(Icon, {
+			name: "xplat-chevron-down",
+			size: 16
+		});
+	}, void 0);
+	function __children$63(__props, __s, __extra) {
+		const __memoRegion$ = compilerMemoRegion(__s, _hs$ + 22);
+		const __memoCommitted$22 = __memoRegion$.auto;
+		let __memoCache$22 = __memoCommitted$22 === void 0 ? [] : __memoCommitted$22;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$16);
+			_m0 = _root;
+			setEventHandler(_root, "$$mouseenter", () => clearTimeout(hideTimer.current));
+			setEventHandler(_root, "$$mouseleave", hide);
+			_m1 = child(_root);
+			_b = bag2(__s, _root, _m0, _m1);
+		} else {
+			setEventHandler(_b.a, "$$mouseenter", () => clearTimeout(hideTimer.current));
+			setEventHandler(_b.a, "$$mouseleave", hide);
+		}
+		{
+			const _v = props.items;
+			{
+				const __memoDep = _v;
+				const __memoDep$ = setOpen;
+				if (__s.slots[1] === void 0 || __memoCache$22[2] !== true || !hookMemoEqual(__memoCache$22[0], __memoDep) || !hookMemoEqual(__memoCache$22[1], __memoDep$)) {
+					forBlock(__s, 1, _b.a, _v, _key$64, __item$65, 58, [setOpen], null, _b.b, true, "f3hnac4");
+					if (__memoCache$22 === __memoCommitted$22) __memoCache$22 = __memoCache$22.slice();
+					__memoCache$22[0] = __memoDep;
+					__memoCache$22[1] = __memoDep$;
+					__memoCache$22[2] = true;
+				}
+			}
+		}
+		if (__memoCache$22 !== __memoCommitted$22) __memoRegion$.auto = __memoCache$22;
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m9, _m10, _m11;
+		const _root = clone(_t$17);
+		const _el0 = child(_root);
+		queueRefAttach(__s, _m1 = (el) => {
+			anchor.current = el;
+			applyEscapeProps(el, props);
+		}, _m0 = _el0);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		setEventHandler(_el0, "$$mouseenter", show);
+		setEventHandler(_el0, "$$mouseleave", hide);
+		setEventHandler(_el0, "$$click", toggle);
+		const _el1 = child(_el0);
+		_m6 = _el1;
+		_m9 = sibling(_el1, 1);
+		_m10 = __block.parentNode;
+		_m11 = sibling(_el0, 1);
+		drainFrag(_root, __block.parentNode, __block.endMarker);
+		_b = bag12(__s, null, _m0, _m1, void 0, void 0, void 0, void 0, _m6, null, void 0, _m9, _m10, _m11);
+		__s.refFields = _rm$74;
+	} else {
+		{
+			const _r = (el) => {
+				anchor.current = el;
+				applyEscapeProps(el, props);
+			};
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		setEventHandler(_b.a, "$$mouseenter", show);
+		setEventHandler(_b.a, "$$mouseleave", hide);
+		setEventHandler(_b.a, "$$click", toggle);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:0b9b169e", setPlainAttribute);
+	_b.d = updateFreshClassAttr([
+		"vx-topnav-item",
+		"vx-topnavmenu-trigger",
+		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-expanded", open, "b:1ba8b01d", setAriaAttribute);
+	_b.m = bindSignalChild(__s, _b.m, 1, _b.g, props.label, "b:96430bd1", null, void 0, void 0, void 0, true);
+	componentSlot(__s, 2, _b.a, Icon, {
+		"name": "xplat-chevron-down",
+		"size": 16
+	}, _b.j, void 0, 2, void 0, void 0, "c:78874ab0");
+	componentSlotVoid(__s, 3, _b.k, Popover, {
+		"anchor": anchor,
+		"open": open,
+		"placement": "bottom",
+		"onDismiss": () => setOpen(false),
+		"className": "vx-topnavmenu-pop",
+		"children": markChildrenBlock(__children$63, __childrenBody$7)
+	}, _b.l, void 0, void 0, void 0, void 0, "c:b6a78fba");
+}, (__wp) => {
+	warmChild(Icon, {
+		name: "xplat-chevron-down",
+		size: 16
+	});
+});
+var TopNavMegaMenu = /* @__PURE__ */ markWarm(function TopNavMegaMenu(props, __s, __extra) {
+	const __block = __s.block;
+	const anchor = useRef(null, _hs$ + 11);
+	const [open, setOpen] = useState(false, _hs$ + 12);
+	const delay = props.delay ?? 150;
+	const hideDelay = props.hideDelay ?? 250;
+	const showTimer = useRef(null, _hs$ + 13);
+	const hideTimer = useRef(null, _hs$ + 14);
+	const setOpenTracked = (next) => {
+		if (next !== open) props.onOpenChange?.(next);
+		setOpen(next);
+	};
+	const show = () => {
+		clearTimeout(hideTimer.current);
+		clearTimeout(showTimer.current);
+		showTimer.current = setTimeout(() => setOpenTracked(true), delay);
+	};
+	const hide = () => {
+		clearTimeout(showTimer.current);
+		clearTimeout(hideTimer.current);
+		hideTimer.current = setTimeout(() => setOpenTracked(false), hideDelay);
+	};
+	const toggle = () => {
+		clearTimeout(showTimer.current);
+		clearTimeout(hideTimer.current);
+		setOpenTracked(!open);
+	};
+	const __warmPlan$ = TopNavMegaMenu.__warm;
+	if (typeof __warmPlan$ === "function") registerWarmPlan(__warmPlan$, props);
+	else registerWarmPlan(() => {
+		warmChild(Icon, {
+			name: "xplat-chevron-down",
+			size: 16
+		});
+	}, void 0);
+	function __children$78(__props, __s, __extra) {
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m2;
+			const _root = clone(_t$19);
+			_m0 = _root;
+			setEventHandler(_root, "$$mouseenter", () => clearTimeout(hideTimer.current));
+			setEventHandler(_root, "$$mouseleave", hide);
+			_m1 = sibling(child(_root), 1);
+			_m2 = child(_root);
+			_b = bag5(__s, _root, _m0, _m1, _m2, null, void 0);
+		} else {
+			setEventHandler(_b.a, "$$mouseenter", () => clearTimeout(hideTimer.current));
+			setEventHandler(_b.a, "$$mouseleave", hide);
+		}
+		_b.f = bindSignalChild(__s, _b.f, 1, _b.c, props.items, "b:54256dc9", null, void 0, void 0, void 0, true);
+		{
+			const __ifCondition$5 = props.featured != null;
+			ifBlock(__s, 2, _b.a, __ifCondition$5, __then$80, null, _b.b, __ifCondition$5 ? [props] : void 0);
+		}
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m9, _m10, _m11;
+		const _root = clone(_t$17);
+		const _el0 = child(_root);
+		queueRefAttach(__s, _m1 = (el) => {
+			anchor.current = el;
+			applyEscapeProps(el, props);
+		}, _m0 = _el0);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		setEventHandler(_el0, "$$mouseenter", show);
+		setEventHandler(_el0, "$$mouseleave", hide);
+		setEventHandler(_el0, "$$click", toggle);
+		const _el1 = child(_el0);
+		_m6 = _el1;
+		_m9 = sibling(_el1, 1);
+		_m10 = __block.parentNode;
+		_m11 = sibling(_el0, 1);
+		drainFrag(_root, __block.parentNode, __block.endMarker);
+		_b = bag12(__s, null, _m0, _m1, void 0, void 0, void 0, void 0, _m6, null, void 0, _m9, _m10, _m11);
+		__s.refFields = _rm$83;
+	} else {
+		{
+			const _r = (el) => {
+				anchor.current = el;
+				applyEscapeProps(el, props);
+			};
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		setEventHandler(_b.a, "$$mouseenter", show);
+		setEventHandler(_b.a, "$$mouseleave", hide);
+		setEventHandler(_b.a, "$$click", toggle);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:9ce81c80", setPlainAttribute);
+	_b.d = updateFreshClassAttr([
+		"vx-topnav-item",
+		"vx-topnavmegamenu-trigger",
+		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-expanded", open, "b:0f836aa6", setAriaAttribute);
+	_b.m = bindSignalChild(__s, _b.m, 1, _b.g, props.label, "b:f336b22e", null, void 0, void 0, void 0, true);
+	componentSlot(__s, 2, _b.a, Icon, {
+		"name": "xplat-chevron-down",
+		"size": 16
+	}, _b.j, void 0, 2, void 0, void 0, "c:90d87021");
+	componentSlotVoid(__s, 3, _b.k, Popover, {
+		"anchor": anchor,
+		"open": open,
+		"placement": "bottom",
+		"onDismiss": () => setOpenTracked(false),
+		"className": "vx-topnavmegamenu-pop",
+		"children": markChildrenBlock(__children$78, __childrenBody$8)
+	}, _b.l, void 0, void 0, void 0, void 0, "c:0cab5ecc");
+}, (__wp) => {
+	warmChild(Icon, {
+		name: "xplat-chevron-down",
+		size: 16
+	});
+});
+var TopNavMegaMenuItem = function TopNavMegaMenuItem(props, __s, __extra) {
+	const __block = __s.block;
+	const LinkEl = props.as ?? "a";
+	const ItemEl = props.href != null ? LinkEl : "button";
+	function __children$85(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m2, _m3, _m6;
+			const _root = clone(_t$21);
+			const _el0 = sibling(child(_root), 1);
+			_m0 = _el0;
+			_m1 = sibling(child(_el0), 1);
+			_m2 = __block.parentNode;
+			_m3 = child(_root);
+			_m6 = child(_el0);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag9(__s, null, _m0, _m1, _m2, _m3, null, void 0, _m6, null, void 0);
+		}
+		_b.j = bindSignalChild(__s, _b.j, 1, _b.c, props.icon != null ? createScopedElement("span", { className: "vx-topnavmegamenu-item-icon" }, () => navIcon(props.icon, 20)) : null, "b:75445aff", _b.d, true, void 0, void 0, void 0);
+		_b.k = bindSignalChild(__s, _b.k, 2, _b.g, props.title, "b:8982d2da", null, void 0, void 0, void 0, true);
+		{
+			const __ifCondition$6 = props.description != null;
+			ifBlock(__s, 3, _b.a, __ifCondition$6, __then$88, null, _b.b, __ifCondition$6 ? [props] : void 0);
+		}
+	}
+	componentSlot(__s, 0, __block.parentNode, ItemEl, {
+		"ref": (el) => applyEscapeProps(el, props),
+		"id": props.id,
+		"className": ["vx-topnavmegamenu-item", props.className],
+		"style": props.style,
+		"role": "menuitem",
+		"tabIndex": -1,
+		"href": props.href,
+		"type": props.href == null ? "button" : void 0,
+		"onClick": props.onClick,
+		"children": markChildrenBlock(__children$85, __childrenBody$9)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:2717dc36");
+};
+var TopNavMegaMenuFeaturedCard = /* @__PURE__ */ __s(function TopNavMegaMenuFeaturedCard(props, __s, __extra) {
+	__s.block;
+	function __children$94(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$10);
+			_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, props.title, "b:77a0721e", _b.b, true, void 0, true, void 0);
+	}
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6, _m7, _m8, _m9, _m10;
+		const _root = clone(_t$24);
+		queueRefAttach(__s, _m1 = (el) => applyEscapeProps(el, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m5 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m6 = _el1;
+		const _el2 = sibling(child(_el1), 1);
+		_m7 = _el2;
+		const _el3 = sibling(_el2, 1);
+		_m8 = _el3;
+		_m9 = child(_el1);
+		_m10 = sibling(_el3, 1);
+		_b = bag13(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6, _m7, _m8, _m9, _m10, null, void 0);
+		__s.refFields = _rm$105;
+	} else {
+		const _r = (el) => applyEscapeProps(el, 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:1f351b5c", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-topnavmegamenu-card", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	{
+		const __ifCondition$7 = props.image != null;
+		ifBlock(__s, 1, _b.a, __ifCondition$7, __then$91, null, _b.f, __ifCondition$7 ? [props] : void 0);
+	}
+	componentSlotVoid(__s, 2, _b.g, Text, {
+		"className": "vx-topnavmegamenu-card-title",
+		"children": markChildrenBlock(__children$94, __childrenBody$10)
+	}, _b.j, void 0, void 0, void 0, void 0, "c:0e81f843");
+	{
+		const __ifCondition$8 = props.description != null;
+		ifBlock(__s, 3, _b.g, __ifCondition$8, __then$96, null, _b.h, __ifCondition$8 ? [props] : void 0);
+	}
+	{
+		const __ifCondition$9 = props.linkHref != null && props.linkLabel != null;
+		ifBlock(__s, 4, _b.g, __ifCondition$9, __then$101, null, _b.i, __ifCondition$9 ? [props] : void 0);
+	}
+	_b.n = bindSignalChild(__s, _b.n, 5, _b.g, props.children, "b:d2177b81", _b.k, true, void 0, void 0, void 0);
+});
+//#endregion
+export { TopNav, TopNavHeading, TopNavItem, TopNavMegaMenu, TopNavMegaMenuFeaturedCard, TopNavMegaMenuItem, TopNavMenu, TopNavRenderContext, useTopNavMobileContent, useTopNavRenderMode, useTopNavSlot };