@astryx-vue/core 0.3.0 → 0.4.0

package/dist/composables/index.js

@@ -1,34 +1,39 @@
+import { t as usePressFeedback } from "../usePressFeedback-BJCpjEpv.js";
+import { n as useLayerTeleportTarget, r as useResolvedLayerTeleport, t as useLayerMountTarget } from "../useLayerMountTarget-BmZyeKWE.js";
 import { t as useMediaQuery } from "../useMediaQuery-GMmgp28-.js";
-import { t as useAnnounce } from "../announce-Cnio10Wk.js";
+import { t as characterCount } from "../characters-wTnzjkkR.js";
+import { t as useAnnounce } from "../announce-B210eJVf.js";
 import { n as useAppShellMobile, t as appShellMobileKey } from "../useAppShellMobile-DTsyuAJ4.js";
 import { n as useAsyncSource, t as createStaticSource } from "../useAsyncSource-Gk0VtE7_.js";
 import { n as CHAT_MESSAGE_CLASS, r as useChatNewMessages, t as useChatStreamScroll } from "../useChatStreamScroll-oDfybEos.js";
-import { n as useClickableContainer, t as INTERACTIVE_SELECTORS } from "../useClickableContainer-DyNpnSEa.js";
-import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as parseISOTime, c as useCoarsePointer, i as parseDisplayTime, n as formatISOTime, o as resolveTimeSurface, r as isTimeInRange, s as shiftTime, t as formatDisplayTime } from "../useTimeValue-6ufHM15W.js";
+import { i as useClickableContainer, n as hasInteractiveAncestor, r as hasTextSelection, t as INTERACTIVE_SELECTORS } from "../useClickableContainer-CdGp_Cev.js";
+import { t as useClipboard } from "../useClipboard-Dk8cS810.js";
+import { a as useKeyboardHint, c as perceptualLightness, d as useGridFocus, f as useEntryAnimation, h as useCoarsePointer, i as useStreamingText, l as useImageMode, m as useContainerReveal, n as useTouchTrigger, o as useIndicatorFocusRing, p as useControllableState, r as snapToGraphemeBoundary, s as imageModeFromPixels, t as isActionTrigger, u as useGridRovingFocus } from "../composables-Bc02zKAO.js";
 import { t as useCombobox } from "../useCombobox-CTo5C-gc.js";
-import { a as useKeyboardHint, c as perceptualLightness, d as useGridFocus, f as useEntryAnimation, i as usePressFeedback, l as useImageMode, m as useContainerReveal, n as useStreamingText, o as useIndicatorFocusRing, p as useControllableState, r as useScrollOverflow, s as imageModeFromPixels, t as snapToGraphemeBoundary, u as useGridRovingFocus } from "../composables-CbKx9C1Y.js";
 import { n as resolveDateSurface, t as resolveDatePresentation } from "../useDatePresentation-C07PnOCw.js";
 import { a as isRangeWithinSpan, c as resolveWeekStart, i as isDayOutsideSpan, l as spanDays, n as compareISODate, o as isSameRange, r as formatDateRange, s as orderRange, t as applyRangeClick } from "../useDateRange-CIXoE_8k.js";
 import { n as useDevWarning, t as devWarn } from "../useDevWarning-DznOpOHT.js";
 import { t as useDisclosureHandle } from "../useDisclosureHandle-Df3HhAfC.js";
-import { n as useDismiss } from "../usePositionedLayer-Cru9_00b.js";
+import { n as useDismiss } from "../usePositionedLayer-B7cvG-_v.js";
 import { t as useFieldControlState } from "../useFieldControlState-voICDrys.js";
 import { n as selectFiles, t as formatFileSize } from "../useFileSelection-BPtaegqK.js";
-import { n as useFocusTrap, t as useRestoreFocus } from "../useRestoreFocus-Djw9RUIf.js";
+import { n as useFocusTrap, t as useRestoreFocus } from "../useRestoreFocus-XEKs5-gp.js";
 import { t as useHandleRef } from "../useHandleRef-6cdKugm8.js";
-import { n as useResizable, r as useHotkeys, t as percent } from "../useResizable-B3ahKLoZ.js";
-import { t as useInputContainer } from "../useInputContainer-CpgDe2-4.js";
-import { t as useInputStatusIcon } from "../useInputStatusIcon-DBOwxV4x.js";
+import { n as useResizable, r as useHotkeys, t as percent } from "../useResizable-I3BCiLSL.js";
+import { t as useInputContainer } from "../useInputContainer-CLcYrby4.js";
+import { t as useInputStatusIcon } from "../useInputStatusIcon-DAE7PExr.js";
 import { t as useInteractiveRole } from "../useInteractiveRole-Cn0Nd5GX.js";
-import { n as useLayer, t as useMergedRefs } from "../useMergedRefs-CfHHlCsn.js";
-import { t as useListFocus } from "../useListFocus-D0iOJl39.js";
-import { a as useLongPress, n as useMenuPress, t as resetMenuPress } from "../useMenuPress-D-FRNrBW.js";
+import { n as useLayer, t as useMergedRefs } from "../useMergedRefs-Cb6_w93m.js";
+import { t as useListFocus } from "../useListFocus-ChxLg0b4.js";
+import { a as isMenuPressActivation, i as MENU_PRESS_MARKER, n as MENU_PRESS_SETTLE_MS, o as resetMenuPress, r as menuPressStep, s as useLongPress, t as useMenuPress } from "../useMenuPress-8foxY8z4.js";
 import { a as todayISODate, i as toISODate, n as buildMonthGrid, r as parseISODate, t as addMonths } from "../useMonthGrid-fGHSSrFc.js";
-import { t as useNumberField } from "../useNumberField-4-dIGVed.js";
+import { n as useNumberField, t as computeSteppedValue } from "../useNumberField-Dk1BE3-K.js";
 import { n as useOverflow, t as computeOverflow } from "../useOverflow-VrwF5oek.js";
 import { t as usePendingChange } from "../usePendingChange-ib-h8FZK.js";
-import { t as useScrollableArea } from "../useScrollableArea-DDk_CluT.js";
-import { t as useScrollLock } from "../scrollLock-BzIvIimL.js";
-import { t as useTypeahead } from "../useTypeahead-PAK8lMYz.js";
-export { CHAT_MESSAGE_CLASS, INTERACTIVE_SELECTORS, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, devWarn, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, imageModeFromPixels, isDayOutsideSpan, isRangeWithinSpan, isSameRange, isTimeInRange, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, perceptualLightness, resetMenuPress, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useContainerReveal, useControllableState, useDevWarning, useDisclosureHandle, useDismiss, useEntryAnimation, useFieldControlState, useFocusTrap, useGridFocus, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useIndicatorFocusRing, useInputContainer, useInputStatusIcon, useInteractiveRole, useKeyboardHint, useLayer, useListFocus, useLongPress, useMediaQuery, useMenuPress, useMergedRefs, useNumberField, useOverflow, usePendingChange, usePressFeedback, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };
+import { t as useResolvedLabelHidden } from "../useResolvedLabelHidden-B2rlWiaI.js";
+import { t as useScrollableArea } from "../useScrollableArea-BE8b3qm7.js";
+import { t as useScrollLock } from "../scrollLock-C3aT4-0z.js";
+import { t as useScrollOverflow } from "../useScrollOverflow-DuMoGXmm.js";
+import { a as parseISOTime, i as parseDisplayTime, n as formatISOTime, o as resolveTimeSurface, r as isTimeInRange, s as shiftTime, t as formatDisplayTime } from "../useTimeValue-BJd0xBhG.js";
+import { t as useTypeahead } from "../useTypeahead-BvtflkRk.js";
+export { CHAT_MESSAGE_CLASS, INTERACTIVE_SELECTORS, MENU_PRESS_MARKER, MENU_PRESS_SETTLE_MS, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, computeSteppedValue, characterCount as countCharacters, createStaticSource, devWarn, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, hasInteractiveAncestor, hasTextSelection, imageModeFromPixels, isActionTrigger, isDayOutsideSpan, isMenuPressActivation, isRangeWithinSpan, isSameRange, isTimeInRange, menuPressStep, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, perceptualLightness, resetMenuPress, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useContainerReveal, useControllableState, useDevWarning, useDisclosureHandle, useDismiss, useEntryAnimation, useFieldControlState, useFocusTrap, useGridFocus, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useIndicatorFocusRing, useInputContainer, useInputStatusIcon, useInteractiveRole, useKeyboardHint, useLayer, useLayerMountTarget, useLayerTeleportTarget, useListFocus, useLongPress, useMediaQuery, useMenuPress, useMergedRefs, useNumberField, useOverflow, usePendingChange, usePressFeedback, useResizable, useResolvedLabelHidden, useResolvedLayerTeleport, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTouchTrigger, useTypeahead };

package/dist/{composables-CbKx9C1Y.js → composables-Bc02zKAO.js}

@@ -1,10 +1,29 @@
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { t as _sfc_main$1 } from "./Kbd-BB-Dw6zE.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, getCurrentScope, h, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, ref, renderList, toDisplayString, toValue, unref, vShow, watch, withDirectives } from "vue";
+import { r as trackInteractionModality, t as getInteractionModality } from "./interactionModality-ACpTMhak.js";
+import { t as _sfc_main$1 } from "./Kbd-CV3LO2Ge.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, h, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, toValue, unref, vShow, watch, withDirectives } from "vue";
 import "../styles/indicator-focus-ring.css";
 import "../styles/keyboard-hint.css";
-import "../styles/pressable.css";
+//#region src/composables/useCoarsePointer.ts
+/** 粗指针（触摸）为 true。服务端和细指针设备为 false。 */
+function useCoarsePointer() {
+	const coarse = shallowRef(false);
+	let query;
+	function update() {
+		coarse.value = query?.matches ?? false;
+	}
+	onMounted(() => {
+		query = window.matchMedia("(pointer: coarse)");
+		update();
+		query.addEventListener("change", update);
+	});
+	onScopeDispose(() => {
+		query?.removeEventListener("change", update);
+	});
+	return computed(() => coarse.value);
+}
+//#endregion
 //#region src/composables/useContainerReveal.ts
 function useContainerReveal(options = {}) {
 	function containerProps(reveal = {}) {
@@ -662,198 +681,6 @@ function useKeyboardHint(options = {}) {
 	};
 }
 //#endregion
-//#region src/composables/internal/pressFeedback.ts
-/** 标出要走上报按压模型的元素。样式在 `styles/pressable.css`。 */
-const PRESSABLE_ATTRIBUTE = "data-astryx-pressable";
-/** 按压成立时由控制器写在元素上，抬手时移除。 */
-const PRESSED_ATTRIBUTE = "data-astryx-pressed";
-/** 手指按下多久才算真按了。 */
-const HOLD_MS = 150;
-/** 手指移动超过这个距离就当是滑动，不是按压。 */
-const MOVE_TOLERANCE_PX = 10;
-const PRESSABLE_PROPS = Object.freeze({ [PRESSABLE_ATTRIBUTE]: "" });
-/**
-* 一个文档级的控制器，给所有带标记的元素统一做按压反馈。
-* 第一个用到的组件装上它，最后一个卸载时拆掉，所以每个元素自己不加监听、不加状态。
-*/
-let press = null;
-let users = 0;
-let installed = false;
-let releaseTimer = null;
-function clearPressTimer() {
-	if (press?.timer != null) {
-		clearTimeout(press.timer);
-		press.timer = null;
-	}
-}
-function clearReleaseTimer() {
-	if (releaseTimer != null) {
-		clearTimeout(releaseTimer);
-		releaseTimer = null;
-	}
-}
-function paint(element) {
-	element.setAttribute(PRESSED_ATTRIBUTE, "");
-}
-function unpaint(element) {
-	element.removeAttribute(PRESSED_ATTRIBUTE);
-}
-function reset() {
-	clearPressTimer();
-	if (press != null) unpaint(press.element);
-	press = null;
-}
-/** 抬手后让样式先画到 1，再撤掉属性，这样淡出的是 CSS 过渡。 */
-function releaseAfterTap(element) {
-	paint(element);
-	clearReleaseTimer();
-	releaseTimer = setTimeout(() => {
-		releaseTimer = null;
-		unpaint(element);
-	}, 0);
-}
-function onPointerDown(event) {
-	if (event.pointerType === "mouse") return;
-	const target = event.target;
-	if (!(target instanceof Element)) return;
-	const element = target.closest(`[${PRESSABLE_ATTRIBUTE}]`);
-	if (element == null) return;
-	reset();
-	press = {
-		pointerId: event.pointerId,
-		element,
-		startX: event.clientX,
-		startY: event.clientY,
-		believed: false,
-		cancelled: false,
-		timer: setTimeout(() => {
-			if (press == null || press.cancelled) return;
-			press.believed = true;
-			press.timer = null;
-			paint(press.element);
-		}, HOLD_MS)
-	};
-}
-function onPointerMove(event) {
-	if (press == null || press.cancelled || event.pointerId !== press.pointerId) return;
-	if (Math.hypot(event.clientX - press.startX, event.clientY - press.startY) < MOVE_TOLERANCE_PX) return;
-	press.cancelled = true;
-	clearPressTimer();
-	unpaint(press.element);
-}
-function onPointerUp(event) {
-	if (press == null || event.pointerId !== press.pointerId) return;
-	const current = press;
-	clearPressTimer();
-	press = null;
-	if (current.cancelled || current.believed) unpaint(current.element);
-	else releaseAfterTap(current.element);
-}
-/** 浏览器收回这次手势（来电、系统手势），直接作废，不要补那一下。 */
-function onPointerCancel(event) {
-	if (press == null || event.pointerId !== press.pointerId) return;
-	clearPressTimer();
-	press.cancelled = true;
-	unpaint(press.element);
-	press = null;
-}
-function onScroll() {
-	if (press == null) return;
-	press.cancelled = true;
-	clearPressTimer();
-	unpaint(press.element);
-}
-function install() {
-	if (installed || typeof document === "undefined") return;
-	installed = true;
-	document.addEventListener("pointerdown", onPointerDown, true);
-	document.addEventListener("pointermove", onPointerMove, true);
-	document.addEventListener("pointerup", onPointerUp, true);
-	document.addEventListener("pointercancel", onPointerCancel, true);
-	document.addEventListener("scroll", onScroll, true);
-}
-function uninstall() {
-	if (!installed || typeof document === "undefined") return;
-	installed = false;
-	document.removeEventListener("pointerdown", onPointerDown, true);
-	document.removeEventListener("pointermove", onPointerMove, true);
-	document.removeEventListener("pointerup", onPointerUp, true);
-	document.removeEventListener("pointercancel", onPointerCancel, true);
-	document.removeEventListener("scroll", onScroll, true);
-	clearReleaseTimer();
-	reset();
-}
-/**
-* 对应原版 Astryx 的 `hooks/usePressFeedback`。
-*
-* 手指按下去时，CSS 的 `:active` 会在手指落下的瞬间就亮，而且滚动已经开始了它可能还亮着。
-* 这里的按压模型反过来：先等 150 毫秒，确认这真是按压；手指一动超过 10 像素、
-* 或者页面滚走了，马上作废，本次按压里不再亮回来；快速点一下则在抬手时补上；
-* 松手后 200 毫秒淡出。这几个时间和系统列表的手感一致。
-*
-* 一个文档级控制器给所有带标记的元素做这件事（第一个用到的组件装上，最后一个卸载时拆掉），
-* 所以调用这个组合式函数不会给你的元素加监听，也不加状态。
-*
-* 鼠标上的表现不变：`styles/pressable.css` 里给鼠标留了 `:active`，
-* 在 `@media (pointer: coarse)` 之外才生效。
-*/
-function usePressFeedback() {
-	users += 1;
-	install();
-	if (getCurrentScope() != null) onScopeDispose(() => {
-		users -= 1;
-		if (users <= 0) uninstall();
-	});
-	return { pressableProps: PRESSABLE_PROPS };
-}
-//#endregion
-//#region src/composables/useScrollOverflow.ts
-/**
-* 观察一个横向滚动容器，报告起始边和结束边有没有被挡住。
-* 容差 1px，滚动和尺寸变化都会重新量。
-*/
-function useScrollOverflow() {
-	const element = ref(null);
-	const overflowStart = ref(false);
-	const overflowEnd = ref(false);
-	const hasOverflow = ref(false);
-	let observer;
-	function measure() {
-		const node = element.value;
-		if (node == null) return;
-		const tolerance = 1;
-		const maxScroll = node.scrollWidth - node.clientWidth;
-		const nextStart = Math.abs(node.scrollLeft) > tolerance;
-		const nextEnd = Math.abs(node.scrollLeft) < maxScroll - tolerance;
-		const nextHas = node.scrollWidth > node.clientWidth + tolerance;
-		overflowStart.value = nextStart;
-		overflowEnd.value = nextEnd;
-		hasOverflow.value = nextHas;
-	}
-	function scrollRef(node) {
-		element.value?.removeEventListener("scroll", measure);
-		observer?.disconnect();
-		element.value = node;
-		if (node == null) return;
-		node.addEventListener("scroll", measure, { passive: true });
-		if (typeof ResizeObserver !== "undefined") {
-			observer = new ResizeObserver(measure);
-			observer.observe(node);
-		}
-		measure();
-	}
-	onBeforeUnmount(() => {
-		element.value?.removeEventListener("scroll", measure);
-		observer?.disconnect();
-	});
-	return {
-		scrollRef,
-		overflowStart,
-		overflowEnd,
-		hasOverflow
-	};
-}
-//#endregion
 //#region src/composables/useStreamingText.ts
 const CHARS_PER_TICK = {
 	natural: 10,
@@ -937,4 +764,147 @@ function useStreamingText(targetText, isStreaming = false, options) {
 	});
 }
 //#endregion
-export { useKeyboardHint as a, perceptualLightness as c, useGridFocus as d, useEntryAnimation as f, usePressFeedback as i, useImageMode as l, useContainerReveal as m, useStreamingText as n, useIndicatorFocusRing as o, useControllableState as p, useScrollOverflow as r, imageModeFromPixels as s, snapToGraphemeBoundary as t, useGridRovingFocus as u };
+//#region src/composables/useTouchTrigger.ts
+/**
+* 「按下去」算作点击的指针类型。笔也在里面，但它只在落笔时算：
+* 笔悬停在屏幕上方时是悬停，和鼠标一样。
+*/
+const TOUCH_POINTER_TYPES = /* @__PURE__ */ new Set(["touch", "pen"]);
+/**
+* 表示「激活它会做事」的 ARIA role。显式 role 优先于标签名：
+* `<button role="presentation">` 只是布景，`<span role="button">` 才是真控件。
+*/
+const ACTION_ROLES = /* @__PURE__ */ new Set([
+	"button",
+	"checkbox",
+	"combobox",
+	"link",
+	"menuitem",
+	"menuitemcheckbox",
+	"menuitemradio",
+	"option",
+	"radio",
+	"searchbox",
+	"slider",
+	"spinbutton",
+	"switch",
+	"tab",
+	"textbox"
+]);
+/**
+* 激活这个元素是不是「做了别的事」，而不是「显示浮层」。
+*
+* 比「可聚焦」窄是有意的：纯文字 Tooltip 的触发器带 `tabindex=0`，
+* 键盘用户要能聚焦它读提示，但它本身没有动作。
+*
+* 返回 true 只决定「浮层不开」，那一下点击本身不会被吞掉：这里不调
+* `preventDefault`，也不调 `stopPropagation`。
+*/
+function isActionTrigger(element) {
+	const role = element.getAttribute("role");
+	if (role != null && role !== "") return ACTION_ROLES.has(role);
+	switch (element.tagName) {
+		case "BUTTON":
+		case "INPUT":
+		case "LABEL":
+		case "SELECT":
+		case "SUMMARY":
+		case "TEXTAREA": return true;
+		case "A":
+		case "AREA": return element.hasAttribute("href");
+		default: return isEditable(element);
+	}
+}
+function isEditable(element) {
+	if (element.isContentEditable === true) return true;
+	const attribute = element.getAttribute("contenteditable");
+	return attribute != null && attribute !== "false";
+}
+/**
+* 悬停类浮层（Tooltip、HoverCard）共用的触屏行为。
+*
+* 触屏上表达不了「悬停」：点一下会合成 `mouseenter`，不处理的悬停浮层要么
+* 每次点都弹出来、又没有东西能关掉它，要么把用户点控件的这一下吃掉。
+*/
+function useTouchTrigger(options) {
+	trackInteractionModality();
+	const isTouchPointer = ref(false);
+	let isOpenNow = toValue(options.isOpen);
+	/**
+	* 这一层是不是被「点一下」打开的。只有点开的浮层才欠用户一次「点外面关闭」：
+	* 悬停打开的自己会随指针离开关掉，受控打开的不是我们该关的。
+	*/
+	let isTapOpen = false;
+	let outsideListener = null;
+	watch(() => toValue(options.isOpen), (open) => {
+		if (isOpenNow && !open) disarmOutsideDismiss();
+		isOpenNow = open;
+	}, { flush: "sync" });
+	function disarmOutsideDismiss() {
+		isTapOpen = false;
+		if (outsideListener == null) return;
+		document.removeEventListener("pointerdown", outsideListener, true);
+		outsideListener = null;
+	}
+	/**
+	* 装「点外面关闭」。用捕获阶段，触发器自己 stopPropagation 也拦不住，
+	* 免得留一个关不掉的浮层。打开它的那一次按压在 document 捕获阶段已经走过了，
+	* 所以这个监听看不到它。
+	*/
+	function armOutsideDismiss() {
+		isTapOpen = true;
+		if (outsideListener != null) return;
+		outsideListener = (event) => {
+			const target = event.target;
+			if (target != null) {
+				if (options.triggerRef.value?.contains(target) === true) return;
+				if (document.getElementById(toValue(options.layerId))?.contains(target) === true) return;
+			}
+			disarmOutsideDismiss();
+			options.hide();
+		};
+		document.addEventListener("pointerdown", outsideListener, true);
+	}
+	onScopeDispose(disarmOutsideDismiss);
+	function isEnabledNow() {
+		return toValue(options.isEnabled) ?? true;
+	}
+	function isControlledNow() {
+		return toValue(options.isControlled) === true;
+	}
+	function isTouchInteraction() {
+		return isTouchPointer.value && getInteractionModality() === "pointer";
+	}
+	function handlePointerEnter(event) {
+		isTouchPointer.value = event.pointerType === "touch";
+	}
+	function handlePointerDown(event) {
+		const isTouch = TOUCH_POINTER_TYPES.has(event.pointerType);
+		isTouchPointer.value = isTouch;
+		if (!isTouch || isControlledNow()) return false;
+		const trigger = options.triggerRef.value;
+		const touchTrigger = toValue(options.touchTrigger);
+		if ((touchTrigger === "auto" ? trigger != null && isActionTrigger(trigger) ? "none" : "tap" : touchTrigger) === "none" || !isEnabledNow()) {
+			disarmOutsideDismiss();
+			options.hide();
+			return true;
+		}
+		if (isOpenNow || isTapOpen) {
+			disarmOutsideDismiss();
+			options.hide();
+			return true;
+		}
+		armOutsideDismiss();
+		options.show();
+		return true;
+	}
+	return {
+		isTouchPointer,
+		isTouchInteraction,
+		handlePointerEnter,
+		handlePointerDown,
+		clearTapOpen: disarmOutsideDismiss
+	};
+}
+//#endregion
+export { useKeyboardHint as a, perceptualLightness as c, useGridFocus as d, useEntryAnimation as f, useCoarsePointer as h, useStreamingText as i, useImageMode as l, useContainerReveal as m, useTouchTrigger as n, useIndicatorFocusRing as o, useControllableState as p, snapToGraphemeBoundary as r, imageModeFromPixels as s, isActionTrigger as t, useGridRovingFocus as u };

package/dist/context-B6UElI5X.js

@@ -0,0 +1,5 @@
+import { t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+//#region src/Button/context.ts
+const buttonGroupContextKey = defineLayerScopedKey("astryx-button-group", null);
+//#endregion
+export { buttonGroupContextKey as t };

package/dist/{context-Cfjh8te1.js → context-Cfml4jaK.js}

@@ -1,8 +1,10 @@
-import { computed, inject } from "vue";
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { computed } from "vue";
 //#region src/FormLayout/context.ts
-const formLayoutKey = Symbol("astryx-form-layout");
+const NO_FORM_LAYOUT = computed(() => null);
+const formLayoutKey = defineLayerScopedKey("astryx-form-layout", NO_FORM_LAYOUT);
 function useFormLayout() {
-	return inject(formLayoutKey, computed(() => null));
+	return readLayerScoped(formLayoutKey);
 }
 /**
 * 没有 FormLayout 时保持原来的 aria-required。