@astryx-vue/core 0.2.3 → 0.2.5

package/dist/Thumbnail/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Thumbnail-CXb3m_Hv.js";
+import { t as _sfc_main } from "../Thumbnail-BnQwX1cQ.js";
 export { _sfc_main as Thumbnail };

package/dist/{Thumbnail-CXb3m_Hv.js → Thumbnail-BnQwX1cQ.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
-import { t as _sfc_main$1 } from "./Tooltip-mp0NMh_Y.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$1 } from "./Tooltip-C2fh9anJ.js";
 import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$3 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";

package/dist/{TimeField-B3cndWb0.js → TimeField-Biiuv0hB.js}

@@ -1,5 +1,5 @@
 import { c as useCoarsePointer, i as parseDisplayTime, o as resolveTimeSurface, r as isTimeInRange, s as shiftTime, t as formatDisplayTime } from "./useTimeValue-DWk6oTAZ.js";
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
 import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$3 } from "./Icon-bteSId7T.js";

package/dist/TimeInput/index.d.ts

@@ -1,2 +1,2 @@
-import { at as TimeInputProps, it as TimeInputEmits, ot as TimeInputSize, rt as _default } from "../index-BTAgQRP0.js";
+import { at as TimeInputProps, it as TimeInputEmits, ot as TimeInputSize, rt as _default } from "../index-B9rqmYxh.js";
 export { _default as TimeInput, type TimeInputEmits, type TimeInputProps, type TimeInputSize };

package/dist/TimeInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TimeInput-BHQ_LKGm.js";
+import { t as _sfc_main } from "../TimeInput-C9gptCOK.js";
 export { _sfc_main as TimeInput };

package/dist/{TimeInput-BHQ_LKGm.js → TimeInput-C9gptCOK.js}

@@ -1,5 +1,5 @@
 import { t as _sfc_main$1 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$2 } from "./TimeField-B3cndWb0.js";
+import { t as _sfc_main$2 } from "./TimeField-Biiuv0hB.js";
 import { computed, createBlock, createVNode, defineComponent, mergeModels, openBlock, useId, useModel, withCtx } from "vue";
 //#region src/TimeInput/TimeInput.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({

package/dist/Timer/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TimerFormat, i as TimerType, n as TimerColor, o as TimerPresentation, r as TimerProps, s as getPresentation, t as _default } from "../index-BMrggCw-.js";
+import { a as TimerFormat, i as TimerType, n as TimerColor, o as TimerPresentation, r as TimerProps, s as getPresentation, t as _default } from "../index-bvr3WHvs.js";
 export { _default as Timer, type TimerColor, type TimerFormat, type TimerPresentation, type TimerProps, type TimerType, getPresentation };

package/dist/Timer/index.js

@@ -1,2 +1,2 @@
-import { n as getPresentation, t as _sfc_main } from "../Timer-B7GV6hqd.js";
+import { n as getPresentation, t as _sfc_main } from "../Timer-kxzQx3tp.js";
 export { _sfc_main as Timer, getPresentation };

package/dist/{Timer-B7GV6hqd.js → Timer-kxzQx3tp.js}

@@ -1,4 +1,4 @@
-import { t as _sfc_main$1 } from "./Text-BHVghsWo.js";
+import { t as _sfc_main$1 } from "./Text-DIzZw6FA.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/timer.css";
 //#region src/Timer/format.ts

package/dist/Timestamp/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as formatRelativeTime, G as _default, J as TimestampProps, K as TimestampColor, Q as formatTooltipLines, X as TimestampTooltipFormat, Y as TimestampTooltipEntry, Z as TimestampTooltipLine, et as FormatInstantOptions, nt as formatInstant, q as TimestampFormat, tt as InstantFormat } from "../index-BTAgQRP0.js";
+import { $ as formatRelativeTime, G as _default, J as TimestampProps, K as TimestampColor, Q as formatTooltipLines, X as TimestampTooltipFormat, Y as TimestampTooltipEntry, Z as TimestampTooltipLine, et as FormatInstantOptions, nt as formatInstant, q as TimestampFormat, tt as InstantFormat } from "../index-B9rqmYxh.js";
 export { type FormatInstantOptions, type InstantFormat, _default as Timestamp, type TimestampColor, type TimestampFormat, type TimestampProps, type TimestampTooltipEntry, type TimestampTooltipFormat, type TimestampTooltipLine, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/Timestamp/index.js

@@ -1,3 +1,3 @@
 import { t as formatInstant } from "../formatInstant-BDWUIxS7.js";
-import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-Cfuxbb3i.js";
+import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-D7bd_nF3.js";
 export { _sfc_main as Timestamp, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/{Timestamp-Cfuxbb3i.js → Timestamp-D7bd_nF3.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main$2 } from "./Text-BHVghsWo.js";
-import { a as useAstryxMessages, i as useAstryxLocale } from "./context-DmOLCubj.js";
+import { a as useAstryxLocale, o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$2 } from "./Text-DIzZw6FA.js";
 import { t as _sfc_main$3 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$4 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$5 } from "./HoverCard-EhbWaGOW.js";

package/dist/ToggleButton/index.d.ts

@@ -1,2 +1,2 @@
-import { A as ToggleButtonElevation, B as ToggleButtonGroupValue, D as _default$1, F as ToggleButtonGroupOrientation, H as ToggleButtonProps, I as ToggleButtonGroupProps, L as ToggleButtonGroupSingleProps, M as ToggleButtonGroupBaseProps, N as ToggleButtonGroupEmits, O as _default, P as ToggleButtonGroupMultipleProps, R as ToggleButtonGroupSlots, U as ToggleButtonSize, V as ToggleButtonPressedChangeHandler, W as ToggleButtonSlots, j as ToggleButtonEmits, k as ToggleButtonChangeAction, z as ToggleButtonGroupType } from "../index-BTAgQRP0.js";
+import { A as ToggleButtonElevation, B as ToggleButtonGroupValue, D as _default$1, F as ToggleButtonGroupOrientation, H as ToggleButtonProps, I as ToggleButtonGroupProps, L as ToggleButtonGroupSingleProps, M as ToggleButtonGroupBaseProps, N as ToggleButtonGroupEmits, O as _default, P as ToggleButtonGroupMultipleProps, R as ToggleButtonGroupSlots, U as ToggleButtonSize, V as ToggleButtonPressedChangeHandler, W as ToggleButtonSlots, j as ToggleButtonEmits, k as ToggleButtonChangeAction, z as ToggleButtonGroupType } from "../index-B9rqmYxh.js";
 export { _default as ToggleButton, _default as default, type ToggleButtonChangeAction, type ToggleButtonElevation, type ToggleButtonEmits, _default$1 as ToggleButtonGroup, type ToggleButtonGroupBaseProps, type ToggleButtonGroupEmits, type ToggleButtonGroupMultipleProps, type ToggleButtonGroupOrientation, type ToggleButtonGroupProps, type ToggleButtonGroupSingleProps, type ToggleButtonGroupSlots, type ToggleButtonGroupType, type ToggleButtonGroupValue, type ToggleButtonPressedChangeHandler, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonSlots };

package/dist/Token/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TokenProps, i as TokenEmits, n as TOKEN_COLORS, o as TokenSize, r as TokenColor, s as TokenSlots, t as _default } from "../index-BXkNZF3q.js";
+import { a as TokenProps, i as TokenEmits, n as TOKEN_COLORS, o as TokenSize, r as TokenColor, s as TokenSlots, t as _default } from "../index-CpiWVbRZ.js";
 export { TOKEN_COLORS, _default as Token, type TokenColor, type TokenEmits, type TokenProps, type TokenSize, type TokenSlots };

package/dist/Token/index.js

@@ -1,3 +1,3 @@
-import { t as _sfc_main } from "../Token-CdVLH0_H.js";
+import { t as _sfc_main } from "../Token-D2GsI_Ei.js";
 import { t as TOKEN_COLORS } from "../Token-BdRzlXzm.js";
 export { TOKEN_COLORS, _sfc_main as Token };

package/dist/{Token-CdVLH0_H.js → Token-D2GsI_Ei.js}

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, useAttrs, withCtx } from "vue";
 import "../styles/visually-hidden-utility.css";
 import "../styles/token.css";

package/dist/Tokenizer/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Tokenizer-DlD-S_8-.js";
+import { t as _sfc_main } from "../Tokenizer-rwzamZg4.js";
 export { _sfc_main as Tokenizer };

package/dist/{Tokenizer-DlD-S_8-.js → Tokenizer-rwzamZg4.js}

@@ -1,10 +1,10 @@
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
 import { t as _sfc_main$1 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$2 } from "./Token-CdVLH0_H.js";
+import { t as _sfc_main$2 } from "./Token-D2GsI_Ei.js";
 import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
-import { n as useTypeaheadMenu, t as _sfc_main$3 } from "./TypeaheadMenu-CGvo0Tud.js";
+import { r as useTypeaheadMenu, t as _sfc_main$3 } from "./TypeaheadMenu-BEObzonz.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/visually-hidden-utility.css";
 import "../styles/typeahead.css";

package/dist/Toolbar/index.d.ts

@@ -1,2 +1,2 @@
-import { C as _default, E as ToolbarSize, T as ToolbarProps, w as ToolbarOrientation } from "../index-BTAgQRP0.js";
+import { C as _default, E as ToolbarSize, T as ToolbarProps, w as ToolbarOrientation } from "../index-B9rqmYxh.js";
 export { _default as Toolbar, type ToolbarOrientation, type ToolbarProps, type ToolbarSize };

package/dist/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TooltipProps, i as TooltipPlacement, n as TooltipAlignment, o as TooltipTouchTrigger, r as TooltipFocusTrigger, t as _default } from "../index-C5p2NeCr.js";
+import { a as TooltipProps, i as TooltipPlacement, n as TooltipAlignment, o as TooltipTouchTrigger, r as TooltipFocusTrigger, t as _default } from "../index-Blm197N_.js";
 export { _default as Tooltip, type TooltipAlignment, type TooltipFocusTrigger, type TooltipPlacement, type TooltipProps, type TooltipTouchTrigger };

package/dist/Tooltip/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Tooltip-mp0NMh_Y.js";
+import { t as _sfc_main } from "../Tooltip-C2fh9anJ.js";
 export { _sfc_main as Tooltip };

package/dist/{Tooltip-mp0NMh_Y.js → Tooltip-C2fh9anJ.js}

@@ -1,6 +1,6 @@
 import { r as isFocusable } from "./focus-CpficIgf.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, toDisplayString, unref, useId, vShow, watch, withDirectives } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useId, vShow, watch, withDirectives } from "vue";
 import "../styles/tooltip.css";
 //#region src/Tooltip/Tooltip.vue
 const _hoisted_1 = ["data-placement"];
@@ -8,6 +8,7 @@ const HOVER_BRIDGE_DELAY = 100;
 const GAP = 4;
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxTooltip",
+	inheritAttrs: false,
 	__name: "Tooltip",
 	props: {
 		content: { default: "" },
@@ -32,12 +33,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		isDefaultOpen: {
 			type: Boolean,
 			default: false
+		},
+		anchorsOnSelf: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: ["openChange"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const attrs = useAttrs();
+		const instance = getCurrentInstance();
 		const ACTION_TAGS = [
 			"A",
 			"BUTTON",
@@ -165,6 +172,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function resolveTrigger() {
 			const wrapper = wrapperRef.value;
 			if (!wrapper) return null;
+			if (props.anchorsOnSelf) {
+				isTextTrigger.value = false;
+				return wrapper;
+			}
 			const child = wrapper.firstElementChild;
 			isTextTrigger.value = child == null && (wrapper.textContent ?? "").trim() !== "";
 			if (child) return child;
@@ -175,6 +186,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return null;
 		}
 		function bindTrigger() {
+			if (props.anchorsOnSelf) {
+				const el = instance?.vnode.el;
+				wrapperRef.value = el instanceof HTMLElement ? el : null;
+			}
 			const next = resolveTrigger();
 			if (next === trigger) return;
 			unbindTrigger();
@@ -231,14 +246,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			document.removeEventListener("keydown", onKeydown);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+			return openBlock(), createElementBlock(Fragment, null, [!__props.anchorsOnSelf ? (openBlock(), createElementBlock("span", mergeProps({
+				key: 0,
 				ref_key: "wrapperRef",
-				ref: wrapperRef,
-				class: normalizeClass(["astryx-tooltip-trigger", {
-					"astryx-tooltip-trigger--text": isTextTrigger.value,
-					"astryx-tooltip-trigger--indicated": showIndication.value
-				}])
-			}, [renderSlot(_ctx.$slots, "default")], 2), (openBlock(), createBlock(Teleport, { to: "body" }, [createCommentVNode(" eslint-disable-next-line vue-a11y/mouse-events-have-key-events, vue-a11y/no-static-element-interactions -- 气泡上的鼠标事件仅用于指针移入气泡时保持显示；键盘焦点由触发元素的 focusin / focusout 处理。 "), withDirectives(createElementVNode("div", {
+				ref: wrapperRef
+			}, unref(attrs), { class: ["astryx-tooltip-trigger", {
+				"astryx-tooltip-trigger--text": isTextTrigger.value,
+				"astryx-tooltip-trigger--indicated": showIndication.value
+			}] }), [renderSlot(_ctx.$slots, "default")], 16)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1), (openBlock(), createBlock(Teleport, { to: "body" }, [createCommentVNode(" eslint-disable-next-line vue-a11y/mouse-events-have-key-events, vue-a11y/no-static-element-interactions -- 气泡上的鼠标事件仅用于指针移入气泡时保持显示；键盘焦点由触发元素的 focusin / focusout 处理。 "), withDirectives(createElementVNode("div", {
 				id: tooltipId,
 				ref_key: "bubbleRef",
 				ref: bubbleRef,

package/dist/TopNav/index.d.ts

@@ -1,2 +1,2 @@
-import { S as TopNavProps, _ as TopNavMegaMenuItemProps, a as _default$6, b as TopNavMenuItem, c as _default$3, d as _default, f as TopNavHeadingProps, g as TopNavMegaMenuFeaturedCardProps, h as TopNavMegaMenuEmits, l as _default$2, m as TopNavItemProps, o as _default$5, p as TopNavItemEmits, s as _default$4, u as _default$1, v as TopNavMegaMenuProps, x as TopNavMenuProps, y as TopNavMenuEmits } from "../index-BTAgQRP0.js";
+import { S as TopNavProps, _ as TopNavMegaMenuItemProps, a as _default$6, b as TopNavMenuItem, c as _default$3, d as _default, f as TopNavHeadingProps, g as TopNavMegaMenuFeaturedCardProps, h as TopNavMegaMenuEmits, l as _default$2, m as TopNavItemProps, o as _default$5, p as TopNavItemEmits, s as _default$4, u as _default$1, v as TopNavMegaMenuProps, x as TopNavMenuProps, y as TopNavMenuEmits } from "../index-B9rqmYxh.js";
 export { _default as TopNav, _default$1 as TopNavHeading, type TopNavHeadingProps, _default$2 as TopNavItem, type TopNavItemEmits, type TopNavItemProps, _default$3 as TopNavMegaMenu, type TopNavMegaMenuEmits, _default$4 as TopNavMegaMenuFeaturedCard, type TopNavMegaMenuFeaturedCardProps, _default$5 as TopNavMegaMenuItem, type TopNavMegaMenuItemProps, type TopNavMegaMenuProps, _default$6 as TopNavMenu, type TopNavMenuEmits, type TopNavMenuItem, type TopNavMenuProps, type TopNavProps };

package/dist/TopNav/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$5, o as _sfc_main$1, r as _sfc_main$4, s as _sfc_main, t as _sfc_main$6 } from "../TopNav-DzV874G7.js";
+import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$5, o as _sfc_main$1, r as _sfc_main$4, s as _sfc_main, t as _sfc_main$6 } from "../TopNav-arWFLTBM.js";
 export { _sfc_main as TopNav, _sfc_main$1 as TopNavHeading, _sfc_main$2 as TopNavItem, _sfc_main$3 as TopNavMegaMenu, _sfc_main$4 as TopNavMegaMenuFeaturedCard, _sfc_main$5 as TopNavMegaMenuItem, _sfc_main$6 as TopNavMenu };

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

@@ -1,23 +1,24 @@
 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 { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
-import { n as _sfc_main$8, r as mobileNavKey, t as _sfc_main$7 } from "./MobileNavToggle-fqcSafkc.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-DbYLDXK0.js";
-import { n as _sfc_main$13, t as _sfc_main$12 } from "./NavMenuItem-DrwIMHKO.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, withCtx, withDirectives } from "vue";
+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 "../styles/top-nav.css";
 //#region src/TopNav/TopNav.vue
-const _hoisted_1$5 = ["aria-label"];
-const _hoisted_2$5 = { class: "astryx-top-nav__start" };
-const _hoisted_3$3 = {
+const _hoisted_1$4 = ["aria-label"];
+const _hoisted_2$4 = { class: "astryx-top-nav__start" };
+const _hoisted_3$4 = {
 	key: 0,
 	class: "astryx-top-nav__heading"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
 	key: 1,
 	class: "astryx-top-nav__items"
 };
@@ -60,7 +61,7 @@ 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$5, [unref(slots).heading ? (openBlock(), createElementBlock("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "heading")])) : createCommentVNode("v-if", true), !isCompact.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [renderSlot(_ctx.$slots, "start"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true)]),
+					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, {
 						key: 0,
@@ -73,7 +74,7 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 						"onUpdate:isOpen": _cache[0] || (_cache[0] = ($event) => mobileOpen.value = $event),
 						controls: drawerId
 					}, null, 8, ["is-open"])) : createCommentVNode("v-if", true)])
-				], 10, _hoisted_1$5),
+				], 10, _hoisted_1$4),
 				shellCompact.value && hasDrawer.value ? (openBlock(), createBlock(Teleport, {
 					key: 0,
 					to: `#${unref(shell).mobileNavId}-items`
@@ -102,31 +103,61 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/TopNav/TopNavHeading.vue
-const _hoisted_1$4 = {
-	key: 0,
-	class: "astryx-top-nav-heading__icon"
-};
-const _hoisted_2$4 = { class: "astryx-top-nav-heading__title" };
 const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTopNavHeading",
 	__name: "TopNavHeading",
 	props: {
 		heading: {},
 		href: {},
+		headingHref: {},
+		superheading: {},
+		superheadingHref: {},
+		subheading: {},
+		subheadingHref: {},
+		logoLabel: {},
 		as: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const root = computed(() => props.href ? resolveNavRoot(props.href, false, props.as) : "div");
+		const slots = useSlots();
+		const headingHref = computed(() => props.headingHref ?? props.href);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
-				class: "astryx-top-nav-heading",
-				href: __props.href ? __props.href : void 0,
-				to: __props.href && __props.as != null ? __props.href : void 0
-			}, {
-				default: withCtx(() => [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$4, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2$4, toDisplayString(__props.heading), 1)]),
-				_: 3
-			}, 8, ["href", "to"]);
+			return openBlock(), createBlock(_sfc_main$14, {
+				kind: "top",
+				as: __props.as,
+				heading: __props.heading,
+				"heading-href": headingHref.value,
+				"logo-label": __props.logoLabel,
+				subheading: __props.subheading,
+				"subheading-href": __props.subheadingHref,
+				superheading: __props.superheading,
+				"superheading-href": __props.superheadingHref
+			}, createSlots({ _: 2 }, [
+				unref(slots).logo || unref(slots).icon ? {
+					name: "icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "logo"), !unref(slots).logo ? renderSlot(_ctx.$slots, "icon", {}, void 0, void 0, 0) : createCommentVNode("v-if", true)]),
+					key: "0"
+				} : void 0,
+				unref(slots).end ? {
+					name: "end",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "end")]),
+					key: "1"
+				} : void 0,
+				unref(slots).menu ? {
+					name: "menu",
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "menu", normalizeProps(guardReactiveProps(scope)))]),
+					key: "2"
+				} : void 0
+			]), 1032, [
+				"as",
+				"heading",
+				"heading-href",
+				"logo-label",
+				"subheading",
+				"subheading-href",
+				"superheading",
+				"superheading-href"
+			]);
 		};
 	}
 });
@@ -200,8 +231,8 @@ const _hoisted_1$3 = {
 	class: "astryx-top-nav-mega astryx-top-nav-mega--drawer"
 };
 const _hoisted_2$3 = ["aria-expanded"];
-const _hoisted_3$2 = { class: "astryx-top-nav-mega__drawer" };
-const _hoisted_4$2 = { class: "astryx-top-nav-mega__items" };
+const _hoisted_3$3 = { class: "astryx-top-nav-mega__drawer" };
+const _hoisted_4$3 = { class: "astryx-top-nav-mega__items" };
 const _hoisted_5 = {
 	key: 0,
 	class: "astryx-top-nav-mega__featured"
@@ -247,7 +278,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 				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$2, [createElementVNode("div", _hoisted_4$2, [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", _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, {
 				key: 1,
 				hover: "",
 				"panel-class": "astryx-top-nav-mega__panel",
@@ -291,8 +322,15 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/TopNav/TopNavMegaMenuFeaturedCard.vue
-const _hoisted_1$2 = { class: "astryx-top-nav-mega-card__title" };
-const _hoisted_2$2 = {
+const _hoisted_1$2 = [
+	"src",
+	"alt",
+	"role",
+	"aria-hidden"
+];
+const _hoisted_2$2 = { class: "astryx-top-nav-mega-card__body" };
+const _hoisted_3$2 = { class: "astryx-top-nav-mega-card__title" };
+const _hoisted_4$2 = {
 	key: 0,
 	class: "astryx-top-nav-mega-card__description"
 };
@@ -303,29 +341,61 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 		title: {},
 		description: {},
 		href: {},
+		image: {},
+		imageAlt: {},
+		linkLabel: {},
+		linkHref: {},
 		as: {}
 	},
 	setup(__props) {
 		const props = __props;
 		const closeMenu = inject(navMenuCloseKey, void 0);
-		const root = computed(() => props.href ? resolveNavRoot(props.href, false, props.as) : "div");
-		function onClick() {
-			if (props.href) closeMenu?.();
+		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");
+		const imageIsDecorative = computed(() => props.image != null && !props.imageAlt);
+		function onNavigate() {
+			closeMenu?.();
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
-				class: "astryx-top-nav-mega-card",
-				href: __props.href || void 0,
-				to: __props.href && __props.as != null ? __props.href : void 0,
-				onClick
+				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,
+				onClick: _cache[0] || (_cache[0] = ($event) => wholeHref.value ? onNavigate() : void 0)
 			}, {
-				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$2, toDisplayString(__props.title), 1),
-					__props.description ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true),
+				default: withCtx(() => [__props.image ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					class: "astryx-top-nav-mega-card__image",
+					src: __props.image,
+					alt: __props.imageAlt ?? "",
+					role: imageIsDecorative.value ? "presentation" : void 0,
+					"aria-hidden": imageIsDecorative.value ? "true" : void 0
+				}, null, 8, _hoisted_1$2)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2$2, [
+					createElementVNode("span", _hoisted_3$2, toDisplayString(__props.title), 1),
+					__props.description ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true),
+					ctaHref.value && __props.linkLabel ? (openBlock(), createBlock(resolveDynamicComponent(ctaRoot.value), {
+						key: 1,
+						class: "astryx-top-nav-mega-card__link",
+						href: ctaHref.value,
+						to: __props.as != null ? ctaHref.value : void 0,
+						onClick: withModifiers(onNavigate, ["stop"])
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.linkLabel) + " → ", 1)]),
+						_: 1
+					}, 8, ["href", "to"])) : createCommentVNode("v-if", true),
 					renderSlot(_ctx.$slots, "default")
-				]),
+				])]),
 				_: 3
-			}, 8, ["href", "to"]);
+			}, 8, [
+				"class",
+				"href",
+				"to"
+			]);
 		};
 	}
 });

package/dist/TreeList/index.js

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

package/dist/{TreeList-DEwvlZRV.js → TreeList-C9xvMpJZ.js}

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as _sfc_main$2 } from "./Badge-CjDQPF5g.js";
 import { s as isIconGlyph, t as _sfc_main$3 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useId, vShow, withCtx, withDirectives } from "vue";

package/dist/Typeahead/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TypeaheadSlots, i as TypeaheadSize, n as TypeaheadEmits, o as TypeaheadStatus, r as TypeaheadProps, t as _default } from "../index-Bqb_Fyju.js";
-export { _default as Typeahead, type TypeaheadEmits, type TypeaheadProps, type TypeaheadSize, type TypeaheadSlots, type TypeaheadStatus };
+import { a as TypeaheadEmits, c as TypeaheadSize, i as BaseTypeaheadProps, l as TypeaheadSlots, n as _default$1, o as TypeaheadItemProps, r as _default, s as TypeaheadProps, t as _default$2, u as TypeaheadStatus } from "../index-DxR1FChm.js";
+export { _default as BaseTypeahead, type BaseTypeaheadProps, _default$1 as Typeahead, type TypeaheadEmits, _default$2 as TypeaheadItem, type TypeaheadItemProps, type TypeaheadProps, type TypeaheadSize, type TypeaheadSlots, type TypeaheadStatus };

package/dist/Typeahead/index.js

@@ -1,2 +1,3 @@
-import { t as _sfc_main } from "../Typeahead-DQ3tmqYe.js";
-export { _sfc_main as Typeahead };
+import { n as _sfc_main$2 } from "../TypeaheadMenu-BEObzonz.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Typeahead-_V11btpv.js";
+export { _sfc_main as BaseTypeahead, _sfc_main$1 as Typeahead, _sfc_main$2 as TypeaheadItem };