@astryx-vue/core 0.2.5 → 0.3.0

package/dist/{TopNav-arWFLTBM.js → TopNav-Ciq0l1w7.js}

@@ -1,20 +1,21 @@
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { n as useAppShellMobile } from "./useAppShellMobile-DTsyuAJ4.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { n as _sfc_main$8, r as mobileNavKey, t as _sfc_main$7 } from "./MobileNavToggle-Dh3uLivq.js";
-import { t as _sfc_main$9 } from "./Icon-bteSId7T.js";
-import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
-import { t as _sfc_main$10 } from "./NavItem-FFOisITc.js";
-import { n as navMenuCloseKey, t as _sfc_main$11 } from "./NavDisclosure-C6sPZ89n.js";
-import { n as _sfc_main$13, t as _sfc_main$12 } from "./NavMenuItem-E7S8gBh-.js";
-import { t as _sfc_main$14 } from "./NavHeadingSurface-Cb3x9iDx.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, withCtx, withDirectives, withModifiers } from "vue";
+import { n as _sfc_main$9, r as mobileNavKey, t as _sfc_main$8 } from "./MobileNavToggle-DxGz0xKA.js";
+import { t as _sfc_main$10 } from "./Icon-bteSId7T.js";
+import { n as resolveNavRoot } from "./link-C4_WogdF.js";
+import { t as _sfc_main$11 } from "./NavItem-BBIGSvDj.js";
+import { n as navMenuCloseKey, t as _sfc_main$12 } from "./NavDisclosure-C_fugrQ3.js";
+import { n as _sfc_main$14, t as _sfc_main$13 } from "./NavMenuItem-BvJNsDFC.js";
+import { t as _sfc_main$15 } from "./NavHeadingSurface-B3yJspSN.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, nextTick, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import "../styles/top-nav.css";
 //#region src/TopNav/TopNav.vue
-const _hoisted_1$4 = ["aria-label"];
-const _hoisted_2$4 = { class: "astryx-top-nav__start" };
-const _hoisted_3$4 = {
+const _hoisted_1$5 = ["aria-label"];
+const _hoisted_2$5 = { class: "astryx-top-nav__start" };
+const _hoisted_3$5 = {
 	key: 0,
 	class: "astryx-top-nav__heading"
 };
@@ -22,14 +23,14 @@ const _hoisted_4$4 = {
 	key: 1,
 	class: "astryx-top-nav__items"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
 	key: 0,
 	class: "astryx-top-nav__center"
 };
-const _hoisted_6$1 = { class: "astryx-top-nav__end" };
-const _hoisted_7$1 = { class: "astryx-top-nav__drawer" };
-const _hoisted_8$1 = { class: "astryx-top-nav__drawer" };
-const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+const _hoisted_6 = { class: "astryx-top-nav__end" };
+const _hoisted_7 = { class: "astryx-top-nav__drawer" };
+const _hoisted_8 = { class: "astryx-top-nav__drawer" };
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTopNav",
 	__name: "TopNav",
 	props: {
@@ -61,36 +62,36 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(["astryx-top-nav", { "astryx-top-nav--centered": hasCenter.value && !isCompact.value }]),
 					"aria-label": label.value
 				}, [
-					createElementVNode("div", _hoisted_2$4, [unref(slots).heading ? (openBlock(), createElementBlock("div", _hoisted_3$4, [renderSlot(_ctx.$slots, "heading")])) : createCommentVNode("v-if", true), !isCompact.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "start"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true)]),
-					hasCenter.value && !isCompact.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "center")])) : createCommentVNode("v-if", true),
-					createElementVNode("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "end"), showShellToggle.value ? (openBlock(), createBlock(_sfc_main$7, {
+					createElementVNode("div", _hoisted_2$5, [unref(slots).heading ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "heading")])) : createCommentVNode("v-if", true), !isCompact.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "start"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true)]),
+					hasCenter.value && !isCompact.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [renderSlot(_ctx.$slots, "center")])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "end"), showShellToggle.value ? (openBlock(), createBlock(_sfc_main$8, {
 						key: 0,
 						"is-open": unref(shell).isMobileNavOpen,
 						controls: unref(shell).mobileNavId,
 						"onUpdate:isOpen": setShellOpen
-					}, null, 8, ["is-open", "controls"])) : ownsDrawer.value && hasDrawer.value ? (openBlock(), createBlock(_sfc_main$7, {
+					}, null, 8, ["is-open", "controls"])) : ownsDrawer.value && hasDrawer.value ? (openBlock(), createBlock(_sfc_main$8, {
 						key: 1,
 						"is-open": mobileOpen.value,
 						"onUpdate:isOpen": _cache[0] || (_cache[0] = ($event) => mobileOpen.value = $event),
 						controls: drawerId
 					}, null, 8, ["is-open"])) : createCommentVNode("v-if", true)])
-				], 10, _hoisted_1$4),
+				], 10, _hoisted_1$5),
 				shellCompact.value && hasDrawer.value ? (openBlock(), createBlock(Teleport, {
 					key: 0,
 					to: `#${unref(shell).mobileNavId}-items`
-				}, [createElementVNode("div", _hoisted_7$1, [
+				}, [createElementVNode("div", _hoisted_7, [
 					renderSlot(_ctx.$slots, "start"),
 					renderSlot(_ctx.$slots, "default"),
 					renderSlot(_ctx.$slots, "center")
 				])], 8, ["to"])) : createCommentVNode("v-if", true),
-				ownsDrawer.value && hasDrawer.value ? (openBlock(), createBlock(_sfc_main$8, {
+				ownsDrawer.value && hasDrawer.value ? (openBlock(), createBlock(_sfc_main$9, {
 					key: 1,
 					id: drawerId,
 					"is-open": mobileOpen.value,
 					"onUpdate:isOpen": _cache[1] || (_cache[1] = ($event) => mobileOpen.value = $event),
 					label: label.value
 				}, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_8$1, [
+					default: withCtx(() => [createElementVNode("div", _hoisted_8, [
 						renderSlot(_ctx.$slots, "start"),
 						renderSlot(_ctx.$slots, "default"),
 						renderSlot(_ctx.$slots, "center")
@@ -103,7 +104,7 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/TopNav/TopNavHeading.vue
-const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTopNavHeading",
 	__name: "TopNavHeading",
 	props: {
@@ -122,7 +123,7 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const headingHref = computed(() => props.headingHref ?? props.href);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$14, {
+			return openBlock(), createBlock(_sfc_main$15, {
 				kind: "top",
 				as: __props.as,
 				heading: __props.heading,
@@ -163,7 +164,7 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/TopNav/TopNavItem.vue
-const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTopNavItem",
 	__name: "TopNavItem",
 	props: {
@@ -193,7 +194,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const inDrawer = inject(mobileNavKey, false);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$10, {
+			return openBlock(), createBlock(_sfc_main$11, {
 				class: normalizeClass(["astryx-top-nav-item", { "astryx-top-nav-item--drawer": unref(inDrawer) }]),
 				as: __props.as,
 				block: unref(inDrawer),
@@ -225,29 +226,66 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
+//#region src/TopNav/TopNavMegaMenuPanel.vue
+const _hoisted_1$4 = ["aria-label"];
+const _hoisted_2$4 = { class: "astryx-top-nav-mega__items" };
+const _hoisted_3$4 = {
+	key: 0,
+	class: "astryx-top-nav-mega__featured"
+};
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	name: "AstryxTopNavMegaMenuPanel",
+	__name: "TopNavMegaMenuPanel",
+	props: {
+		label: {},
+		focusRequest: { default: null }
+	},
+	setup(__props) {
+		const props = __props;
+		const { listRef, handleKeyDown, focusFirst, focusLast } = useListFocus({
+			hasHomeEnd: true,
+			itemSelector: ".astryx-top-nav-mega-item",
+			wrap: true
+		});
+		listRef.value;
+		function applyFocus(request) {
+			if (request == null) return;
+			nextTick(() => {
+				if (request === "last") focusLast();
+				else focusFirst();
+			});
+		}
+		onMounted(() => applyFocus(props.focusRequest));
+		watch(() => props.focusRequest, applyFocus);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 方向键从内部链接冒泡上来；这一层只负责在面板里移动焦点。 "), createElementVNode("div", {
+				ref_key: "listRef",
+				ref: listRef,
+				class: "astryx-top-nav-mega__layout",
+				role: "group",
+				"aria-label": __props.label,
+				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
+			}, [createElementVNode("div", _hoisted_2$4, [renderSlot(_ctx.$slots, "default")]), _ctx.$slots.featured ? (openBlock(), createElementBlock("div", _hoisted_3$4, [renderSlot(_ctx.$slots, "featured")])) : createCommentVNode("v-if", true)], 40, _hoisted_1$4)], 2112);
+		};
+	}
+});
+//#endregion
 //#region src/TopNav/TopNavMegaMenu.vue
 const _hoisted_1$3 = {
 	key: 0,
 	class: "astryx-top-nav-mega astryx-top-nav-mega--drawer"
 };
 const _hoisted_2$3 = ["aria-expanded"];
-const _hoisted_3$3 = { class: "astryx-top-nav-mega__drawer" };
-const _hoisted_4$3 = { class: "astryx-top-nav-mega__items" };
-const _hoisted_5 = {
+const _hoisted_3$3 = { class: "astryx-top-nav-mega__drawer-items" };
+const _hoisted_4$3 = {
 	key: 0,
 	class: "astryx-top-nav-mega__featured"
 };
-const _hoisted_6 = [
+const _hoisted_5$1 = [
 	"data-open",
 	"aria-expanded",
 	"aria-controls"
 ];
-const _hoisted_7 = { class: "astryx-top-nav-mega__layout" };
-const _hoisted_8 = ["aria-label"];
-const _hoisted_9 = {
-	key: 0,
-	class: "astryx-top-nav-mega__featured"
-};
 const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTopNavMegaMenu",
 	__name: "TopNavMegaMenu",
@@ -261,31 +299,29 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const inDrawer = inject(mobileNavKey, false);
 		const expanded = ref(false);
-		const { listRef, handleKeyDown } = useListFocus({
-			hasHomeEnd: true,
-			itemSelector: ".astryx-top-nav-mega-item",
-			orientation: "both",
-			wrap: true
-		});
-		listRef.value;
+		const drawerItemsId = `astryx-top-nav-mega-items-${useId()}`;
 		return (_ctx, _cache) => {
 			return unref(inDrawer) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("button", {
 				type: "button",
 				class: "astryx-top-nav-menu__drawer-trigger",
+				"aria-controls": drawerItemsId,
 				"aria-expanded": expanded.value ? "true" : "false",
 				onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
-			}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$9, {
+			}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$10, {
 				icon: "chevronDown",
 				size: "sm",
 				class: normalizeClass({ "astryx-top-nav-menu__chevron--open": expanded.value })
-			}, null, 8, ["class"])], 8, _hoisted_2$3), withDirectives(createElementVNode("div", _hoisted_3$3, [createElementVNode("div", _hoisted_4$3, [renderSlot(_ctx.$slots, "default")]), _ctx.$slots.featured ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "featured")])) : createCommentVNode("v-if", true)], 512), [[vShow, expanded.value]])])) : (openBlock(), createBlock(_sfc_main$11, {
+			}, null, 8, ["class"])], 8, _hoisted_2$3), withDirectives(createElementVNode("div", {
+				id: drawerItemsId,
+				class: "astryx-top-nav-mega__drawer"
+			}, [createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "default")]), _ctx.$slots.featured ? (openBlock(), createElementBlock("div", _hoisted_4$3, [renderSlot(_ctx.$slots, "featured")])) : createCommentVNode("v-if", true)], 512), [[vShow, expanded.value]])])) : (openBlock(), createBlock(_sfc_main$12, {
 				key: 1,
 				hover: "",
 				"panel-class": "astryx-top-nav-mega__panel",
 				"hide-delay": __props.hideDelay,
 				label: __props.label,
 				"show-delay": __props.showDelay,
-				onOpenChange: _cache[2] || (_cache[2] = ($event) => emit("openChange", $event))
+				onOpenChange: _cache[1] || (_cache[1] = ($event) => emit("openChange", $event))
 			}, {
 				trigger: withCtx(({ isOpen, panelId }) => [createElementVNode("button", {
 					type: "button",
@@ -294,23 +330,19 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 					"aria-expanded": isOpen ? "true" : "false",
 					"aria-controls": panelId,
 					"aria-haspopup": "menu"
-				}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$9, {
+				}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$10, {
 					icon: "chevronDown",
 					size: "sm",
 					class: normalizeClass(["astryx-top-nav-menu__chevron", { "astryx-top-nav-menu__chevron--open": isOpen }])
-				}, null, 8, ["class"])], 8, _hoisted_6)]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_7, [
-					createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 方向键从内部链接冒泡上来；这一层只负责在大菜单里移动焦点。 "),
-					createElementVNode("div", {
-						ref_key: "listRef",
-						ref: listRef,
-						class: "astryx-top-nav-mega__items",
-						role: "group",
-						"aria-label": __props.label,
-						onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
-					}, [renderSlot(_ctx.$slots, "default")], 40, _hoisted_8),
-					_ctx.$slots.featured ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "featured")])) : createCommentVNode("v-if", true)
-				])]),
+				}, null, 8, ["class"])], 8, _hoisted_5$1)]),
+				default: withCtx(({ focusRequest }) => [createVNode(_sfc_main$4, {
+					"focus-request": focusRequest,
+					label: __props.label
+				}, {
+					featured: withCtx(() => [renderSlot(_ctx.$slots, "featured")]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["focus-request", "label"])]),
 				_: 3
 			}, 8, [
 				"hide-delay",
@@ -350,13 +382,16 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const closeMenu = inject(navMenuCloseKey, void 0);
+		const linkComponent = useLinkComponent();
 		const ctaHref = computed(() => {
 			if (!props.linkLabel) return void 0;
 			return props.linkHref || props.href;
 		});
 		const wholeHref = computed(() => ctaHref.value ? void 0 : props.href);
-		const root = computed(() => wholeHref.value ? resolveNavRoot(wholeHref.value, false, props.as) : "div");
-		const ctaRoot = computed(() => ctaHref.value ? resolveNavRoot(ctaHref.value, false, props.as) : "span");
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
+		const root = computed(() => wholeHref.value ? resolveNavRoot(wholeHref.value, false, customLink.value) : "div");
+		const ctaRoot = computed(() => ctaHref.value ? resolveNavRoot(ctaHref.value, false, customLink.value) : "span");
 		const imageIsDecorative = computed(() => props.image != null && !props.imageAlt);
 		function onNavigate() {
 			closeMenu?.();
@@ -365,7 +400,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
 				class: normalizeClass(["astryx-top-nav-mega-card", { "astryx-top-nav-mega-card--static": !wholeHref.value }]),
 				href: wholeHref.value || void 0,
-				to: wholeHref.value && __props.as != null ? wholeHref.value : void 0,
+				to: wholeHref.value && customLink.value != null ? wholeHref.value : void 0,
 				onClick: _cache[0] || (_cache[0] = ($event) => wholeHref.value ? onNavigate() : void 0)
 			}, {
 				default: withCtx(() => [__props.image ? (openBlock(), createElementBlock("img", {
@@ -382,7 +417,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 						key: 1,
 						class: "astryx-top-nav-mega-card__link",
 						href: ctaHref.value,
-						to: __props.as != null ? ctaHref.value : void 0,
+						to: customLink.value != null ? ctaHref.value : void 0,
 						onClick: withModifiers(onNavigate, ["stop"])
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.linkLabel) + " → ", 1)]),
@@ -406,9 +441,13 @@ const _hoisted_1$1 = {
 	class: "astryx-top-nav-mega-item__icon",
 	"aria-hidden": "true"
 };
-const _hoisted_2$1 = { class: "astryx-top-nav-mega-item__text" };
-const _hoisted_3$1 = { class: "astryx-top-nav-mega-item__title" };
-const _hoisted_4$1 = {
+const _hoisted_2$1 = {
+	key: 0,
+	class: "astryx-top-nav-mega-item__glyph-box"
+};
+const _hoisted_3$1 = { class: "astryx-top-nav-mega-item__text" };
+const _hoisted_4$1 = { class: "astryx-top-nav-mega-item__title" };
+const _hoisted_5 = {
 	key: 0,
 	class: "astryx-top-nav-mega-item__description"
 };
@@ -425,7 +464,10 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const closeMenu = inject(navMenuCloseKey, void 0);
-		const root = computed(() => resolveNavRoot(props.href, false, props.as));
+		const linkComponent = useLinkComponent();
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
+		const root = computed(() => resolveNavRoot(props.href, false, customLink.value));
 		function onClick() {
 			closeMenu?.();
 		}
@@ -433,15 +475,11 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
 				class: "astryx-top-nav-mega-item",
 				href: __props.href || void 0,
-				to: __props.href && __props.as != null ? __props.href : void 0,
+				to: __props.href && customLink.value != null ? __props.href : void 0,
 				type: __props.href ? void 0 : "button",
-				tabindex: "-1",
 				onClick
 			}, {
-				default: withCtx(() => [__props.iconClass || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.iconClass ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(["astryx-top-nav-mega-item__glyph", __props.iconClass])
-				}, null, 2)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2$1, [createElementVNode("span", _hoisted_3$1, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])]),
+				default: withCtx(() => [__props.iconClass || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.iconClass ? (openBlock(), createElementBlock("span", _hoisted_2$1, [createElementVNode("span", { class: normalizeClass(["astryx-top-nav-mega-item__glyph", __props.iconClass]) }, null, 2)])) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3$1, [createElementVNode("span", _hoisted_4$1, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])]),
 				_: 3
 			}, 8, [
 				"href",
@@ -484,12 +522,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				class: "astryx-top-nav-menu__drawer-trigger",
 				"aria-expanded": expanded.value ? "true" : "false",
 				onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
-			}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$9, {
+			}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$10, {
 				icon: "chevronDown",
 				size: "sm",
 				class: normalizeClass({ "astryx-top-nav-menu__chevron--open": expanded.value })
 			}, null, 8, ["class"])], 8, _hoisted_2), withDirectives(createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-				return openBlock(), createBlock(_sfc_main$12, {
+				return openBlock(), createBlock(_sfc_main$13, {
 					key: item.id ?? item.label,
 					description: item.description,
 					href: item.href,
@@ -504,7 +542,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-disabled",
 					"label"
 				]);
-			}), 128)), renderSlot(_ctx.$slots, "default")], 512), [[vShow, expanded.value]])])) : (openBlock(), createBlock(_sfc_main$11, {
+			}), 128)), renderSlot(_ctx.$slots, "default")], 512), [[vShow, expanded.value]])])) : (openBlock(), createBlock(_sfc_main$12, {
 				key: 1,
 				hover: "",
 				"hide-delay": __props.hideDelay,
@@ -519,18 +557,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"aria-expanded": isOpen ? "true" : "false",
 					"aria-controls": panelId,
 					"aria-haspopup": "menu"
-				}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$9, {
+				}, [createElementVNode("span", null, toDisplayString(__props.label), 1), createVNode(_sfc_main$10, {
 					icon: "chevronDown",
 					size: "sm",
 					class: normalizeClass(["astryx-top-nav-menu__chevron", { "astryx-top-nav-menu__chevron--open": isOpen }])
 				}, null, 8, ["class"])], 8, _hoisted_4)]),
-				default: withCtx(({ close, focusRequest }) => [createVNode(_sfc_main$13, {
+				default: withCtx(({ close, focusRequest }) => [createVNode(_sfc_main$14, {
 					"focus-request": focusRequest,
 					label: __props.label,
 					onClose: close
 				}, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-						return openBlock(), createBlock(_sfc_main$12, {
+						return openBlock(), createBlock(_sfc_main$13, {
 							key: item.id ?? item.label,
 							description: item.description,
 							href: item.href,
@@ -561,4 +599,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main$4 as a, _sfc_main$3 as i, _sfc_main$1 as n, _sfc_main$5 as o, _sfc_main$2 as r, _sfc_main$6 as s, _sfc_main as t };
+export { _sfc_main$5 as a, _sfc_main$3 as i, _sfc_main$1 as n, _sfc_main$6 as o, _sfc_main$2 as r, _sfc_main$7 as s, _sfc_main as t };

package/dist/TreeList/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TreeListItemData, c as TreeListVariant, i as TreeListDensity, n as useTreeFocus, o as TreeListProps, r as _default, s as TreeListSlots, t as UseTreeFocusOptions } from "../index-C_2Z65Rp.js";
+import { a as TreeListItemData, c as TreeListVariant, i as TreeListDensity, n as useTreeFocus, o as TreeListProps, r as _default, s as TreeListSlots, t as UseTreeFocusOptions } from "../index-DeQwYJbg.js";
 export { _default as TreeList, type TreeListDensity, type TreeListItemData, type TreeListProps, type TreeListSlots, type TreeListVariant, type UseTreeFocusOptions, useTreeFocus };

package/dist/TreeList/index.js

@@ -1,2 +1,2 @@
-import { n as useTreeFocus, t as _sfc_main } from "../TreeList-C9xvMpJZ.js";
+import { n as useTreeFocus, t as _sfc_main } from "../TreeList-BUz-KZJd.js";
 export { _sfc_main as TreeList, useTreeFocus };