@astryx-vue/core 0.2.2 → 0.2.4

package/dist/{NavDisclosure-DHrSNRDR.js → NavDisclosure-C6sPZ89n.js}

@@ -1,10 +1,12 @@
-import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
+import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useId, useModel, watch } from "vue";
 import "../styles/nav-menu.css";
 //#region src/NavMenu/context.ts
 const navMenuKey = Symbol("astryx-nav-menu");
 const navMenuCloseKey = Symbol("astryx-nav-menu-close");
+/** 弹出层要求菜单把焦点放在哪一项。菜单可以自己收，调用方也可以用插槽参数盖过它。 */
+const navMenuFocusKey = Symbol("astryx-nav-menu-focus");
 //#endregion
 //#region src/NavMenu/NavDisclosure.vue
 const _hoisted_1 = ["data-placement"];
@@ -125,6 +127,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			trigger: anchorRef
 		});
 		provide(navMenuCloseKey, () => close(true));
+		provide(navMenuFocusKey, focusRequest);
 		watch(isOpen, (open) => {
 			emit("openChange", open);
 		});
@@ -162,4 +165,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { navMenuCloseKey as n, navMenuKey as r, _sfc_main as t };
+export { navMenuKey as i, navMenuCloseKey as n, navMenuFocusKey as r, _sfc_main as t };

package/dist/NavHeadingSurface-Cb3x9iDx.js

@@ -0,0 +1,287 @@
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
+import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
+import { t as _sfc_main$3 } from "./NavDisclosure-C6sPZ89n.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx, withModifiers } from "vue";
+//#region src/NavMenu/navHeadingMode.ts
+/** 标题的点击边界：整段链接、整段打开菜单，或链接和箭头各管各的。 */
+function resolveNavHeadingMode(input) {
+	const hasAnyHref = Boolean(input.headingHref || input.superheadingHref || input.subheadingHref);
+	if (!input.hasHeading && !input.hasMenu) return "logo";
+	if (input.headingHref && !input.hasMenu && !input.superheadingHref && !input.subheadingHref) return "whole-link";
+	if (input.hasMenu && !hasAnyHref) return "trigger";
+	if (input.hasMenu && hasAnyHref) return "mixed";
+	if (hasAnyHref) return "links";
+	return "static";
+}
+//#endregion
+//#region src/NavMenu/NavHeadingText.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxNavHeadingText",
+	__name: "NavHeadingText",
+	props: {
+		block: {},
+		heading: {},
+		superheading: {},
+		subheading: {},
+		headingHref: {},
+		superheadingHref: {},
+		subheadingHref: {},
+		as: {},
+		independent: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		function root(href) {
+			return props.independent && href ? resolveNavRoot(href, false, props.as) : "span";
+		}
+		function hrefOf(href) {
+			return props.independent ? href : void 0;
+		}
+		function toOf(href) {
+			return props.independent && props.as != null ? href : void 0;
+		}
+		function stopIfLink(event, href) {
+			if (props.independent && href) event.stopPropagation();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(`${__props.block}__text`) }, [
+				__props.superheading ? (openBlock(), createBlock(resolveDynamicComponent(root(__props.superheadingHref)), {
+					key: 0,
+					class: normalizeClass([`${__props.block}__super`, { [`${__props.block}__link`]: __props.independent && __props.superheadingHref }]),
+					href: hrefOf(__props.superheadingHref),
+					to: toOf(__props.superheadingHref),
+					onClick: _cache[0] || (_cache[0] = ($event) => stopIfLink($event, __props.superheadingHref))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.superheading), 1)]),
+					_: 1
+				}, 8, [
+					"class",
+					"href",
+					"to"
+				])) : createCommentVNode("v-if", true),
+				createElementVNode("span", { class: normalizeClass(`${__props.block}__row`) }, [__props.heading ? (openBlock(), createBlock(resolveDynamicComponent(root(__props.headingHref)), {
+					key: 0,
+					class: normalizeClass([`${__props.block}__title`, { [`${__props.block}__link`]: __props.independent && __props.headingHref }]),
+					href: hrefOf(__props.headingHref),
+					to: toOf(__props.headingHref),
+					onClick: _cache[1] || (_cache[1] = ($event) => stopIfLink($event, __props.headingHref))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.heading), 1)]),
+					_: 1
+				}, 8, [
+					"class",
+					"href",
+					"to"
+				])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "chevron")], 2),
+				__props.subheading ? (openBlock(), createBlock(resolveDynamicComponent(root(__props.subheadingHref)), {
+					key: 1,
+					class: normalizeClass([`${__props.block}__sub`, { [`${__props.block}__link`]: __props.independent && __props.subheadingHref }]),
+					href: hrefOf(__props.subheadingHref),
+					to: toOf(__props.subheadingHref),
+					onClick: _cache[2] || (_cache[2] = ($event) => stopIfLink($event, __props.subheadingHref))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.subheading), 1)]),
+					_: 1
+				}, 8, [
+					"class",
+					"href",
+					"to"
+				])) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/NavMenu/NavHeadingSurface.vue
+const _hoisted_1 = ["data-open"];
+const _hoisted_2 = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+];
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxNavHeadingSurface",
+	__name: "NavHeadingSurface",
+	props: {
+		kind: {},
+		heading: {},
+		headingHref: {},
+		superheading: {},
+		superheadingHref: {},
+		subheading: {},
+		subheadingHref: {},
+		as: {},
+		logoLabel: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const block = computed(() => props.kind === "top" ? "astryx-top-nav-heading" : "astryx-side-nav-heading");
+		const hasMenu = computed(() => slots.menu != null);
+		const mode = computed(() => resolveNavHeadingMode({
+			hasHeading: Boolean(props.heading),
+			hasMenu: hasMenu.value,
+			headingHref: props.headingHref,
+			superheadingHref: props.superheadingHref,
+			subheadingHref: props.subheadingHref
+		}));
+		const headingRoot = computed(() => resolveNavRoot(props.headingHref, false, props.as));
+		const logoName = computed(() => props.logoLabel || props.heading);
+		const logoIsLink = computed(() => Boolean(props.headingHref) && mode.value !== "whole-link" && mode.value !== "logo");
+		const textProps = computed(() => ({
+			as: props.as,
+			block: block.value,
+			heading: props.heading,
+			headingHref: props.headingHref,
+			subheading: props.subheading,
+			subheadingHref: props.subheadingHref,
+			superheading: props.superheading,
+			superheadingHref: props.superheadingHref
+		}));
+		return (_ctx, _cache) => {
+			return mode.value === "logo" ? (openBlock(), createBlock(resolveDynamicComponent(__props.headingHref ? headingRoot.value : "div"), {
+				key: 0,
+				class: normalizeClass([block.value, { [`${block.value}--link`]: __props.headingHref }]),
+				href: __props.headingHref,
+				to: __props.as != null ? __props.headingHref : void 0,
+				"aria-label": __props.headingHref ? logoName.value : void 0
+			}, {
+				default: withCtx(() => [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${block.value}__icon`)
+				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"class",
+				"href",
+				"to",
+				"aria-label"
+			])) : mode.value === "whole-link" ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
+				key: 1,
+				class: normalizeClass([block.value, `${block.value}--link`]),
+				href: __props.headingHref,
+				to: __props.as != null ? __props.headingHref : void 0
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(`${block.value}__icon`)
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("v-if", true),
+					createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(textProps.value)), null, 16),
+					_ctx.$slots.end ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(`${block.value}__end`)
+					}, [renderSlot(_ctx.$slots, "end")], 2)) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"href",
+				"to"
+			])) : mode.value === "trigger" || mode.value === "mixed" ? (openBlock(), createBlock(_sfc_main$3, {
+				key: 2,
+				hover: "",
+				label: __props.heading || logoName.value,
+				"panel-class": `${block.value}__panel`
+			}, {
+				trigger: withCtx(({ isOpen, panelId }) => [createElementVNode("div", {
+					class: normalizeClass(block.value),
+					"data-open": isOpen || void 0
+				}, [
+					logoIsLink.value && _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
+						key: 0,
+						class: normalizeClass(`${block.value}__icon`),
+						href: __props.headingHref,
+						to: __props.as != null ? __props.headingHref : void 0,
+						"aria-label": logoName.value,
+						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
+						_: 3
+					}, 8, [
+						"class",
+						"href",
+						"to",
+						"aria-label"
+					])) : _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(`${block.value}__icon`)
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("v-if", true),
+					createVNode(_sfc_main$1, mergeProps(textProps.value, { independent: mode.value === "mixed" }), {
+						chevron: withCtx(() => [createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(`${block.value}__chevron`),
+							"aria-label": unref(messages).nav.openMenu,
+							"aria-expanded": isOpen ? "true" : "false",
+							"aria-controls": panelId,
+							"aria-haspopup": "menu"
+						}, [createVNode(_sfc_main$2, {
+							icon: "chevronDown",
+							size: "sm",
+							class: normalizeClass({ [`${block.value}__chevron-icon--open`]: isOpen })
+						}, null, 8, ["class"])], 10, _hoisted_2)]),
+						_: 2
+					}, 1040, ["independent"]),
+					_ctx.$slots.end ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(`${block.value}__end`)
+					}, [renderSlot(_ctx.$slots, "end")], 2)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_1)]),
+				default: withCtx(({ close, focusRequest }) => [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass([block.value, `${block.value}--echo`]),
+					onClick: ($event) => close()
+				}, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${block.value}__icon`)
+				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("v-if", true), createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(textProps.value)), {
+					chevron: withCtx(() => [createElementVNode("span", {
+						class: normalizeClass(`${block.value}__chevron`),
+						"aria-hidden": "true"
+					}, [createVNode(_sfc_main$2, {
+						icon: "chevronDown",
+						size: "sm",
+						class: normalizeClass(`${block.value}__chevron-icon--open`)
+					}, null, 8, ["class"])], 2)]),
+					_: 1
+				}, 16)], 10, _hoisted_3), createElementVNode("div", { class: normalizeClass(`${block.value}__menu`) }, [renderSlot(_ctx.$slots, "menu", {
+					close,
+					focusRequest
+				})], 2)]),
+				_: 3
+			}, 8, ["label", "panel-class"])) : (openBlock(), createElementBlock("div", {
+				key: 3,
+				class: normalizeClass(block.value)
+			}, [
+				logoIsLink.value && _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
+					key: 0,
+					class: normalizeClass(`${block.value}__icon`),
+					href: __props.headingHref,
+					to: __props.as != null ? __props.headingHref : void 0,
+					"aria-label": logoName.value
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
+					_: 3
+				}, 8, [
+					"class",
+					"href",
+					"to",
+					"aria-label"
+				])) : _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(`${block.value}__icon`)
+				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("v-if", true),
+				createVNode(_sfc_main$1, mergeProps(textProps.value, { independent: mode.value === "links" }), null, 16, ["independent"]),
+				_ctx.$slots.end ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(`${block.value}__end`)
+				}, [renderSlot(_ctx.$slots, "end")], 2)) : createCommentVNode("v-if", true)
+			], 2));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/NavMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { a as NavMenuEmits, c as NavMenuProps, i as NavDisclosureProps, l as NavMenuFocusRequest, n as _default$1, o as NavMenuItemEmits, r as _default, s as NavMenuItemProps, t as _default$2, u as NavMenuSize } from "../index-D0TlUOtG.js";
-export { _default as NavDisclosure, type NavDisclosureProps, _default$1 as NavMenu, type NavMenuEmits, type NavMenuFocusRequest, _default$2 as NavMenuItem, type NavMenuItemEmits, type NavMenuItemProps, type NavMenuProps, type NavMenuSize };
+import { a as _default, c as NavHeadingMenuItemEmits, d as NavMenuEmits, f as NavMenuItemEmits, g as NavMenuSize, h as NavMenuFocusRequest, i as _default$1, l as NavHeadingMenuItemProps, m as NavMenuProps, n as _default$3, o as NavDisclosureProps, p as NavMenuItemProps, r as _default$2, s as NavHeadingMenuEmits, t as _default$4, u as NavHeadingMenuProps } from "../index-YmSe1ujk.js";
+export { _default as NavDisclosure, type NavDisclosureProps, _default$1 as NavHeadingMenu, type NavHeadingMenuEmits, _default$2 as NavHeadingMenuItem, type NavHeadingMenuItemEmits, type NavHeadingMenuItemProps, type NavHeadingMenuProps, _default$3 as NavMenu, type NavMenuEmits, type NavMenuFocusRequest, _default$4 as NavMenuItem, type NavMenuItemEmits, type NavMenuItemProps, type NavMenuProps, type NavMenuSize };

package/dist/NavMenu/index.js

@@ -1,3 +1,4 @@
-import { t as _sfc_main } from "../NavDisclosure-DHrSNRDR.js";
-import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenuItem-B-k7olt5.js";
-export { _sfc_main as NavDisclosure, _sfc_main$1 as NavMenu, _sfc_main$2 as NavMenuItem };
+import { t as _sfc_main } from "../NavDisclosure-C6sPZ89n.js";
+import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenu-ClIgMaxE.js";
+import { n as _sfc_main$3, t as _sfc_main$4 } from "../NavMenuItem-E7S8gBh-.js";
+export { _sfc_main as NavDisclosure, _sfc_main$1 as NavHeadingMenu, _sfc_main$2 as NavHeadingMenuItem, _sfc_main$3 as NavMenu, _sfc_main$4 as NavMenuItem };

package/dist/NavMenu-ClIgMaxE.js

@@ -0,0 +1,176 @@
+import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
+import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
+import { i as navMenuKey, n as navMenuCloseKey, r as navMenuFocusKey } from "./NavDisclosure-C6sPZ89n.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, watch, withCtx } from "vue";
+import "../styles/nav-menu.css";
+//#region src/NavMenu/NavHeadingMenu.vue
+const _hoisted_1$1 = ["aria-label"];
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxNavHeadingMenu",
+	__name: "NavHeadingMenu",
+	props: {
+		label: {},
+		size: { default: "md" },
+		minWidth: {},
+		focusRequest: { default: null }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const closeMenu = inject(navMenuCloseKey, void 0);
+		const injectedFocus = inject(navMenuFocusKey, ref(null));
+		const size = computed(() => props.size);
+		const requestedFocus = computed(() => props.focusRequest ?? injectedFocus.value);
+		const { listRef, handleKeyDown, focusItem } = useListFocus({
+			itemSelector: "[role=\"menuitem\"]:not([aria-disabled=\"true\"])",
+			onEscape: () => {
+				closeMenu?.();
+				emit("close");
+			},
+			orientation: "vertical"
+		});
+		function menuItems() {
+			const root = listRef.value;
+			if (!root) return [];
+			return [...root.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")];
+		}
+		const typeahead = useTypeahead({
+			getItemLabels: () => menuItems().map((element) => element.textContent),
+			onMatch: focusItem,
+			getCurrentIndex: () => menuItems().findIndex((element) => element === document.activeElement || element.contains(document.activeElement))
+		});
+		function onKeyDown(event) {
+			if (event.key === "Enter" || event.key === " ") {
+				const focused = document.activeElement;
+				if (focused instanceof HTMLElement && focused.getAttribute("role") === "menuitem") {
+					event.preventDefault();
+					focused.click();
+					return;
+				}
+			}
+			if (typeahead.onKeyDown(event)) {
+				event.preventDefault();
+				return;
+			}
+			handleKeyDown(event);
+		}
+		function applyFocus(request) {
+			if (request == null) return;
+			nextTick(() => {
+				const items = menuItems();
+				if (items.length === 0) return;
+				focusItem(request === "last" ? items.length - 1 : 0);
+			});
+		}
+		onMounted(() => applyFocus(requestedFocus.value));
+		watch(requestedFocus, applyFocus);
+		const minWidthStyle = computed(() => {
+			if (props.minWidth == null) return void 0;
+			return { minWidth: typeof props.minWidth === "number" ? `${props.minWidth}px` : props.minWidth };
+		});
+		provide(navMenuKey, {
+			close: () => {
+				closeMenu?.();
+				emit("close");
+			},
+			size
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "listRef",
+				ref: listRef,
+				class: normalizeClass(["astryx-nav-heading-menu astryx-nav-menu", `astryx-nav-menu--${size.value}`]),
+				role: "menu",
+				tabindex: "-1",
+				"aria-label": __props.label,
+				style: normalizeStyle(minWidthStyle.value),
+				onKeydown: onKeyDown
+			}, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/NavMenu/NavHeadingMenuItem.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "astryx-nav-menu-item__icon",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = { class: "astryx-nav-menu-item__text" };
+const _hoisted_3 = {
+	key: 0,
+	class: "astryx-nav-menu-item__label"
+};
+const _hoisted_4 = {
+	key: 1,
+	class: "astryx-nav-menu-item__label"
+};
+const _hoisted_5 = {
+	key: 2,
+	class: "astryx-nav-menu-item__description"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxNavHeadingMenuItem",
+	__name: "NavHeadingMenuItem",
+	props: {
+		label: {},
+		description: {},
+		href: {},
+		as: {},
+		iconClass: {},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const menu = inject(navMenuKey, null);
+		const closeMenu = inject(navMenuCloseKey, void 0);
+		const size = computed(() => menu?.size.value ?? "md");
+		const isLink = computed(() => props.href != null && props.href !== "" && !props.isDisabled);
+		const root = computed(() => {
+			if (!isLink.value) return "div";
+			return props.as == null ? "a" : toRaw(props.as);
+		});
+		function onClick(event) {
+			if (props.isDisabled) {
+				event.preventDefault();
+				return;
+			}
+			const preventedBeforeItem = event.defaultPrevented;
+			emit("click", event);
+			if (!preventedBeforeItem && event.defaultPrevented) return;
+			if (menu) menu.close();
+			else closeMenu?.();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
+				class: normalizeClass(["astryx-nav-heading-menu-item astryx-nav-menu-item", [`astryx-nav-menu-item--${size.value}`, { "astryx-nav-menu-item--disabled": __props.isDisabled }]]),
+				role: "menuitem",
+				href: isLink.value ? __props.href : void 0,
+				to: isLink.value && __props.as != null ? __props.href : void 0,
+				"aria-disabled": __props.isDisabled || void 0,
+				tabindex: __props.isDisabled ? void 0 : -1,
+				onClick
+			}, {
+				default: withCtx(() => [__props.iconClass || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.iconClass ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["astryx-nav-menu-item__glyph", __props.iconClass])
+				}, null, 2)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [_ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.label), 1)), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])]),
+				_: 3
+			}, 8, [
+				"class",
+				"href",
+				"to",
+				"aria-disabled",
+				"tabindex"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/{NavMenuItem-B-k7olt5.js → NavMenuItem-E7S8gBh-.js}

@@ -1,6 +1,6 @@
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
-import { n as navMenuCloseKey, r as navMenuKey } from "./NavDisclosure-DHrSNRDR.js";
+import { i as navMenuKey, n as navMenuCloseKey } from "./NavDisclosure-C6sPZ89n.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, onMounted, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
 import "../styles/nav-menu.css";
 //#region src/NavMenu/NavMenu.vue

package/dist/NumberInput/index.d.ts

@@ -1,2 +1,2 @@
-import { i as NumberInputStatus, n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-D4I_obqR.js";
+import { i as NumberInputStatus, n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-CFIXnk5D.js";
 export { _default as NumberInput, type NumberInputEmits, type NumberInputProps, type NumberInputStatus };

package/dist/NumberInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../NumberInput-DjetVB8O.js";
+import { t as _sfc_main } from "../NumberInput-B4IL3s_8.js";
 export { _sfc_main as NumberInput };

package/dist/{NumberInput-DjetVB8O.js → NumberInput-B4IL3s_8.js}

@@ -1,5 +1,5 @@
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as useNumberField } from "./useNumberField-DL-Radsp.js";
-import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
 import { t as _sfc_main$2 } from "./Field-8zRxzDHE.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, useId, withCtx } from "vue";

package/dist/Outline/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Outline-Bz9c-u5y.js";
+import { t as _sfc_main } from "../Outline-DBUuchi9.js";
 export { _sfc_main as Outline };

package/dist/{Outline-Bz9c-u5y.js → Outline-DBUuchi9.js}

@@ -1,5 +1,5 @@
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, toRef, unref, watch } from "vue";
 import "../styles/outline.css";
 //#region src/Outline/scrollGeometry.ts

package/dist/OverflowList/index.d.ts

@@ -1,2 +1,2 @@
-import { Cn as _default, En as OverflowListProps, Tn as OverflowListItem, wn as OverflowListEmits } from "../index-DNRBbwp_.js";
+import { Dn as OverflowListItem, En as OverflowListEmits, On as OverflowListProps, Tn as _default } from "../index-EtZgovdH.js";
 export { _default as OverflowList, type OverflowListEmits, type OverflowListItem, type OverflowListProps };

package/dist/OverflowList/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../OverflowList-ED-KN9Y5.js";
+import { t as _sfc_main } from "../OverflowList-aDd_oem0.js";
 export { _sfc_main as OverflowList };

package/dist/{OverflowList-ED-KN9Y5.js → OverflowList-aDd_oem0.js}

@@ -1,8 +1,8 @@
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
-import { t as _sfc_main$2 } from "./NavDisclosure-DHrSNRDR.js";
-import { n as _sfc_main$3, t as _sfc_main$4 } from "./NavMenuItem-B-k7olt5.js";
+import { t as _sfc_main$2 } from "./NavDisclosure-C6sPZ89n.js";
+import { n as _sfc_main$3, t as _sfc_main$4 } from "./NavMenuItem-E7S8gBh-.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import "../styles/overflow-list.css";
 //#region src/OverflowList/OverflowMore.vue

package/dist/Pagination/index.d.ts

@@ -1,2 +1,2 @@
-import { a as PaginationSlots, i as PaginationSize, n as PaginationEmits, o as PaginationVariant, r as PaginationProps, t as _default } from "../index-c_TaW8mM.js";
+import { a as PaginationSlots, i as PaginationSize, n as PaginationEmits, o as PaginationVariant, r as PaginationProps, t as _default } from "../index-cL3q7O4R.js";
 export { _default as Pagination, type PaginationEmits, type PaginationProps, type PaginationSize, type PaginationSlots, type PaginationVariant };

package/dist/Pagination/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Pagination-Cb66HMEf.js";
+import { t as _sfc_main } from "../Pagination-CNe9F6Fl.js";
 export { _sfc_main as Pagination };