@astryx-vue/core 0.3.0 → 0.4.0

package/dist/AlertDialog/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-RAVA_cT1.js";
+import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-C2inDZWG.js";
 export { _sfc_main as AlertDialog, useImperativeAlertDialog };

package/dist/{AlertDialog-RAVA_cT1.js → AlertDialog-C2inDZWG.js}

@@ -1,10 +1,10 @@
-import { t as _sfc_main$1 } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$1 } from "./Button-ONOoHdkg.js";
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { t as _sfc_main$2 } from "./Dialog-FGHfDu5M.js";
-import { t as _sfc_main$3 } from "./Heading-BnwWEWkp.js";
+import { t as _sfc_main$2 } from "./Dialog-fhyxB00e.js";
+import { t as _sfc_main$3 } from "./Heading-BzBunfN7.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$4 } from "./Stack-kQlYbbL4.js";
-import { t as _sfc_main$5 } from "./Text-CV3LmscH.js";
+import { t as _sfc_main$4 } from "./Stack-Bp-XN9J4.js";
+import { t as _sfc_main$5 } from "./Text-CmTOgYXf.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useId, useTemplateRef, withCtx } from "vue";
 import "../styles/alert-dialog.css";
 //#region src/AlertDialog/context.ts

package/dist/AppShell/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../AppShell-0wTvOo3H.js";
+import { t as _sfc_main } from "../AppShell-CumzH-8z.js";
 export { _sfc_main as AppShell };

package/dist/{AppShell-0wTvOo3H.js → AppShell-CumzH-8z.js}

@@ -1,7 +1,7 @@
 import { t as appShellMobileKey } from "./useAppShellMobile-DTsyuAJ4.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-DXOsaeQb.js";
-import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-DxGz0xKA.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-zM5vjrKS.js";
+import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-pdoJFZHx.js";
 import { n as sideNavRenderModeKey } from "./context-BjNya0v8.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, provide, reactive, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/app-shell.css";

package/dist/Avatar/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Avatar-pPZ4dI_s.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Avatar-BW0TE8t9.js";
 export { _sfc_main as Avatar, _sfc_main$1 as AvatarStatusDot };

package/dist/{Avatar-pPZ4dI_s.js → Avatar-BW0TE8t9.js}

@@ -1,7 +1,10 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { n as isSafeUrl } from "./safeUrl-CsvfcZ9m.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$2 } from "./Tooltip-C4Vaqd3G.js";
-import { a as AvatarGroupContext, i as resolveStatusDotVariant, n as resolveSize, r as resolveStatusDotMetrics, t as composeAccessibleName } from "./utils-D33VQDnk.js";
+import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$2 } from "./Tooltip-sAM8i1eO.js";
+import { a as resolveStatusDotVariant, i as resolveStatusDotMetrics, n as getInitials, o as AvatarGroupContext, r as resolveSize, t as composeAccessibleName } from "./utils-ClVseK2w.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, normalizeStyle, onUnmounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 import "../styles/avatar.css";
 //#region src/Avatar/context.ts
@@ -11,7 +14,7 @@ import "../styles/avatar.css";
 *
 * 没有住在任何头像里时取默认的 36，和默认尺寸 `md` 一致。
 */
-const AvatarSizeContext = Symbol("AvatarSizeContext");
+const AvatarSizeContext = defineLayerScopedKey("AvatarSizeContext", null);
 /**
 * 状态元素往外层头像报自己读屏名字的入口。
 *
@@ -69,7 +72,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const attrs = useAttrs();
 		const erroredSrc = ref(void 0);
 		const erroredFallbackSrc = ref(void 0);
-		const avatarGroup = inject(AvatarGroupContext, void 0);
+		const avatarGroup = readLayerScoped(AvatarGroupContext);
 		const resolvedSize = computed(() => avatarGroup?.size.value ?? props.size);
 		const resolvedShape = computed(() => avatarGroup?.shape.value ?? props.shape);
 		const numericSize = computed(() => resolveSize(resolvedSize.value));
@@ -78,13 +81,6 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		/** 状态插槽里的圆点把读屏名字写在这里，下面会拼进头像自己的名字。 */
 		const statusLabel = ref(void 0);
 		provide(AvatarStatusLabelContext, statusLabel);
-		const groupStyle = computed(() => {
-			if (!avatarGroup) return {};
-			return {
-				marginInlineStart: `${-avatarGroup.overlap.value}px`,
-				borderWidth: "2px"
-			};
-		});
 		const rootStyle = computed(() => ({
 			width: `${numericSize.value}px`,
 			height: `${numericSize.value}px`
@@ -97,18 +93,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const meaningfulAlt = computed(() => {
 			return typeof props.alt === "string" && props.alt.trim() !== "" ? props.alt.trim() : void 0;
 		});
-		const initials = computed(() => {
-			if (!meaningfulName.value) return "";
-			const words = meaningfulName.value.split(/\s+/);
-			const first = words.at(0);
-			const last = words.length > 1 ? words.at(-1) : void 0;
-			const initial = (word) => {
-				if (!word) return "";
-				const match = word.match(/[\p{L}\p{N}]/u);
-				return match ? match[0].toUpperCase() : "";
-			};
-			return `${initial(first)}${initial(last)}`;
-		});
+		const initials = computed(() => meaningfulName.value ? getInitials(meaningfulName.value) : "");
 		const showInitials = computed(() => !showImage.value && !showFallbackImage.value && initials.value !== "");
 		const showIcon = computed(() => !showImage.value && !showFallbackImage.value && initials.value === "");
 		const messages = useAstryxMessages();
@@ -117,16 +102,26 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			const status = typeof label === "string" && label.trim() !== "" ? label.trim() : void 0;
 			return composeAccessibleName(meaningfulAlt.value || meaningfulName.value, status, messages.value.nav.avatarNameWithStatus);
 		});
+		const safeHref = computed(() => {
+			const href = props.href;
+			return href != null && href !== "" && isSafeUrl(href) ? href : void 0;
+		});
 		const isLink = computed(() => props.href != null && props.href !== "");
 		const isButton = computed(() => !isLink.value && attrs.onClick != null);
 		const isInteractive = computed(() => isLink.value || isButton.value);
-		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。危险协议不用它。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
-		const isCustomLink = computed(() => isLink.value && customLink.value != null);
+		const isCustomLink = computed(() => safeHref.value != null && customLink.value != null);
 		const rootTag = computed(() => {
-			if (isLink.value) return customLink.value == null ? "a" : toRaw(customLink.value);
+			if (isLink.value) return isCustomLink.value ? toRaw(customLink.value) : "a";
 			return isButton.value ? "button" : "span";
 		});
+		const consumerHasName = computed(() => {
+			const label = attrs["aria-label"];
+			const labelledBy = attrs["aria-labelledby"];
+			return typeof label === "string" && label.trim() !== "" || typeof labelledBy === "string" && labelledBy.trim() !== "";
+		});
+		useDevWarning("Avatar", "an interactive avatar (with `href` or `onClick`) needs a meaningful accessible name. Pass `alt` or `name`.", () => isInteractive.value && meaningfulAlt.value == null && meaningfulName.value == null && !consumerHasName.value);
 		const linkRel = computed(() => {
 			const parts = new Set((props.rel ?? "").split(/\s+/).filter(Boolean));
 			if (props.target === "_blank") {
@@ -160,10 +155,10 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				...attrs
 			};
 			if (isLink.value) {
-				bindings.href = props.href;
+				bindings.href = safeHref.value;
 				bindings.target = props.target;
 				bindings.rel = linkRel.value;
-				if (isCustomLink.value) bindings.to = props.href;
+				if (isCustomLink.value) bindings.to = safeHref.value;
 			}
 			if (isButton.value) bindings.type = attrs.type ?? "button";
 			if (!isInteractive.value && tooltipText.value != null && bindings.tabindex == null && bindings.tabIndex == null) bindings.tabindex = 0;
@@ -186,7 +181,10 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 						"astryx-avatar--group-item": unref(avatarGroup),
 						"astryx-avatar--interactive": isInteractive.value
 					}]],
-					style: [rootStyle.value, groupStyle.value]
+					style: rootStyle.value,
+					"data-size": resolvedSize.value,
+					"data-shape": resolvedShape.value,
+					"data-avatar-item": isInteractive.value ? "" : void 0
 				}, rootBindings.value), {
 					default: withCtx(() => [createElementVNode("span", _hoisted_1$1, [showImage.value ? (openBlock(), createElementBlock("img", {
 						key: 0,
@@ -214,7 +212,13 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 						"aria-hidden": "true"
 					}, [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })], -1))])], 4)) : createCommentVNode("v-if", true)]), _ctx.$slots.status ? (openBlock(), createElementBlock("span", _hoisted_4$1, [renderSlot(_ctx.$slots, "status")])) : createCommentVNode("v-if", true)]),
 					_: 3
-				}, 16, ["class", "style"]))]),
+				}, 16, [
+					"class",
+					"style",
+					"data-size",
+					"data-shape",
+					"data-avatar-item"
+				]))]),
 				_: 3
 			}, 8, ["content"])) : (openBlock(), createBlock(resolveDynamicComponent(rootTag.value), mergeProps({
 				key: 1,
@@ -222,7 +226,10 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"astryx-avatar--group-item": unref(avatarGroup),
 					"astryx-avatar--interactive": isInteractive.value
 				}]],
-				style: [rootStyle.value, groupStyle.value]
+				style: rootStyle.value,
+				"data-size": resolvedSize.value,
+				"data-shape": resolvedShape.value,
+				"data-avatar-item": isInteractive.value ? "" : void 0
 			}, rootBindings.value), {
 				default: withCtx(() => [createElementVNode("span", _hoisted_5, [showImage.value ? (openBlock(), createElementBlock("img", {
 					key: 0,
@@ -250,7 +257,13 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"aria-hidden": "true"
 				}, [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })], -1))])], 4)) : createCommentVNode("v-if", true)]), _ctx.$slots.status ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "status")])) : createCommentVNode("v-if", true)]),
 				_: 3
-			}, 16, ["class", "style"]));
+			}, 16, [
+				"class",
+				"style",
+				"data-size",
+				"data-shape",
+				"data-avatar-item"
+			]));
 		};
 	}
 });
@@ -292,7 +305,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const slots = useSlots();
 		/** 头像没给尺寸时按默认的 `md`（36px）算，单独放着用也是这个尺寸。 */
-		const avatarSize = inject(AvatarSizeContext, null);
+		const avatarSize = readLayerScoped(AvatarSizeContext);
 		const statusLabel = inject(AvatarStatusLabelContext, null);
 		/**
 		* 把状态名字交给外层头像，由它拼进自己的无障碍名称（`Jane Doe, Online`）。

package/dist/AvatarGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { a as AvatarGroupOverflowSlots, i as AvatarGroupOverflowProps, n as _default, o as AvatarGroupProps, r as AvatarGroupOverflowEmits, t as _default$1 } from "../index-DUaLJO7l.js";
+import { a as AvatarGroupOverflowSlots, i as AvatarGroupOverflowProps, n as _default, o as AvatarGroupProps, r as AvatarGroupOverflowEmits, t as _default$1 } from "../index-CpNlPLBF.js";
 export { _default as AvatarGroup, _default$1 as AvatarGroupOverflow, type AvatarGroupOverflowEmits, type AvatarGroupOverflowProps, type AvatarGroupOverflowSlots, type AvatarGroupProps };

package/dist/AvatarGroup/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../AvatarGroup-B--NQSB3.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../AvatarGroup-DLC_FFR5.js";
 export { _sfc_main as AvatarGroup, _sfc_main$1 as AvatarGroupOverflow };

package/dist/{AvatarGroup-B--NQSB3.js → AvatarGroup-DLC_FFR5.js}

@@ -1,9 +1,18 @@
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { a as AvatarGroupContext, n as resolveSize } from "./utils-D33VQDnk.js";
-import { computed, createBlock, createElementBlock, createTextVNode, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
+import { n as readLayerScoped } from "./scopedProvide-C-Df7c15.js";
+import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
+import { o as AvatarGroupContext, r as resolveSize } from "./utils-ClVseK2w.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, getCurrentInstance, mergeProps, normalizeStyle, onMounted, onUpdated, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, withCtx } from "vue";
 import "../styles/avatar-group.css";
 //#region src/AvatarGroup/AvatarGroup.vue
-const _hoisted_1 = ["aria-label"];
+const _hoisted_1 = [
+	"aria-label",
+	"aria-describedby",
+	"data-size",
+	"data-shape"
+];
 const OVERLAP_RATIO = .25;
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	__name: "AvatarGroup",
@@ -16,17 +25,45 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const numericSize = computed(() => resolveSize(props.size));
 		const overlap = computed(() => Math.round(numericSize.value * OVERLAP_RATIO));
+		const messages = useAstryxMessages();
+		const hintId = `astryx-avatar-group-hint-${useId()}`;
+		const hasInteractive = ref(false);
 		provide(AvatarGroupContext, {
 			size: computed(() => props.size),
 			shape: computed(() => props.shape),
 			overlap
 		});
+		const { listRef, handleKeyDown, handleFocus } = useListFocus({
+			itemSelector: "[data-avatar-item]",
+			orientation: "horizontal",
+			hasRovingTabIndex: true
+		});
+		const rootStyle = computed(() => ({ "--astryx-avatar-group-overlap": `${-overlap.value}px` }));
+		function syncInteractive() {
+			hasInteractive.value = listRef.value?.querySelector("[data-avatar-item]") != null;
+		}
+		onMounted(syncInteractive);
+		onUpdated(syncInteractive);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				ref_key: "listRef",
+				ref: listRef,
 				class: "astryx-avatar-group",
 				role: "group",
-				"aria-label": __props.label
-			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+				"aria-label": __props.label,
+				"aria-describedby": hasInteractive.value ? hintId : void 0,
+				"data-size": __props.size,
+				"data-shape": __props.shape,
+				style: normalizeStyle(rootStyle.value),
+				onFocusin: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+				onKeydown: _cache[1] || (_cache[1] = ($event) => hasInteractive.value ? unref(handleKeyDown)($event) : void 0)
+			}, [renderSlot(_ctx.$slots, "default"), hasInteractive.value ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				id: hintId
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).avatarGroup.keyboardHint), 1)]),
+				_: 1
+			})) : createCommentVNode("v-if", true)], 44, _hoisted_1);
 		};
 	}
 });
@@ -47,7 +84,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const instance = getCurrentInstance();
 		const messages = useAstryxMessages();
-		const avatarGroup = inject(AvatarGroupContext, void 0);
+		const press = usePressFeedback();
+		const avatarGroup = readLayerScoped(AvatarGroupContext);
 		const size = computed(() => avatarGroup?.size.value ?? "md");
 		const shape = computed(() => avatarGroup?.shape.value ?? "circle");
 		const numericSize = computed(() => resolveSize(size.value));
@@ -70,23 +108,29 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const rootStyle = computed(() => ({
 			"minWidth": `${numericSize.value + 4}px`,
 			"height": `${numericSize.value + 4}px`,
-			"marginInlineStart": `${-(avatarGroup?.overlap.value ?? 0)}px`,
 			"--astryx-avatar-group-overflow-computed-font-size": `max(var(--astryx-text-supporting-size, 0.75rem), ${Math.round(numericSize.value * OVERFLOW_FONT_RATIO * 100) / 100}px)`
 		}));
+		const pressBindings = computed(() => isInteractive.value ? press.pressableProps : {});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(isInteractive.value ? "button" : "span"), {
-				class: normalizeClass(["astryx-avatar-group-overflow", [`astryx-avatar-group-overflow--${shape.value}`, { "astryx-avatar-group-overflow--interactive": isInteractive.value }]]),
-				style: normalizeStyle(rootStyle.value),
+			return openBlock(), createBlock(resolveDynamicComponent(isInteractive.value ? "button" : "span"), mergeProps(pressBindings.value, {
+				class: ["astryx-avatar-group-overflow", [`astryx-avatar-group-overflow--${shape.value}`, { "astryx-avatar-group-overflow--interactive": isInteractive.value }]],
+				style: rootStyle.value,
+				"data-size": size.value,
+				"data-shape": shape.value,
+				"data-avatar-item": isInteractive.value ? "" : void 0,
 				type: isInteractive.value ? "button" : void 0,
 				"aria-label": accessibleName.value,
 				role: isInteractive.value ? void 0 : "img",
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
-			}, {
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(`+${safeCount.value}`), 1)])]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"class",
 				"style",
+				"data-size",
+				"data-shape",
+				"data-avatar-item",
 				"type",
 				"aria-label",
 				"role"

package/dist/Banner/index.d.ts

@@ -1,2 +1,2 @@
-import { Ga as BannerContainer, Ja as BannerSlots, Ka as BannerEmits, Wa as _default, Ya as BannerStatus, qa as BannerProps } from "../index-DUaLJO7l.js";
+import { Ga as _default, Ja as BannerProps, Ka as BannerContainer, Xa as BannerStatus, Ya as BannerSlots, qa as BannerEmits } from "../index-CpNlPLBF.js";
 export { _default as Banner, type BannerContainer, type BannerEmits, type BannerProps, type BannerSlots, type BannerStatus };

package/dist/Banner/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Banner-GbGxrqQO.js";
+import { t as _sfc_main } from "../Banner-C5VAwo4D.js";
 export { _sfc_main as Banner };

package/dist/{Banner-GbGxrqQO.js → Banner-C5VAwo4D.js}

@@ -1,21 +1,22 @@
 import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$2 } from "./IconButton-DDNgNl7B.js";
+import { t as _sfc_main$2 } from "./IconButton-DI-XBbtV.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as isRenderable } from "./isRenderable-BnKHIqfd.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/banner.css";
 import "../styles/field.css";
 //#region src/Banner/Banner.vue
 const _hoisted_1 = [
-	"role",
-	"data-status",
 	"data-container",
 	"data-elevation",
 	"data-expanded"
 ];
-const _hoisted_2 = { class: "astryx-banner-header" };
-const _hoisted_3 = {
-	class: "astryx-banner-icon",
-	"aria-hidden": "true"
-};
+const _hoisted_2 = [
+	"data-centered",
+	"data-container",
+	"data-status"
+];
+const _hoisted_3 = ["data-status"];
 const _hoisted_4 = ["data-has-actions"];
 const _hoisted_5 = {
 	key: 0,
@@ -26,6 +27,11 @@ const _hoisted_6 = {
 	class: "astryx-banner-actions"
 };
 const _hoisted_7 = ["data-expanded"];
+const _hoisted_8 = [
+	"id",
+	"data-container",
+	"data-status"
+];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxBanner",
 	__name: "Banner",
@@ -36,18 +42,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		icon: {},
 		isDismissable: { type: Boolean },
 		dismissLabel: {},
-		expandLabel: { default: "Expand details" },
-		collapseLabel: { default: "Collapse details" },
+		expandLabel: {},
+		collapseLabel: {},
 		container: { default: "card" },
 		elevation: { default: "none" },
 		collapsible: {
 			type: Boolean,
 			default: true
 		},
-		defaultIsOpen: {
-			type: Boolean,
-			default: false
-		}
+		defaultIsOpen: { type: Boolean }
 	}, {
 		"isOpen": {
 			type: Boolean,
@@ -60,11 +63,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const slots = useSlots();
+		const messages = useAstryxMessages();
 		const openModel = useModel(__props, "isOpen");
-		const localOpen = shallowRef(props.defaultIsOpen);
+		const localOpen = shallowRef(props.defaultIsOpen ?? false);
 		const dismissed = shallowRef(false);
 		const expanded = computed(() => !props.collapsible || (openModel.value ?? localOpen.value));
-		const hasContent = computed(() => !!slots.default);
+		function hasContent() {
+			return isRenderable(slots.default?.());
+		}
 		const icon = computed(() => props.icon ? toRaw(props.icon) : void 0);
 		const root = useTemplateRef("root");
 		const content = useTemplateRef("content");
@@ -72,6 +78,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const titleId = `astryx-banner-${useId()}`;
 		const contentId = `${titleId}-content`;
 		__expose({ element: computed(() => root.value ?? null) });
+		const knownStatuses = /* @__PURE__ */ new Set([
+			"info",
+			"warning",
+			"error",
+			"success"
+		]);
+		const visualStatus = computed(() => knownStatuses.has(props.status) ? props.status : void 0);
+		const expandText = computed(() => props.expandLabel ?? messages.value.banner.expand);
+		const collapseText = computed(() => props.collapseLabel ?? messages.value.banner.collapse);
+		const dismissTooltip = computed(() => props.dismissLabel ?? messages.value.banner.dismiss);
+		const dismissName = computed(() => {
+			if (props.dismissLabel) return props.dismissLabel;
+			return messages.value.banner.dismissTitled(messages.value.banner.dismiss, props.title);
+		});
+		const hasEnd = computed(() => !!slots.end);
+		const centered = computed(() => !props.description && !slots.description && (hasEnd.value || !!props.isDismissable));
 		let focusOrigin = null;
 		function remember(candidate) {
 			if (candidate instanceof HTMLElement && candidate !== root.value?.ownerDocument.body && !root.value?.contains(candidate)) focusOrigin = candidate;
@@ -100,35 +122,43 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				key: 0,
 				ref_key: "root",
 				ref: root,
-				class: "astryx-banner",
-				role: __props.status === "warning" || __props.status === "error" ? "alert" : "status",
-				"data-status": __props.status,
+				class: "astryx-banner-frame",
 				"data-container": __props.container,
 				"data-elevation": __props.elevation,
-				"data-expanded": hasContent.value && expanded.value || void 0,
+				"data-expanded": hasContent() && expanded.value || void 0,
 				onFocusin: focusin,
 				onPointerdownCapture: pointerdown
-			}, [createElementVNode("div", _hoisted_2, [
-				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, () => [icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 0 })) : (openBlock(), createBlock(_sfc_main$1, {
+			}, [createElementVNode("div", {
+				class: "astryx-banner astryx-banner-header",
+				"data-centered": centered.value || void 0,
+				"data-container": __props.container,
+				"data-status": visualStatus.value
+			}, [
+				createElementVNode("span", {
+					class: "astryx-banner-icon",
+					"data-status": visualStatus.value,
+					"aria-hidden": "true"
+				}, [renderSlot(_ctx.$slots, "icon", {}, () => [icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 0 })) : visualStatus.value ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 1,
-					type: __props.status
-				}, null, 8, ["type"]))])]),
+					type: visualStatus.value
+				}, null, 8, ["type"])) : createCommentVNode("v-if", true)])], 8, _hoisted_3),
 				createElementVNode("div", {
 					class: "astryx-banner-message",
-					"data-has-actions": !!_ctx.$slots.end || void 0
+					"data-has-actions": hasEnd.value || void 0
 				}, [createElementVNode("div", {
 					id: titleId,
 					class: "astryx-banner-title"
 				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)], 8, _hoisted_4),
-				_ctx.$slots.end || __props.isDismissable || hasContent.value && __props.collapsible ? (openBlock(), createElementBlock("div", _hoisted_6, [
+				hasEnd.value || __props.isDismissable || hasContent() && __props.collapsible ? (openBlock(), createElementBlock("div", _hoisted_6, [
 					renderSlot(_ctx.$slots, "end"),
-					hasContent.value && __props.collapsible ? (openBlock(), createBlock(_sfc_main$2, {
+					hasContent() && __props.collapsible ? (openBlock(), createBlock(_sfc_main$2, {
 						key: 0,
 						ref_key: "toggleButton",
 						ref: toggleButton,
 						variant: "ghost",
 						size: "sm",
-						label: expanded.value ? __props.collapseLabel : __props.expandLabel,
+						label: expanded.value ? collapseText.value : expandText.value,
+						tooltip: expanded.value ? collapseText.value : expandText.value,
 						"aria-expanded": expanded.value,
 						"aria-controls": expanded.value ? contentId : void 0,
 						onClick: toggle
@@ -145,6 +175,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						_: 1
 					}, 8, [
 						"label",
+						"tooltip",
 						"aria-expanded",
 						"aria-controls"
 					])) : createCommentVNode("v-if", true),
@@ -152,20 +183,23 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: 1,
 						variant: "ghost",
 						size: "sm",
-						label: __props.dismissLabel ?? `Dismiss ${__props.title}`,
+						label: dismissName.value,
+						tooltip: dismissTooltip.value,
 						onClick: dismiss
 					}, {
 						default: withCtx(() => [createVNode(_sfc_main$1, { type: "clear" })]),
 						_: 1
-					}, 8, ["label"])) : createCommentVNode("v-if", true)
+					}, 8, ["label", "tooltip"])) : createCommentVNode("v-if", true)
 				])) : createCommentVNode("v-if", true)
-			]), hasContent.value && expanded.value ? (openBlock(), createElementBlock("div", {
+			], 8, _hoisted_2), hasContent() && expanded.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				id: contentId,
+				id: hasContent() && __props.collapsible ? contentId : void 0,
 				ref_key: "content",
 				ref: content,
-				class: "astryx-banner-content"
-			}, [renderSlot(_ctx.$slots, "default")], 512)) : createCommentVNode("v-if", true)], 40, _hoisted_1)) : createCommentVNode("v-if", true);
+				class: "astryx-banner-content",
+				"data-container": __props.container,
+				"data-status": visualStatus.value
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_8)) : createCommentVNode("v-if", true)], 40, _hoisted_1)) : createCommentVNode("v-if", true);
 		};
 	}
 });

package/dist/Blockquote/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Blockquote-DFqBv_oJ.js";
+import { t as _sfc_main } from "../Blockquote-DRoKdcxZ.js";
 export { _sfc_main as Blockquote };

package/dist/Blockquote-DRoKdcxZ.js

@@ -0,0 +1,27 @@
+import { computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString, useSlots } from "vue";
+import "../styles/blockquote.css";
+//#region src/Blockquote/Blockquote.vue
+const _hoisted_1 = { class: "astryx-blockquote" };
+const _hoisted_2 = {
+	key: 0,
+	class: "astryx-blockquote__cite"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxBlockquote",
+	__name: "Blockquote",
+	props: { cite: {} },
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		/**
+		* 空字符串和缺省都不渲染出处。
+		* 引用本身是分段根，里面再套 footer 会被读屏当成整个页面的页脚。
+		*/
+		const showCite = computed(() => slots.cite != null || props.cite != null && props.cite !== "");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("blockquote", _hoisted_1, [renderSlot(_ctx.$slots, "default"), showCite.value ? (openBlock(), createElementBlock("cite", _hoisted_2, [renderSlot(_ctx.$slots, "cite", {}, () => [createTextVNode(toDisplayString(__props.cite), 1)])])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/BottomSheet/index.d.ts

@@ -1,2 +1,2 @@
-import { a as BottomSheetMotion, c as BottomSheetPurpose, d as BottomSheetState, i as BottomSheetHeight, l as BottomSheetSlots, n as _default, o as BottomSheetPadding, r as BottomSheetEmits, s as BottomSheetProps, t as _default$1, u as BottomSheetSnapPoint } from "../index-0QGtSf3r.js";
+import { a as BottomSheetMotion, c as BottomSheetPurpose, d as BottomSheetState, i as BottomSheetHeight, l as BottomSheetSlots, n as _default, o as BottomSheetPadding, r as BottomSheetEmits, s as BottomSheetProps, t as _default$1, u as BottomSheetSnapPoint } from "../index-BO9TY87G.js";
 export { _default as BottomSheet, type BottomSheetEmits, type BottomSheetHeight, type BottomSheetMotion, type BottomSheetPadding, type BottomSheetProps, type BottomSheetPurpose, type BottomSheetSlots, type BottomSheetSnapPoint, type BottomSheetState, _default$1 as BottomSheetSwitcher };

package/dist/BottomSheet/index.js

@@ -1,3 +1,3 @@
-import { t as _sfc_main } from "../BottomSheet-pt7m4CvC.js";
-import { t as _sfc_main$1 } from "../BottomSheet-JYMB_Ofl.js";
+import { t as _sfc_main } from "../BottomSheet-B4sc3F1S.js";
+import { t as _sfc_main$1 } from "../BottomSheet-m54uCMJN.js";
 export { _sfc_main as BottomSheet, _sfc_main$1 as BottomSheetSwitcher };