@astryx-vue/core 0.3.0 → 0.4.0

package/dist/{ToggleButton-B-C-Q7XP.js → ToggleButton-cLjh9W-x.js}

@@ -1,8 +1,9 @@
-import { t as _sfc_main$2 } from "./Button-B6Hj_O_s.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, defineComponent, inject, mergeModels, openBlock, provide, renderSlot, shallowRef, toDisplayString, useModel, useTemplateRef, withCtx } from "vue";
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { t as _sfc_main$2 } from "./Button-ONOoHdkg.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, defineComponent, mergeModels, openBlock, provide, renderSlot, shallowRef, toDisplayString, useModel, useTemplateRef, withCtx } from "vue";
 import "../styles/toggle-button.css";
 //#region src/ToggleButton/context.ts
-const toggleButtonGroupContextKey = Symbol("astryx-toggle-button-group");
+const toggleButtonGroupContextKey = defineLayerScopedKey("astryx-toggle-button-group", null);
 //#endregion
 //#region src/ToggleButton/ToggleButton.vue
 const _hoisted_1$1 = {
@@ -48,7 +49,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const isPressedModel = useModel(__props, "isPressed");
-		const group = inject(toggleButtonGroupContextKey, null);
+		const group = readLayerScoped(toggleButtonGroupContextKey);
 		const button = useTemplateRef("button");
 		const optimisticPressed = shallowRef(null);
 		const pendingActions = shallowRef(0);

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-i0tNFWfz.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-BqhgeAT4.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-DsntTYhQ.js";
+import { t as _sfc_main } from "../Token-BfS4vi__.js";
 import { t as TOKEN_COLORS } from "../Token-BdRzlXzm.js";
 export { TOKEN_COLORS, _sfc_main as Token };

package/dist/{Token-DsntTYhQ.js → Token-BfS4vi__.js}

@@ -1,7 +1,10 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
+import { n as isSafeUrl } from "./safeUrl-CsvfcZ9m.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as useInteractiveRole } from "./useInteractiveRole-Cn0Nd5GX.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useAttrs, withCtx } from "vue";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as useResolvedLabelHidden } from "./useResolvedLabelHidden-B2rlWiaI.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, unref, useAttrs, withCtx } from "vue";
 import "../styles/visually-hidden-utility.css";
 import "../styles/token.css";
 //#region src/Token/Token.vue
@@ -30,6 +33,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		},
 		href: {},
 		description: {},
+		isLabelHidden: { type: Boolean },
 		labelHidden: {
 			type: Boolean,
 			default: false
@@ -41,24 +45,35 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const attrs = useAttrs();
 		const messages = useAstryxMessages();
+		/** 正名 isLabelHidden，旧名 labelHidden 任一为真就藏起文字。 */
+		const hideLabel = useResolvedLabelHidden(() => props.isLabelHidden, () => props.labelHidden);
 		const linkComponent = useLinkComponent();
-		/** 有链接时用的根组件，没有 provider 时还是 `<a>`。 */
-		const linkRoot = computed(() => linkComponent.value == null ? "a" : toRaw(linkComponent.value));
+		const press = usePressFeedback();
+		/** 有链接时用的根组件，没有 provider 时还是 `<a>`。危险协议退回普通锚点。 */
+		const safeHref = computed(() => {
+			const href = props.href;
+			return href != null && href !== "" && isSafeUrl(href) ? href : void 0;
+		});
+		const linkRoot = computed(() => {
+			if (safeHref.value == null || linkComponent.value == null) return "a";
+			return toRaw(linkComponent.value);
+		});
 		const removeLabel = computed(() => messages.value.token.remove(props.label));
 		const clickable = computed(() => typeof attrs.onClick === "function");
-		const linked = computed(() => Boolean(props.href));
+		const linked = computed(() => safeHref.value != null);
 		const interactive = computed(() => clickable.value || linked.value || props.removable);
 		const rootIsLink = computed(() => linked.value && !props.removable);
 		/** 删除按钮旁边那个动作元素是什么，由 `useInteractiveRole` 统一排序。 */
 		const actionRole = useInteractiveRole({
-			href: () => props.removable ? props.href : void 0,
+			href: () => props.removable ? safeHref.value : void 0,
 			hasOnClick: () => clickable.value && !linked.value
 		});
 		const actionIsLink = computed(() => actionRole.role.value === "link");
 		const actionIsButton = computed(() => actionRole.role.value === "button");
-		const rootAttrs = computed(() => {
-			return Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "onClick"));
-		});
+		const rootAttrs = computed(() => ({
+			...Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "onClick")),
+			...interactive.value && !props.disabled ? press.pressableProps : {}
+		}));
 		function runClick(event) {
 			if (props.disabled) return;
 			const listener = attrs.onClick;
@@ -82,10 +97,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-disabled": props.disabled
 				}]],
 				"data-color": props.color,
-				href: rootIsLink.value && !props.disabled ? props.href : void 0,
-				to: rootIsLink.value && !props.disabled && linkRoot.value !== "a" ? props.href : void 0,
+				href: rootIsLink.value && !props.disabled ? safeHref.value : void 0,
+				to: rootIsLink.value && !props.disabled && linkRoot.value !== "a" ? safeHref.value : void 0,
 				"aria-disabled": props.disabled && (rootIsLink.value || actionIsLink.value) ? "true" : void 0,
-				"aria-label": props.labelHidden ? props.label : void 0,
+				"aria-label": unref(hideLabel) ? props.label : void 0,
 				"aria-description": props.description,
 				tabindex: rootIsLink.value && props.disabled ? -1 : void 0,
 				onKeydown
@@ -95,12 +110,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					actionIsLink.value ? (openBlock(), createBlock(resolveDynamicComponent(actionIsLink.value ? linkRoot.value : "a"), {
 						key: 1,
 						class: "astryx-token-action",
-						href: props.disabled ? void 0 : props.href,
-						to: props.disabled || linkRoot.value === "a" ? void 0 : props.href,
+						href: props.disabled ? void 0 : safeHref.value,
+						to: props.disabled || linkRoot.value === "a" ? void 0 : safeHref.value,
 						"aria-disabled": props.disabled || void 0,
 						tabindex: props.disabled ? -1 : void 0
 					}, {
-						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["astryx-token-label", { "is-hidden": props.labelHidden }]) }, toDisplayString(props.label), 3)]),
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["astryx-token-label", { "is-hidden": unref(hideLabel) }]) }, toDisplayString(props.label), 3)]),
 						_: 1
 					}, 8, [
 						"href",
@@ -113,9 +128,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						class: "astryx-token-action",
 						disabled: props.disabled,
 						onClick: runClick
-					}, [createElementVNode("span", { class: normalizeClass(["astryx-token-label", { "is-hidden": props.labelHidden }]) }, toDisplayString(props.label), 3)], 8, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+					}, [createElementVNode("span", { class: normalizeClass(["astryx-token-label", { "is-hidden": unref(hideLabel) }]) }, toDisplayString(props.label), 3)], 8, _hoisted_2)) : (openBlock(), createElementBlock("span", {
 						key: 3,
-						class: normalizeClass(["astryx-token-label", { "is-hidden": props.labelHidden }])
+						class: normalizeClass(["astryx-token-label", { "is-hidden": unref(hideLabel) }])
 					}, toDisplayString(props.label), 3)),
 					renderSlot(_ctx.$slots, "end", {}, () => [renderSlot(_ctx.$slots, "endContent")]),
 					props.removable ? (openBlock(), createElementBlock("button", {

package/dist/Tokenizer/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TokenizerProps, c as TokenizerStatus, i as TokenizerOverflow, n as TokenizerChange, o as TokenizerSize, r as TokenizerEmits, s as TokenizerSlots, t as _default } from "../index-ClNU2Th8.js";
+import { a as TokenizerProps, c as TokenizerStatus, i as TokenizerOverflow, n as TokenizerChange, o as TokenizerSize, r as TokenizerEmits, s as TokenizerSlots, t as _default } from "../index-Bn-v89Vt.js";
 export { _default as Tokenizer, type TokenizerChange, type TokenizerEmits, type TokenizerOverflow, type TokenizerProps, type TokenizerSize, type TokenizerSlots, type TokenizerStatus };

package/dist/Tokenizer/index.js

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

package/dist/{Tokenizer-B5C_qY7t.js → Tokenizer-Ci3E5bvP.js}

@@ -1,14 +1,18 @@
-import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
-import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
+import { t as _sfc_main$1 } from "./ButtonTooltip-CNKOQHYR.js";
+import { t as useAnnounce } from "./announce-B210eJVf.js";
+import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
+import { t as useResolvedLabelHidden } from "./useResolvedLabelHidden-B2rlWiaI.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$2 } from "./Field-D5gUEGw4.js";
-import { t as _sfc_main$3 } from "./Token-DsntTYhQ.js";
-import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DwztMNjP.js";
-import { r as useTypeaheadMenu, t as _sfc_main$4 } from "./TypeaheadMenu-DBW6rHeO.js";
+import { t as _sfc_main$2 } from "./Field--OEsLBfE.js";
+import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
+import { t as _sfc_main$3 } from "./Token-BfS4vi__.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DGxxKHZb.js";
+import { i as useTypeaheadMenu, r as useLatchedOptionGrid, t as _sfc_main$4 } from "./TypeaheadMenu-BQlMrfqX.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/layer.css";
 import "../styles/visually-hidden-utility.css";
 import "../styles/typeahead.css";
 import "../styles/tokenizer.css";
@@ -35,6 +39,7 @@ const _hoisted_5 = [
 	"readonly",
 	"aria-disabled",
 	"aria-expanded",
+	"aria-haspopup",
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
@@ -45,7 +50,11 @@ const _hoisted_7 = [
 	"value",
 	"disabled"
 ];
-const _hoisted_8 = ["aria-label", "data-placement"];
+const _hoisted_8 = [
+	"role",
+	"aria-label",
+	"data-placement"
+];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxTokenizer",
 	inheritAttrs: false,
@@ -54,6 +63,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		modelValue: { default: () => [] },
 		searchSource: {},
 		label: {},
+		isLabelHidden: { type: Boolean },
 		labelHidden: {
 			type: Boolean,
 			default: false
@@ -112,7 +122,35 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			default: false
 		},
 		name: {},
-		width: {}
+		width: {},
+		containerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		containerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: [
 		"update:modelValue",
@@ -127,7 +165,28 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
+		const parts = useFieldPartStyling({
+			component: "Tokenizer",
+			props,
+			attrs,
+			reservedAttrs: [
+				"id",
+				"role",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-expanded",
+				"aria-controls",
+				"aria-haspopup",
+				"aria-activedescendant",
+				"aria-autocomplete",
+				"aria-disabled",
+				"aria-required"
+			]
+		});
 		const messages = useAstryxMessages();
+		/** 正名 isLabelHidden，旧名 labelHidden 任一为真就藏起标签。 */
+		const hideLabel = useResolvedLabelHidden(() => props.isLabelHidden, () => props.labelHidden);
 		const inputId = `astryx-tokenizer-${useId()}`;
 		const listboxId = `${inputId}-listbox`;
 		const disabledId = `${inputId}-disabled`;
@@ -310,8 +369,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!(node instanceof Node)) return false;
 			return Boolean(anchorRef.value?.contains(node) || listboxRef.value?.contains(node));
 		}
+		const optionGrid = useLatchedOptionGrid({
+			entries: () => menu.entries.value,
+			isOpen: () => menu.combobox.isOpen.value,
+			activeIndex: menu.combobox.activeIndex,
+			getListbox: () => listboxRef.value,
+			listboxId: () => listboxId
+		});
 		function onInputKeyDown(event) {
-			if (event.defaultPrevented) return;
+			if (event.defaultPrevented || isImeKeyEvent(event)) return;
+			if (optionGrid.actionGrid.onKeyDown(event)) return;
 			const input = inputRef.value;
 			if (event.key === "Backspace" && menu.query.value === "" && values.value.length > 0) {
 				event.preventDefault();
@@ -363,12 +430,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
 				createVNode(_sfc_main$2, {
-					class: normalizeClass(["astryx-tokenizer", [`size-${props.size}`, { "is-floating": floating.value }]]),
+					class: normalizeClass(["astryx-tokenizer", [
+						unref(parts).containerClass.value,
+						`size-${props.size}`,
+						{ "is-floating": floating.value }
+					]]),
+					style: normalizeStyle(unref(parts).containerStyle.value),
 					label: props.label,
 					"input-id": inputId,
 					description: props.description,
 					"label-tooltip": props.labelTooltip,
-					"is-label-hidden": props.labelHidden,
+					"is-label-hidden": unref(hideLabel),
 					"is-disabled": props.disabled,
 					"is-required": props.required,
 					"is-optional": props.optional,
@@ -385,12 +457,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						createElementVNode("div", {
 							ref_key: "anchorRef",
 							ref: anchorRef,
-							class: normalizeClass(["astryx-tokenizer-control", [`status-${props.status}`, {
-								"is-open": unref(menu).combobox.isOpen.value,
-								"is-disabled": props.disabled,
-								"is-floating": floating.value,
-								"has-tokens": values.value.length > 0
-							}]]),
+							class: normalizeClass(["astryx-tokenizer-control", [
+								unref(parts).controlClass(),
+								`status-${props.status}`,
+								{
+									"is-open": unref(menu).combobox.isOpen.value,
+									"is-disabled": props.disabled,
+									"is-floating": floating.value,
+									"has-tokens": values.value.length > 0
+								}
+							]]),
+							style: normalizeStyle(unref(parts).controlStyle()),
 							onClick: onFieldClick,
 							onFocusin: onFocusIn,
 							onFocusout: onFocusOut,
@@ -459,9 +536,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								readonly: focusableDisabled.value || atMax.value || void 0,
 								"aria-disabled": focusableDisabled.value ? "true" : void 0,
 								"aria-expanded": unref(menu).combobox.isOpen.value,
+								"aria-haspopup": unref(optionGrid).popupKind.value,
 								"aria-controls": listboxId,
 								"aria-autocomplete": "list",
-								"aria-activedescendant": unref(menu).activeId.value ? `${listboxId}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
+								"aria-activedescendant": unref(optionGrid).gridMode.value ? unref(optionGrid).actionGrid.activeDescendant.value : unref(menu).activeId.value ? `${listboxId}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
 								"aria-describedby": describedBy.value,
 								"aria-required": props.required || void 0,
 								onInput,
@@ -500,11 +578,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 									disabled: !props.name
 								}, null, 8, _hoisted_7);
 							}), 128))
-						], 34)
+						], 38)
 					]),
 					_: 3
 				}, 8, [
 					"class",
+					"style",
 					"label",
 					"description",
 					"label-tooltip",
@@ -534,8 +613,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					id: listboxId,
 					ref_key: "listboxRef",
 					ref: listboxRef,
-					class: "astryx-typeahead-listbox",
-					role: "listbox",
+					class: "astryx-typeahead-listbox astryx-layer",
+					role: unref(optionGrid).gridMode.value ? "grid" : "listbox",
 					"aria-label": unref(messages).tokenizer.results,
 					"data-placement": unref(anchored).position.value.placement,
 					style: normalizeStyle(unref(anchored).style.value),
@@ -547,9 +626,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						description: entry.description,
 						disabled: entry.disabled,
 						group: entry.group,
+						action: entry.action,
 						selected: values.value.some((item) => item.id === entry.item.id)
 					})),
 					"active-index": unref(menu).combobox.activeIndex.value,
+					grid: unref(optionGrid).gridMode.value,
+					"action-index": unref(optionGrid).actionGrid.column.value === "action" ? unref(menu).combobox.activeIndex.value : -1,
 					status: unref(menu).status.value,
 					"listbox-id": listboxId,
 					"empty-text": emptyText.value,
@@ -572,6 +654,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				} : void 0]), 1032, [
 					"entries",
 					"active-index",
+					"grid",
+					"action-index",
 					"status",
 					"empty-text",
 					"loading-text",

package/dist/Toolbar/index.d.ts

@@ -1,3 +1,3 @@
-import { T as _default } from "../index-DUaLJO7l.js";
-import { Q as ToolbarSize, X as ToolbarOrientation, Z as ToolbarProps } from "../useResizable-DDwPpPe6.js";
+import { T as _default } from "../index-CpNlPLBF.js";
+import { $ as ToolbarSize, Q as ToolbarProps, Z as ToolbarOrientation } from "../useResizable-1MHPNaRD.js";
 export { _default as Toolbar, type ToolbarOrientation, type ToolbarProps, type ToolbarSize };

package/dist/Toolbar/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Toolbar-BrgvvTCk.js";
+import { t as _sfc_main } from "../Toolbar-C0pMWL4S.js";
 export { _sfc_main as Toolbar };

package/dist/{Toolbar-BrgvvTCk.js → Toolbar-C0pMWL4S.js}

@@ -1,4 +1,4 @@
-import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 import "../styles/toolbar.css";
 //#region src/Toolbar/Toolbar.vue

package/dist/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TooltipAlignment, c as TooltipProps, i as _default, l as TooltipTouchTrigger, n as UseTooltipReturn, o as TooltipFocusTrigger, r as useTooltip, s as TooltipPlacement, t as UseTooltipOptions } from "../index-B7yhzGUT.js";
+import { a as TooltipAlignment, c as TooltipProps, i as _default, l as TooltipTouchTrigger, n as UseTooltipReturn, o as TooltipFocusTrigger, r as useTooltip, s as TooltipPlacement, t as UseTooltipOptions } from "../index-C7sam-SB.js";
 export { _default as Tooltip, type TooltipAlignment, type TooltipFocusTrigger, type TooltipPlacement, type TooltipProps, type TooltipTouchTrigger, type UseTooltipOptions, type UseTooltipReturn, useTooltip };

package/dist/Tooltip/index.js

@@ -1,2 +1,2 @@
-import { n as useTooltip, t as _sfc_main } from "../Tooltip-C4Vaqd3G.js";
+import { n as useTooltip, t as _sfc_main } from "../Tooltip-sAM8i1eO.js";
 export { _sfc_main as Tooltip, useTooltip };

package/dist/{Tooltip-C4Vaqd3G.js → Tooltip-sAM8i1eO.js}

@@ -1,6 +1,9 @@
-import { r as isFocusable } from "./focus-CpficIgf.js";
-import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-CfHHlCsn.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onMounted, onScopeDispose, onUpdated, openBlock, ref, renderSlot, shallowRef, toDisplayString, toValue, unref, useAttrs, vShow, watch, withDirectives } from "vue";
+import { r as useResolvedLayerTeleport } from "./useLayerMountTarget-BmZyeKWE.js";
+import { i as isFocusable } from "./focus-l8jVTcqd.js";
+import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-Cb6_w93m.js";
+import { t as _sfc_main$1 } from "./LayerContentBoundary-CvsKxwwm.js";
+import { t as useHoverLayerDismiss } from "./useHoverLayerDismiss-kYJ_NqL4.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onMounted, onScopeDispose, onUpdated, openBlock, ref, renderSlot, shallowRef, toDisplayString, toValue, unref, useAttrs, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/tooltip.css";
 //#region src/Tooltip/useTooltip.ts
 const GAP = 4;
@@ -118,15 +121,18 @@ function useTooltip(options = {}) {
 	function onFocusOut() {
 		scheduleHide();
 	}
-	function onDocumentKeydown(event) {
-		if (event.key !== "Escape" || !isOpen.value) return;
-		clearTimers();
-		if (isControlled.value) {
-			options.onHide?.();
-			return;
+	useHoverLayerDismiss({
+		isPresent: () => isOpen.value,
+		getContainer: () => layer.contentRef.value,
+		onDismiss() {
+			clearTimers();
+			if (isControlled.value) {
+				options.onHide?.();
+				return;
+			}
+			layer.hide();
 		}
-		layer.hide();
-	}
+	});
 	function shouldListenFocus(element) {
 		return focusTriggerMode() === "always" || focusTriggerMode() === "auto" && isFocusable(element);
 	}
@@ -164,11 +170,6 @@ function useTooltip(options = {}) {
 		if (element == null) unbind();
 		else bind(element);
 	}, { flush: "sync" });
-	watch(isOpen, (open) => {
-		if (typeof document === "undefined") return;
-		if (open) document.addEventListener("keydown", onDocumentKeydown);
-		else document.removeEventListener("keydown", onDocumentKeydown);
-	}, { immediate: true });
 	function syncControlled(open) {
 		layer.isOpen.value = open;
 	}
@@ -187,7 +188,6 @@ function useTooltip(options = {}) {
 	onScopeDispose(() => {
 		clearTimers();
 		unbind();
-		if (typeof document !== "undefined") document.removeEventListener("keydown", onDocumentKeydown);
 	});
 	const contentProps = computed(() => ({
 		id: layer.id,
@@ -265,6 +265,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const setContentRef = useMergedRefs([contentRef]);
 		const wrapperRef = ref(null);
+		const teleportTarget = useResolvedLayerTeleport(computed(() => props.anchor ?? wrapperRef.value));
 		const isTextTrigger = ref(false);
 		const showIndication = computed(() => props.hasHoverIndication === true || props.hasHoverIndication === "auto" && isTextTrigger.value);
 		function resolveTrigger() {
@@ -307,12 +308,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}, 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", mergeProps({
+			}] }), [renderSlot(_ctx.$slots, "default")], 16)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1), (openBlock(), createBlock(Teleport, { to: unref(teleportTarget) }, [createCommentVNode(" eslint-disable-next-line vue-a11y/mouse-events-have-key-events, vue-a11y/no-static-element-interactions -- 气泡上的鼠标事件仅用于指针移入气泡时保持显示；键盘焦点由触发元素的 focusin / focusout 处理。 "), withDirectives(createElementVNode("div", mergeProps({
 				ref: unref(setContentRef),
 				class: "astryx-tooltip",
 				"data-placement": unref(resolvedPlacement),
 				style: unref(bubbleStyle)
-			}, unref(contentProps)), [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])], 16, _hoisted_1), [[vShow, unref(isOpen)]])]))], 64);
+			}, unref(contentProps)), [createVNode(_sfc_main$1, null, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])]),
+				_: 3
+			})], 16, _hoisted_1), [[vShow, unref(isOpen)]])], 8, ["to"]))], 64);
 		};
 	}
 });

package/dist/TopNav/index.d.ts

@@ -1,2 +1,2 @@
-import { C as TopNavMenuProps, S as TopNavMenuItem, _ as TopNavMegaMenuEmits, b as TopNavMegaMenuProps, c as _default$5, d as _default$2, f as _default$1, g as TopNavItemProps, h as TopNavItemEmits, l as _default$4, m as TopNavHeadingProps, p as _default, s as _default$6, u as _default$3, v as TopNavMegaMenuFeaturedCardProps, w as TopNavProps, x as TopNavMenuEmits, y as TopNavMegaMenuItemProps } from "../index-DUaLJO7l.js";
+import { C as TopNavMenuProps, S as TopNavMenuItem, _ as TopNavMegaMenuEmits, b as TopNavMegaMenuProps, c as _default$5, d as _default$2, f as _default$1, g as TopNavItemProps, h as TopNavItemEmits, l as _default$4, m as TopNavHeadingProps, p as _default, s as _default$6, u as _default$3, v as TopNavMegaMenuFeaturedCardProps, w as TopNavProps, x as TopNavMenuEmits, y as TopNavMegaMenuItemProps } from "../index-CpNlPLBF.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-Ciq0l1w7.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-gW59zp1o.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-Ciq0l1w7.js → TopNav-gW59zp1o.js}

@@ -1,15 +1,15 @@
 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-iABt_ueM.js";
-import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-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 { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
+import { n as _sfc_main$9, r as mobileNavKey, t as _sfc_main$8 } from "./MobileNavToggle-pdoJFZHx.js";
+import { t as _sfc_main$10 } from "./Icon-KDnUyY7f.js";
+import { i as safeNavHref, n as isNavigableHref, r as resolveNavRoot } from "./link-DuuA2eCL.js";
+import { t as _sfc_main$11 } from "./NavItem-BPb3yfgz.js";
+import { n as navMenuCloseKey, t as _sfc_main$12 } from "./NavDisclosure-Bq9DTZLO.js";
+import { n as _sfc_main$14, t as _sfc_main$13 } from "./NavMenuItem-D3FO90GR.js";
+import { t as _sfc_main$15 } from "./NavHeadingSurface-C4v_MtkX.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
@@ -385,9 +385,9 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 		const linkComponent = useLinkComponent();
 		const ctaHref = computed(() => {
 			if (!props.linkLabel) return void 0;
-			return props.linkHref || props.href;
+			return safeNavHref(props.linkHref || props.href);
 		});
-		const wholeHref = computed(() => ctaHref.value ? void 0 : props.href);
+		const wholeHref = computed(() => ctaHref.value ? void 0 : safeNavHref(props.href));
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		const root = computed(() => wholeHref.value ? resolveNavRoot(wholeHref.value, false, customLink.value) : "div");
@@ -467,16 +467,17 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const linkComponent = useLinkComponent();
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
-		const root = computed(() => resolveNavRoot(props.href, false, customLink.value));
+		const navigableHref = computed(() => isNavigableHref(props.href) ? props.href : void 0);
+		const root = computed(() => resolveNavRoot(navigableHref.value, false, customLink.value));
 		function onClick() {
 			closeMenu?.();
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
 				class: "astryx-top-nav-mega-item",
-				href: __props.href || void 0,
-				to: __props.href && customLink.value != null ? __props.href : void 0,
-				type: __props.href ? void 0 : "button",
+				href: navigableHref.value,
+				to: navigableHref.value && customLink.value != null ? navigableHref.value : void 0,
+				type: navigableHref.value ? void 0 : "button",
 				onClick
 			}, {
 				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)])]),

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-DeQwYJbg.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-BNaRK-s5.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-BUz-KZJd.js";
+import { n as useTreeFocus, t as _sfc_main } from "../TreeList-DaoI7zaH.js";
 export { _sfc_main as TreeList, useTreeFocus };