@astryx-vue/core 0.2.5 → 0.3.0

package/dist/InternationalizationProvider-DJay_w3B.js

@@ -0,0 +1,170 @@
+import { a as useAstryxLocale, i as provideAstryxLocale, r as normalizeLocale, s as astryxMessages } from "./context-iABt_ueM.js";
+import { i as icuPlaceholderNames, n as upstreamMessageMap, r as formatIcu, t as loadAstryxCatalog } from "./loadCatalog-CXKqEB9s.js";
+import { computed, defineComponent, inject, provide, renderSlot } from "vue";
+//#region src/InternationalizationProvider/catalog.ts
+/** 内置文案只有这两种语言，其余语言都从英文兜底。 */
+const BUILT_IN_LOCALES = /* @__PURE__ */ new Set(["en", "zh-CN"]);
+/**
+* 把 `messages` 和 `overrides` 合成本次渲染要用的文案树。
+*
+* 先取该 locale 的底层文案：`messages` 里有就用目录映射出来的结果，否则用内置文案。
+* 再把 `overrides` 逐键叠在上面。两者都没有时直接返回内置文案，不新建对象。
+*/
+function resolveProviderMessages(locale, messages, overrides) {
+	const tag = normalizeLocale(locale);
+	const baseLanguage = tag.split("-")[0] ?? tag;
+	const catalog = pickLocale(messages, tag, baseLanguage);
+	const sparse = pickLocale(overrides, tag, baseLanguage);
+	if (catalog == null && sparse == null) return defaultMessages(tag);
+	const base = catalog == null ? defaultMessages(tag) : loadAstryxCatalog(tag, catalog).messages;
+	return sparse == null ? base : applyCatalog(base, tag, sparse);
+}
+/** 先找完全同名的 locale，再找它的基础语言，例如 `fr-FR` 找 `fr`。 */
+function pickLocale(map, tag, baseLanguage) {
+	if (map == null) return void 0;
+	return map[tag] ?? (baseLanguage === tag ? void 0 : map[baseLanguage]);
+}
+function defaultMessages(tag) {
+	return BUILT_IN_LOCALES.has(tag) ? astryxMessages[tag] : astryxMessages.en;
+}
+/**
+* 把一份稀疏目录写到已有的文案树上，返回副本。
+* 键没有对应字段、占位符对不上、ICU 解析不了时跳过该键，其余字段保持原样。
+*/
+function applyCatalog(base, locale, catalog) {
+	const tree = cloneValue(base);
+	for (const key of Object.keys(catalog).sort()) {
+		const targets = upstreamMessageMap[key];
+		if (targets == null) continue;
+		const message = readMessage(catalog[key]);
+		if (message == null) continue;
+		let names;
+		try {
+			names = icuPlaceholderNames(message);
+		} catch {
+			continue;
+		}
+		for (const target of targets) {
+			const args = target.args ?? [];
+			if (names.some((name) => !args.includes(name))) continue;
+			try {
+				writePath(tree, target.path, args.length === 0 ? formatIcu(message, {}, locale) : bindMessage(message, args, locale));
+			} catch {}
+		}
+	}
+	return tree;
+}
+function readMessage(entry) {
+	if (typeof entry === "string") return entry;
+	if (entry != null && typeof entry === "object" && typeof entry.defaultMessage === "string") return entry.defaultMessage;
+}
+function bindMessage(message, args, locale) {
+	return (...values) => {
+		const bag = {};
+		args.forEach((name, index) => {
+			const value = values[index];
+			bag[name] = typeof value === "number" || typeof value === "string" ? value : void 0;
+		});
+		return formatIcu(message, bag, locale).replace(/[ \t]{2,}/g, " ").trim();
+	};
+}
+function cloneValue(value) {
+	if (typeof value === "function" || value == null || typeof value !== "object") return value;
+	const copy = {};
+	for (const [key, child] of Object.entries(value)) copy[key] = cloneValue(child);
+	return copy;
+}
+function writePath(tree, path, value) {
+	const parts = path.split(".");
+	let cursor = tree;
+	for (const part of parts.slice(0, -1)) {
+		const next = cursor[part];
+		if (next == null || typeof next === "function" || typeof next === "string") throw new Error(`消息路径不存在：${path}`);
+		cursor = next;
+	}
+	const leaf = parts[parts.length - 1];
+	if (leaf == null || !Object.hasOwn(cursor, leaf)) throw new Error(`消息路径不存在：${path}`);
+	cursor[leaf] = value;
+}
+//#endregion
+//#region src/InternationalizationProvider/direction.ts
+/**
+* 从右往左书写的语言。运行时拿不到 `Intl.Locale#getTextInfo` 时用它兜底，
+* 例如较老的浏览器和部分测试环境。
+*/
+const RTL_LANGUAGES = /* @__PURE__ */ new Set([
+	"ar",
+	"arc",
+	"ckb",
+	"dv",
+	"fa",
+	"he",
+	"iw",
+	"ji",
+	"ks",
+	"ku",
+	"ps",
+	"sd",
+	"ug",
+	"ur",
+	"yi"
+]);
+/**
+* 由语言标签推导书写方向。`ar-SA`、`he` 这类语言得到 `rtl`，其余得到 `ltr`。
+* 解析不了的标签按 `ltr` 处理。
+*/
+function getLocaleDirection(locale) {
+	const tag = locale.trim();
+	if (tag === "") return "ltr";
+	let parsed;
+	try {
+		parsed = new Intl.Locale(tag);
+	} catch {
+		return "ltr";
+	}
+	const readTextInfo = parsed.getTextInfo;
+	if (typeof readTextInfo === "function") {
+		const direction = readTextInfo.call(parsed).direction;
+		if (direction === "rtl" || direction === "ltr") return direction;
+	}
+	return RTL_LANGUAGES.has(parsed.language.toLowerCase()) ? "rtl" : "ltr";
+}
+//#endregion
+//#region src/InternationalizationProvider/context.ts
+/** 最近的 `InternationalizationProvider` 定下的书写方向。 */
+const astryxDirectionKey = Symbol("astryx-direction");
+/**
+* 子树当前的书写方向。有 provider 时用它的 `dir`，否则按最近的 locale 推导。
+* 它只描述 Astryx 组件读数用的方向；DOM 的 `dir` 属性要自己设。
+*/
+function useLocaleDirection() {
+	const provided = inject(astryxDirectionKey, null);
+	if (provided != null) return provided;
+	const locale = useAstryxLocale();
+	return computed(() => getLocaleDirection(locale.value));
+}
+//#endregion
+//#region src/InternationalizationProvider/InternationalizationProvider.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxInternationalizationProvider",
+	inheritAttrs: false,
+	__name: "InternationalizationProvider",
+	props: {
+		locale: {},
+		messages: {},
+		overrides: {},
+		dir: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const messages = computed(() => resolveProviderMessages(props.locale, props.messages, props.overrides));
+		const direction = computed(() => props.dir ?? getLocaleDirection(props.locale));
+		provideAstryxLocale(() => props.locale, messages);
+		provide(astryxDirectionKey, direction);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+export { resolveProviderMessages as a, getLocaleDirection as i, astryxDirectionKey as n, useLocaleDirection as r, _sfc_main as t };

package/dist/{Item-DrYJL1TG.js → Item-KhFKX9St.js}

@@ -1,4 +1,6 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
+import { t as useInteractiveRole } from "./useInteractiveRole-Cn0Nd5GX.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
 import "../styles/list.css";
 //#region src/List/context.ts
 const listContextKey = Symbol("astryx-list-context");
@@ -270,6 +272,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
+		const linkComponent = useLinkComponent();
 		const ARIA_SELECTED_ROLES = /* @__PURE__ */ new Set([
 			"option",
 			"tab",
@@ -331,7 +334,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const ariaCurrent = computed(() => attrs["aria-current"] ?? (props.isSelected && !allowsAriaSelected.value ? true : void 0));
 		const isDelegate = computed(() => props.interactiveRef != null);
 		const isInteractive = computed(() => props.onClick != null || props.href != null || isDelegate.value);
-		const isLinkRoot = computed(() => typeof props.as !== "string" && props.href != null);
+		/** 链接内容用的根组件：`as` 写了组件就用它，否则用 LinkProvider 给的默认值。 */
+		const customLink = computed(() => typeof props.as === "string" ? linkComponent.value : props.as);
+		const isLinkContent = computed(() => props.href != null && customLink.value != null);
 		const resolvedTarget = computed(() => props.target);
 		const resolvedRel = computed(() => {
 			const tokens = new Set((props.rel ?? "").split(/\s+/).filter(Boolean));
@@ -358,17 +363,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const labelStyle = computed(() => clampStyle(labelClamp.value));
 		const descriptionClasses = computed(() => clampClass(descriptionClamp.value));
 		const descriptionStyle = computed(() => clampStyle(descriptionClamp.value));
+		const contentRole = useInteractiveRole({
+			href: () => hasParentRole.value || isDelegate.value ? void 0 : props.href,
+			hasOnClick: () => !hasParentRole.value && !isDelegate.value && props.onClick != null
+		});
 		const contentTag = computed(() => {
-			if (hasParentRole.value || isDelegate.value) return "span";
-			if (props.href != null && !isLinkRoot.value) return "a";
-			return props.onClick != null ? "button" : "span";
+			if (contentRole.role.value === "link") return isLinkContent.value ? toRaw(customLink.value) : "a";
+			return contentRole.role.value === "button" ? "button" : "span";
 		});
 		function handleContentClick(event) {
 			props.onClick?.(event);
 		}
 		const contentAttrs = computed(() => {
-			if (contentTag.value === "a") return {
+			if (props.href != null && !hasParentRole.value && !isDelegate.value) return {
 				"href": props.href,
+				"to": isLinkContent.value ? props.href : void 0,
 				"rel": resolvedRel.value,
 				"target": resolvedTarget.value,
 				"aria-disabled": props.isDisabled || void 0,

package/dist/LayerProvider/index.d.ts

@@ -0,0 +1,2 @@
+import { a as ResolvedLayerInset, c as useLayerConfig, d as LayerProviderProps, f as LayerProviderSlots, i as LayerContextValue, l as useLayerGutter, n as mergeInset, o as layerContextKey, p as LayerToastConfig, r as resolveInset, s as layerNestingKey, t as _default, u as LayerInset } from "../index-BTK7aStw.js";
+export { type LayerContextValue, type LayerInset, _default as LayerProvider, type LayerProviderProps, type LayerProviderSlots, type LayerToastConfig, type ResolvedLayerInset, layerContextKey, layerNestingKey, mergeInset, resolveInset, useLayerConfig, useLayerGutter };

package/dist/LayerProvider/index.js

@@ -0,0 +1,3 @@
+import { i as useLayerGutter, n as layerNestingKey, r as useLayerConfig, t as layerContextKey } from "../context-M-er0-Rk.js";
+import { n as mergeInset, r as resolveInset, t as _sfc_main } from "../LayerProvider-D9NsQFzL.js";
+export { _sfc_main as LayerProvider, layerContextKey, layerNestingKey, mergeInset, resolveInset, useLayerConfig, useLayerGutter };

package/dist/LayerProvider-D9NsQFzL.js

@@ -0,0 +1,73 @@
+import { a as measureLength, n as layerNestingKey, o as resetLayerSafeArea, t as layerContextKey } from "./context-M-er0-Rk.js";
+import { computed, defineComponent, inject, onBeforeUnmount, onMounted, provide, ref, renderSlot } from "vue";
+//#region src/LayerProvider/inset.ts
+const EDGES = [
+	"blockStart",
+	"blockEnd",
+	"inlineStart",
+	"inlineEnd"
+];
+/** 把写出来的偏移换成 px。数字原样用，字符串按 CSS 长度量。 */
+function resolveInset(inset) {
+	if (inset == null) return void 0;
+	const resolved = {};
+	for (const edge of EDGES) {
+		const raw = inset[edge];
+		if (raw == null) continue;
+		resolved[edge] = typeof raw === "number" ? raw : measureLength(raw);
+	}
+	return resolved;
+}
+/** 逐边合并：`primary` 写了的边用它，没写的边用 `fallback`。 */
+function mergeInset(primary, fallback) {
+	const above = resolveInset(primary);
+	const below = resolveInset(fallback);
+	const merged = {};
+	for (const edge of EDGES) {
+		const value = above?.[edge] ?? below?.[edge];
+		if (value != null) merged[edge] = value;
+	}
+	return merged;
+}
+//#endregion
+//#region src/LayerProvider/LayerProvider.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxLayerProvider",
+	inheritAttrs: false,
+	__name: "LayerProvider",
+	props: {
+		toast: {},
+		inset: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isNested = inject(layerNestingKey, false);
+		const measureVersion = ref(0);
+		function remeasure() {
+			resetLayerSafeArea();
+			measureVersion.value += 1;
+		}
+		onMounted(() => window.addEventListener("resize", remeasure));
+		onBeforeUnmount(() => window.removeEventListener("resize", remeasure));
+		const config = computed(() => {
+			measureVersion.value;
+			return {
+				inset: resolveInset(props.inset) ?? {},
+				toast: {
+					position: props.toast?.position,
+					maxVisible: props.toast?.maxVisible,
+					inset: mergeInset(props.toast?.inset, props.inset)
+				}
+			};
+		});
+		if (!isNested) {
+			provide(layerNestingKey, true);
+			provide(layerContextKey, config);
+		}
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+export { mergeInset as n, resolveInset as r, _sfc_main as t };

package/dist/Layout/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as LayoutHeight, a as _default, c as LayoutFooterProps, d as LayoutHeaderSlots, f as LayoutPanelProps, g as LayoutArea, h as LayoutSlots, i as _default$1, l as LayoutFooterSlots, m as LayoutProps, n as _default$3, o as LayoutContentProps, p as LayoutPanelSlots, r as _default$2, s as LayoutContentSlots, t as _default$4, u as LayoutHeaderProps } from "../index-CDdRQQF3.js";
+import { _ as LayoutHeight, a as _default, c as LayoutFooterProps, d as LayoutHeaderSlots, f as LayoutPanelProps, g as LayoutArea, h as LayoutSlots, i as _default$1, l as LayoutFooterSlots, m as LayoutProps, n as _default$3, o as LayoutContentProps, p as LayoutPanelSlots, r as _default$2, s as LayoutContentSlots, t as _default$4, u as LayoutHeaderProps } from "../index-DWh2WC8W.js";
 export { _default as Layout, type LayoutArea, _default$1 as LayoutContent, type LayoutContentProps, type LayoutContentSlots, _default$2 as LayoutFooter, type LayoutFooterProps, type LayoutFooterSlots, _default$3 as LayoutHeader, type LayoutHeaderProps, type LayoutHeaderSlots, type LayoutHeight, _default$4 as LayoutPanel, type LayoutPanelProps, type LayoutPanelSlots, type LayoutProps, type LayoutSlots };

package/dist/Layout/index.js

@@ -1,3 +1,3 @@
-import { a as _sfc_main, n as _sfc_main$3, r as _sfc_main$1, t as _sfc_main$4 } from "../LayoutPanel-C34uOq3e.js";
-import { t as _sfc_main$2 } from "../Layout-Bed3kP0M.js";
+import { a as _sfc_main, n as _sfc_main$3, r as _sfc_main$1, t as _sfc_main$4 } from "../LayoutPanel-DXOsaeQb.js";
+import { t as _sfc_main$2 } from "../Layout-C6RHllr-.js";
 export { _sfc_main as Layout, _sfc_main$1 as LayoutContent, _sfc_main$2 as LayoutFooter, _sfc_main$3 as LayoutHeader, _sfc_main$4 as LayoutPanel };

package/dist/{Layout-Bed3kP0M.js → Layout-C6RHllr-.js}

@@ -1,5 +1,5 @@
-import { t as formatSize } from "./size-xcIqExkS.js";
-import { i as regionPaddingStyle, o as useLayoutDividers } from "./LayoutPanel-C34uOq3e.js";
+import { i as regionPaddingStyle, o as useLayoutDividers } from "./LayoutPanel-DXOsaeQb.js";
+import { t as formatSize } from "./size-Cpn_wzXi.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
 import "../styles/layout.css";
 //#region src/Layout/LayoutFooter.vue

package/dist/{LayoutPanel-C34uOq3e.js → LayoutPanel-DXOsaeQb.js}

@@ -1,4 +1,5 @@
-import { a as supportsInternalContentWidth, i as spacingVariable, t as formatSize } from "./size-xcIqExkS.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { a as supportsInternalContentWidth, i as spacingVariable, t as formatSize } from "./size-Cpn_wzXi.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeStyle, openBlock, provide, renderSlot, unref, useAttrs, useSlots, useTemplateRef, withCtx } from "vue";
 import "../styles/layout.css";
 //#region src/Layout/context.ts
@@ -200,6 +201,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const root = useTemplateRef("root");
+		useScrollbars(root, { enabled: () => props.isScrollable });
 		const slots = useLayoutSlots();
 		__expose({ element: root });
 		const panels = computed(() => {
@@ -321,6 +323,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const root = useTemplateRef("root");
+		useScrollbars(root, { enabled: () => props.isScrollable });
 		const area = useLayoutArea();
 		const slots = useLayoutSlots();
 		__expose({ element: root });

package/dist/Lightbox/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useLightbox } from "../Lightbox-Br3o0SyQ.js";
+import { n as _sfc_main, t as useLightbox } from "../Lightbox-DTF9EdTG.js";
 export { _sfc_main as Lightbox, useLightbox };

package/dist/{Lightbox-Br3o0SyQ.js → Lightbox-DTF9EdTG.js}

@@ -1,7 +1,7 @@
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$1 } from "./IconButton-DDNgNl7B.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
-import { t as _sfc_main$1 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, toDisplayString, toRef, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/lightbox.css";

package/dist/Link/index.d.ts

@@ -1,3 +1,3 @@
-import { a as LinkWeight, i as LinkSize, n as LinkProps, r as LinkRoot, t as LinkColor } from "../types-D_J66aPN.js";
-import { t as _default } from "../index-BBtJt5_A.js";
+import { a as LinkWeight, i as LinkSize, n as LinkProps, r as LinkRoot, t as LinkColor } from "../types-BnNTzEnd.js";
+import { t as _default } from "../index-BULhhnGf.js";
 export { _default as Link, type LinkColor, type LinkProps, type LinkRoot, type LinkSize, type LinkWeight };

package/dist/Link/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Link-DCZ6922-.js";
+import { t as _sfc_main } from "../Link-BqHCtiyt.js";
 export { _sfc_main as Link };

package/dist/{Link-DCZ6922-.js → Link-BqHCtiyt.js}

@@ -1,6 +1,7 @@
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as _sfc_main$2 } from "./Tooltip-C2fh9anJ.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as _sfc_main$2 } from "./Tooltip-C4Vaqd3G.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, withCtx } from "vue";
 import "../styles/link.css";
 //#region src/Link/Link.vue
@@ -39,6 +40,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		target: {},
 		rel: {},
 		download: { type: [String, Boolean] },
+		referrerPolicy: {},
 		tooltip: {},
 		isStandalone: {
 			type: Boolean,
@@ -53,11 +55,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const messages = useAstryxMessages();
+		const linkComponent = useLinkComponent();
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
 		const isButton = computed(() => props.href == null || props.href === "");
-		const isCustomLink = computed(() => !isButton.value && !props.isDisabled && props.as != null);
+		const isCustomLink = computed(() => !isButton.value && !props.isDisabled && customLink.value != null);
 		const root = computed(() => {
-			if (isButton.value || props.isDisabled || props.as == null) return isButton.value ? "button" : "a";
-			return toRaw(props.as);
+			if (isButton.value || props.isDisabled || customLink.value == null) return isButton.value ? "button" : "a";
+			return toRaw(customLink.value);
 		});
 		const computedTarget = computed(() => {
 			return props.isExternalLink ? "_blank" : props.target;
@@ -98,6 +103,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const newTabText = computed(() => props.newTabLabel || messages.value.nav.opensInNewTab);
 		const showNewTab = computed(() => props.isExternalLink && !isButton.value);
+		/**
+		* `download` 只有三种写法：没有、空属性（= 用服务器给的文件名）、指定文件名。
+		* `false` 不能落到 DOM 上变成 `download="false"`，那样会被当成文件名。
+		*/
+		const downloadAttribute = computed(() => {
+			if (isButton.value || props.isDisabled) return void 0;
+			if (props.download === true) return "";
+			if (props.download === false) return void 0;
+			return props.download;
+		});
 		function handleClick(event) {
 			if (props.isDisabled) {
 				event.preventDefault();
@@ -116,7 +131,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					to: isCustomLink.value ? __props.href : void 0,
 					target: !isButton.value && !__props.isDisabled ? computedTarget.value : void 0,
 					rel: !isButton.value && !__props.isDisabled ? computedRel.value : void 0,
-					download: !isButton.value && !__props.isDisabled ? __props.download : void 0,
+					download: downloadAttribute.value,
+					referrerpolicy: !isButton.value ? __props.referrerPolicy : void 0,
 					type: isButton.value ? "button" : void 0,
 					disabled: isButton.value ? __props.isDisabled : void 0,
 					role: __props.isDisabled && !isButton.value ? "link" : void 0,
@@ -143,6 +159,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"target",
 					"rel",
 					"download",
+					"referrerpolicy",
 					"type",
 					"disabled",
 					"role",
@@ -156,7 +173,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				to: isCustomLink.value ? __props.href : void 0,
 				target: !isButton.value && !__props.isDisabled ? computedTarget.value : void 0,
 				rel: !isButton.value && !__props.isDisabled ? computedRel.value : void 0,
-				download: !isButton.value && !__props.isDisabled ? __props.download : void 0,
+				download: downloadAttribute.value,
+				referrerpolicy: !isButton.value ? __props.referrerPolicy : void 0,
 				type: isButton.value ? "button" : void 0,
 				disabled: isButton.value ? __props.isDisabled : void 0,
 				role: __props.isDisabled && !isButton.value ? "link" : void 0,
@@ -183,6 +201,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"target",
 				"rel",
 				"download",
+				"referrerpolicy",
 				"type",
 				"disabled",
 				"role",

package/dist/LinkProvider/index.d.ts

@@ -0,0 +1,2 @@
+import { a as linkComponentKey, i as LinkProviderSlots, n as LinkComponentType, o as useLinkComponent, r as LinkProviderProps, t as _default } from "../index-CitZGSn0.js";
+export { type LinkComponentType, _default as LinkProvider, type LinkProviderProps, type LinkProviderSlots, linkComponentKey, useLinkComponent };

package/dist/LinkProvider/index.js

@@ -0,0 +1,3 @@
+import { n as useLinkComponent, t as linkComponentKey } from "../context-C_peZbXf.js";
+import { t as _sfc_main } from "../LinkProvider-Qsps9_mL.js";
+export { _sfc_main as LinkProvider, linkComponentKey, useLinkComponent };

package/dist/LinkProvider-Qsps9_mL.js

@@ -0,0 +1,17 @@
+import { t as linkComponentKey } from "./context-C_peZbXf.js";
+import { defineComponent, markRaw, provide, renderSlot } from "vue";
+//#region src/LinkProvider/LinkProvider.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxLinkProvider",
+	inheritAttrs: false,
+	__name: "LinkProvider",
+	props: { component: {} },
+	setup(__props) {
+		provide(linkComponentKey, markRaw(__props.component));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/List/index.d.ts

@@ -1,3 +1,3 @@
 import { _ as ListItemSlots, a as ItemLayout, b as ListSlots, c as ItemSwipeAction, d as ItemSwipeSide, f as ItemTarget, g as ListItemProps, h as ListEdgeCompensation, i as ItemLabel, l as ItemSwipeActions, m as ListDensity, n as ItemDensity, o as ItemProps, p as ItemText, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ItemSwipeBehavior, v as ListMarkerStyle, y as ListProps } from "../types-DGYHIu4I.js";
-import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-JL4auphT.js";
+import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-GI9xIV9l.js";
 export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemSwipeAction, type ItemSwipeActions, type ItemSwipeBehavior, type ItemSwipeSide, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };

package/dist/List/index.js

@@ -1,3 +1,3 @@
-import { i as useListContext, r as useItemDescriptionId, t as _sfc_main } from "../Item-DrYJL1TG.js";
-import { n as _sfc_main$1, t as _sfc_main$2 } from "../ListItem-CcRHWuEm.js";
+import { i as useListContext, r as useItemDescriptionId, t as _sfc_main } from "../Item-KhFKX9St.js";
+import { n as _sfc_main$1, t as _sfc_main$2 } from "../ListItem-8RWT8XAG.js";
 export { _sfc_main as Item, _sfc_main$1 as List, _sfc_main$2 as ListItem, useItemDescriptionId, useListContext };

package/dist/{ListItem-CcRHWuEm.js → ListItem-8RWT8XAG.js}

@@ -1,4 +1,4 @@
-import { i as useListContext, n as listContextKey, t as _sfc_main$2 } from "./Item-DrYJL1TG.js";
+import { i as useListContext, n as listContextKey, t as _sfc_main$2 } from "./Item-KhFKX9St.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, defineComponent, mergeProps, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, useTemplateRef, withCtx } from "vue";
 import "../styles/list.css";
 //#region src/List/List.vue

package/dist/Markdown/index.d.ts

@@ -1,2 +1,2 @@
-import { C as MarkdownPlugin, D as applyMarkdownPlugins, E as applyInlinePlugins, O as defineMarkdownPlugin, S as MarkdownInlinePlugin, T as MarkdownTransformContext, _ as MarkdownLinkProps, a as _default, b as MarkdownSlots, c as MarkdownCitationStyle, d as MarkdownDensity, f as MarkdownDisplay, g as MarkdownInlineCodeProps, h as MarkdownImageProps, i as parseMarkdown, k as isMarkdownExtensionNode, l as MarkdownCodeProps, m as MarkdownHeadingProps, n as uniqueSlug, o as MarkdownAlign, p as MarkdownHeadingLevel, r as ParseMarkdownOptions, s as MarkdownAutolink, t as slugify, u as MarkdownComponents, v as MarkdownListProps, w as MarkdownPluginRenderContext, x as MarkdownSource, y as MarkdownProps } from "../index-z3uLM1O6.js";
+import { C as MarkdownPlugin, D as applyMarkdownPlugins, E as applyInlinePlugins, O as defineMarkdownPlugin, S as MarkdownInlinePlugin, T as MarkdownTransformContext, _ as MarkdownLinkProps, a as _default, b as MarkdownSlots, c as MarkdownCitationStyle, d as MarkdownDensity, f as MarkdownDisplay, g as MarkdownInlineCodeProps, h as MarkdownImageProps, i as parseMarkdown, k as isMarkdownExtensionNode, l as MarkdownCodeProps, m as MarkdownHeadingProps, n as uniqueSlug, o as MarkdownAlign, p as MarkdownHeadingLevel, r as ParseMarkdownOptions, s as MarkdownAutolink, t as slugify, u as MarkdownComponents, v as MarkdownListProps, w as MarkdownPluginRenderContext, x as MarkdownSource, y as MarkdownProps } from "../index-B1WJxt-n.js";
 export { _default as Markdown, type MarkdownAlign, type MarkdownAutolink, type MarkdownCitationStyle, type MarkdownCodeProps, type MarkdownComponents, type MarkdownDensity, type MarkdownDisplay, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownInlinePlugin, type MarkdownLinkProps, type MarkdownListProps, type MarkdownPlugin, type MarkdownPluginRenderContext, type MarkdownProps, type MarkdownSlots, type MarkdownSource, type MarkdownTransformContext, type ParseMarkdownOptions, applyInlinePlugins, applyMarkdownPlugins, defineMarkdownPlugin, isMarkdownExtensionNode, parseMarkdown, slugify, uniqueSlug };

package/dist/Markdown/index.js

@@ -1,2 +1,2 @@
-import { a as applyMarkdownPlugins, c as isMarkdownExtensionNode, i as applyInlinePlugins, n as slugify, o as defineMarkdownPlugin, r as uniqueSlug, s as parseMarkdown, t as _sfc_main } from "../Markdown-Bz0R3kNj.js";
+import { a as applyMarkdownPlugins, c as isMarkdownExtensionNode, i as applyInlinePlugins, n as slugify, o as defineMarkdownPlugin, r as uniqueSlug, s as parseMarkdown, t as _sfc_main } from "../Markdown-CvtN7HnF.js";
 export { _sfc_main as Markdown, applyInlinePlugins, applyMarkdownPlugins, defineMarkdownPlugin, isMarkdownExtensionNode, parseMarkdown, slugify, uniqueSlug };

package/dist/{Markdown-Bz0R3kNj.js → Markdown-CvtN7HnF.js}

@@ -1,11 +1,11 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as _sfc_main$2 } from "./Heading-B9C3LZlS.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as _sfc_main$2 } from "./Heading-BnwWEWkp.js";
 import { t as _sfc_main$3 } from "./Blockquote-DFqBv_oJ.js";
 import { t as _sfc_main$4 } from "./CheckboxIndicator-D37cm2Rh.js";
 import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
-import { d as _sfc_main$5, s as parseFenceLanguage, t as _sfc_main$6 } from "./CodeBlock-B2pnEOJY.js";
-import { t as _sfc_main$7 } from "./Link-DCZ6922-.js";
+import { d as _sfc_main$5, s as parseFenceLanguage, t as _sfc_main$6 } from "./CodeBlock-D0BFubut.js";
+import { t as _sfc_main$7 } from "./Link-BqHCtiyt.js";
 import { Fragment, computed, defineComponent, h, ref } from "vue";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";

package/dist/MetadataList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../MetadataList-CFaocx6j.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../MetadataList-B-OelQlt.js";
 export { _sfc_main as MetadataList, _sfc_main$1 as MetadataListItem };

package/dist/{MetadataList-CFaocx6j.js → MetadataList-B-OelQlt.js}

@@ -1,4 +1,4 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { Comment, Fragment, computed, defineComponent, h, inject, provide, ref, useId, useSlots } from "vue";
 import "../styles/metadata-list.css";
 //#region src/MetadataList/context.ts

package/dist/MobileNav/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-Dh3uLivq.js";
+import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-DxGz0xKA.js";
 export { _sfc_main as MobileNav, _sfc_main$1 as MobileNavToggle, mobileNavKey };

package/dist/{MobileNavToggle-Dh3uLivq.js → MobileNavToggle-DxGz0xKA.js}

@@ -1,6 +1,7 @@
-import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-BvMdXVX9.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, watch } from "vue";
+import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch } from "vue";
 import "../styles/mobile-nav.css";
 //#region src/MobileNav/context.ts
 /** 内容渲染在移动导航抽屉里时为 true。菜单在这里改成内联折叠，不再弹出。 */
@@ -15,7 +16,10 @@ const _hoisted_1$1 = [
 const _hoisted_2 = { class: "astryx-mobile-nav__drawer" };
 const _hoisted_3 = ["id"];
 const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = { class: "astryx-mobile-nav__body" };
+const _hoisted_5 = {
+	ref: "body",
+	class: "astryx-mobile-nav__body"
+};
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "AstryxMobileNav",
 	__name: "MobileNav",
@@ -39,6 +43,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const messages = useAstryxMessages();
 		const isOpen = useModel(__props, "isOpen");
 		const dialogRef = ref(null);
+		const bodyEl = useTemplateRef("body");
+		useScrollbars(bodyEl);
 		const resolvedSide = ref(props.side === "end" ? "end" : "start");
 		const generatedId = `astryx-mobile-nav-${useId()}`;
 		const dialogId = computed(() => props.id || generatedId);
@@ -130,7 +136,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
 				class: "astryx-mobile-nav__close-glyph",
 				"aria-hidden": "true"
-			}, null, -1)])], 8, _hoisted_4)], 2), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])])], 46, _hoisted_1$1)], 2112);
+			}, null, -1)])], 8, _hoisted_4)], 2), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")], 512)])], 46, _hoisted_1$1)], 2112);
 		};
 	}
 });

package/dist/MoreMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { An as MoreMenuDivider, Bn as MoreMenuSection, Fn as MoreMenuItemVariant, In as MoreMenuOption, Ln as MoreMenuPresentation, Mn as MoreMenuIcon, Nn as MoreMenuInitialFocus, Pn as MoreMenuItem, Rn as MoreMenuProps, Vn as MoreMenuSlots, jn as MoreMenuEmits, kn as _default, zn as MoreMenuResolvedPresentation } from "../index-B9rqmYxh.js";
+import { $r as MoreMenuEmits, Qr as MoreMenuDivider, Zr as _default, ai as MoreMenuPresentation, ci as MoreMenuSection, ei as MoreMenuIcon, ii as MoreMenuOption, li as MoreMenuSlots, ni as MoreMenuItem, oi as MoreMenuProps, ri as MoreMenuItemVariant, si as MoreMenuResolvedPresentation, ti as MoreMenuInitialFocus } from "../index-DUaLJO7l.js";
 export { _default as MoreMenu, type MoreMenuDivider, type MoreMenuEmits, type MoreMenuIcon, type MoreMenuInitialFocus, type MoreMenuItem, type MoreMenuItemVariant, type MoreMenuOption, type MoreMenuPresentation, type MoreMenuProps, type MoreMenuResolvedPresentation, type MoreMenuSection, type MoreMenuSlots };

package/dist/MoreMenu/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../MoreMenu-B95nRSe8.js";
+import { t as _sfc_main } from "../MoreMenu-Dlb7MLlW.js";
 export { _sfc_main as MoreMenu };