@astryx-vue/core 0.2.6 → 0.4.0

package/dist/{BottomSheet-DIVwbGr3.js → BottomSheet-m54uCMJN.js}

@@ -1,6 +1,7 @@
-import { n as useFocusTrap } from "./useRestoreFocus-Djw9RUIf.js";
-import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
-import { n as bottomSheetSwitcherKey } from "./BottomSheet-eJ3FzTBD.js";
+import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
+import { n as useFocusTrap } from "./useRestoreFocus-XEKs5-gp.js";
+import { t as useScrollLock } from "./scrollLock-C3aT4-0z.js";
+import { n as useSheetLayerDismiss, r as bottomSheetSwitcherKey } from "./BottomSheet-B4sc3F1S.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, useModel, useTemplateRef, watch } from "vue";
 import "../styles/bottom-sheet.css";
 //#region src/BottomSheet/BottomSheetSwitcher.vue
@@ -109,15 +110,30 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (flowPurpose.value === "required") return;
 			setActive(null);
 		}
+		const flowVisible = computed(() => activeSheet.value != null || retainedId.value != null);
+		const layerEscape = computed(() => {
+			if (activeSheet.value == null || flowPurpose.value === "required") return "block";
+			if (!props.hasScrim) return "ignore";
+			return "close";
+		});
+		const layer = useSheetLayerDismiss({
+			isActive: flowVisible,
+			escape: layerEscape,
+			getContainer: () => dialog.value ?? null,
+			isPresent: () => dialog.value?.open ?? false,
+			onDismiss: requestClose
+		});
 		function onKeydown(event) {
-			if (event.key !== "Escape" || event.isComposing) return;
+			if (event.key !== "Escape" || !layer.isTop()) return;
 			event.preventDefault();
+			if (isImeKeyEvent(event)) return;
 			requestClose();
 		}
 		function onCancel(event) {
 			emit("cancel", event);
 			if (event.defaultPrevented) return;
 			event.preventDefault();
+			if (!layer.isTop()) return;
 			requestClose();
 		}
 		function onDialogClick(event) {

package/dist/Breadcrumbs/index.d.ts

@@ -1,3 +1,3 @@
-import { E as DropdownMenuRadioItemProps, n as _default$2, r as _default$1, s as DropdownMenuCheckboxItemProps, t as _default$3, w as DropdownMenuRadioGroupProps } from "../DropdownMenuRadioItem.vue-CXEURBcq.js";
-import { a as BreadcrumbsProps, i as BreadcrumbMenuOption, n as _default, o as BreadcrumbsVariant, r as BreadcrumbItemProps, t as _default$4 } from "../index-CsNi1I8j.js";
+import { b as DropdownMenuCheckboxItemProps, j as DropdownMenuRadioItemProps, k as DropdownMenuRadioGroupProps, n as _default$2, r as _default$1, t as _default$3 } from "../DropdownMenuRadioItem.vue-Qd-8Rg4Q.js";
+import { a as BreadcrumbsProps, i as BreadcrumbMenuOption, n as _default, o as BreadcrumbsVariant, r as BreadcrumbItemProps, t as _default$4 } from "../index-B08-Uxhv.js";
 export { _default as BreadcrumbItem, type BreadcrumbItemProps, _default$1 as BreadcrumbMenuCheckboxItem, type DropdownMenuCheckboxItemProps as BreadcrumbMenuCheckboxItemProps, type BreadcrumbMenuOption, _default$2 as BreadcrumbMenuRadioGroup, type DropdownMenuRadioGroupProps as BreadcrumbMenuRadioGroupProps, _default$3 as BreadcrumbMenuRadioItem, type DropdownMenuRadioItemProps as BreadcrumbMenuRadioItemProps, _default$4 as Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariant };

package/dist/Breadcrumbs/index.js

@@ -1,3 +1,3 @@
-import { i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2 } from "../useMenuDrillIn-DzKGkTho.js";
-import { n as _sfc_main, t as _sfc_main$4 } from "../Breadcrumbs-DPVaziH4.js";
+import { i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2 } from "../useMenuDrillIn-DhUnPvKs.js";
+import { n as _sfc_main, t as _sfc_main$4 } from "../Breadcrumbs-CTaz7Kh4.js";
 export { _sfc_main as BreadcrumbItem, _sfc_main$1 as BreadcrumbMenuCheckboxItem, _sfc_main$2 as BreadcrumbMenuRadioGroup, _sfc_main$3 as BreadcrumbMenuRadioItem, _sfc_main$4 as Breadcrumbs };

package/dist/Breadcrumbs-CTaz7Kh4.js

@@ -0,0 +1,223 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
+import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
+import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$3 } from "./DropdownMenu-BzQrNV9C.js";
+import { n as isNavigableHref } from "./link-DuuA2eCL.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, onMounted, onScopeDispose, onUpdated, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useId, useSlots, useTemplateRef, watch, withCtx } from "vue";
+import "../styles/breadcrumbs.css";
+//#region src/Breadcrumbs/context.ts
+const breadcrumbContextKey = defineLayerScopedKey("breadcrumbContext", void 0);
+//#endregion
+//#region src/Breadcrumbs/BreadcrumbItem.vue
+const _hoisted_1$1 = {
+	class: "astryx-breadcrumb-item__separator",
+	"aria-hidden": "true"
+};
+const _hoisted_2$1 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__slash"
+};
+const _hoisted_3 = ["aria-current"];
+const _hoisted_4 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__icon"
+};
+const _hoisted_5 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__icon"
+};
+const _hoisted_6 = ["aria-current"];
+const _hoisted_7 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__icon"
+};
+const _hoisted_8 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__icon"
+};
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "BreadcrumbItem",
+	props: {
+		href: {},
+		as: {},
+		isCurrent: {
+			type: Boolean,
+			default: void 0
+		},
+		menu: {},
+		menuSize: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const context = readLayerScoped(breadcrumbContextKey);
+		const linkComponent = useLinkComponent();
+		const itemId = useId();
+		const variant = computed(() => context?.variant.value ?? "default");
+		const separator = computed(() => context?.separator.value ?? "/");
+		const mirrorsSlash = computed(() => separator.value === "/");
+		const hasMenu = computed(() => props.menu != null || slots.menu != null);
+		const explicitCurrent = computed(() => props.isCurrent === true);
+		const showsCurrent = computed(() => explicitCurrent.value || props.isCurrent == null && context?.autoCurrentId.value === itemId);
+		const itemRef = useTemplateRef("item");
+		if (context != null) {
+			onMounted(() => context.registerItem(itemId, props.isCurrent, () => itemRef.value));
+			watch(() => props.isCurrent, (value) => context.updateItem(itemId, value));
+			onScopeDispose(() => context.unregisterItem(itemId));
+		}
+		const classes = computed(() => ["astryx-breadcrumb-item", `astryx-breadcrumb-item--variant-${variant.value}`]);
+		const contentClasses = computed(() => ["astryx-breadcrumb-item__content", showsCurrent.value && "astryx-breadcrumb-item__content--current"]);
+		const menuSize = computed(() => props.menuSize ?? (variant.value === "supporting" ? "sm" : "md"));
+		/** The link crumb keeps the anchor unless a router link is passed in or a LinkProvider supplies one. */
+		const customLink = computed(() => props.as ?? linkComponent.value);
+		const linkRoot = computed(() => customLink.value == null ? "a" : toRaw(customLink.value));
+		const rendersLink = computed(() => isNavigableHref(props.href) && !explicitCurrent.value);
+		useDevWarning("BreadcrumbItem", "`menu` and `href` are mutually exclusive; `menu` takes precedence and `href` is ignored.", () => hasMenu.value && Boolean(props.href));
+		function handleClick(event) {
+			if (explicitCurrent.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				ref: "item",
+				class: normalizeClass(classes.value)
+			}, [createElementVNode("span", _hoisted_1$1, [mirrorsSlash.value ? (openBlock(), createElementBlock("span", _hoisted_2$1, "/")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(separator.value), 1)], 64))]), hasMenu.value ? (openBlock(), createBlock(_sfc_main$3, {
+				key: 0,
+				button: {
+					label: "Menu",
+					size: menuSize.value
+				},
+				items: slots.menu ? void 0 : __props.menu,
+				"menu-width": "max-content"
+			}, createSlots({
+				trigger: withCtx((triggerProps) => [createElementVNode("button", mergeProps({
+					type: "button",
+					class: ["astryx-breadcrumb-item-menu-trigger", contentClasses.value]
+				}, triggerProps, { "aria-current": showsCurrent.value ? "page" : void 0 }), [
+					_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default"),
+					createVNode(_sfc_main$2, {
+						class: "astryx-breadcrumb-item__chevron",
+						icon: "chevronDown",
+						size: "sm"
+					})
+				], 16, _hoisted_3)]),
+				_: 2
+			}, [slots.menu ? {
+				name: "default",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "menu")]),
+				key: "0"
+			} : void 0]), 1032, ["button", "items"])) : rendersLink.value ? (openBlock(), createBlock(resolveDynamicComponent(linkRoot.value), {
+				key: 1,
+				href: __props.href,
+				to: customLink.value != null ? __props.href : void 0,
+				class: normalizeClass(contentClasses.value),
+				"aria-current": showsCurrent.value ? "page" : void 0,
+				onClick: handleClick
+			}, {
+				default: withCtx(() => [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"href",
+				"to",
+				"class",
+				"aria-current"
+			])) : !explicitCurrent.value ? (openBlock(), createElementBlock("button", {
+				key: 2,
+				type: "button",
+				class: normalizeClass(contentClasses.value),
+				"aria-current": showsCurrent.value ? "page" : void 0,
+				onClick: handleClick
+			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_6)) : (openBlock(), createElementBlock("span", {
+				key: 3,
+				class: normalizeClass(contentClasses.value),
+				"aria-current": "page"
+			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 2))], 2);
+		};
+	}
+});
+//#endregion
+//#region src/Breadcrumbs/breadcrumbTrail.ts
+function byDocumentOrder(a, b) {
+	const left = a.getElement();
+	const right = b.getElement();
+	if (left == null || right == null) return 0;
+	return left.compareDocumentPosition(right) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+}
+/**
+* 没人把某一项标成当前页时，页面上排在最后的那一项就是当前页。
+* 最后一项明确写了 false，就谁都不是当前页，不往前顺延。已经有人标了 true，也不再自动补。
+* 项在挂载后才登记，所以服务端渲染时不会标自动当前页，和浏览器里第一帧一致。
+*/
+function useBreadcrumbTrail() {
+	const items = ref([]);
+	const order = ref(0);
+	onUpdated(() => {
+		order.value++;
+	});
+	function registerItem(id, explicit, getElement) {
+		items.value = [...items.value.filter((item) => item.id !== id), {
+			id,
+			explicit,
+			getElement
+		}];
+	}
+	function updateItem(id, explicit) {
+		items.value = items.value.map((item) => item.id === id ? {
+			...item,
+			explicit
+		} : item);
+	}
+	function unregisterItem(id) {
+		items.value = items.value.filter((item) => item.id !== id);
+	}
+	return {
+		autoCurrentId: computed(() => {
+			order.value;
+			if (items.value.some((item) => item.explicit === true)) return null;
+			const last = [...items.value].sort(byDocumentOrder).at(-1);
+			return last != null && last.explicit == null ? last.id : null;
+		}),
+		registerItem,
+		updateItem,
+		unregisterItem
+	};
+}
+//#endregion
+//#region src/Breadcrumbs/Breadcrumbs.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "astryx-breadcrumbs__list" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Breadcrumbs",
+	props: {
+		separator: { default: "/" },
+		variant: { default: "default" },
+		label: { default: "Breadcrumb" }
+	},
+	setup(__props) {
+		const props = __props;
+		const trail = useBreadcrumbTrail();
+		provide(breadcrumbContextKey, {
+			variant: computed(() => props.variant),
+			separator: computed(() => props.separator),
+			autoCurrentId: trail.autoCurrentId,
+			registerItem: trail.registerItem,
+			updateItem: trail.updateItem,
+			unregisterItem: trail.unregisterItem
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: "astryx-breadcrumbs",
+				"aria-label": __props.label
+			}, [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ButtonProps, c as ButtonSizeValue, d as ButtonVariantMap, i as ButtonLinkElement, l as ButtonSlots, n as ButtonElevation, o as ButtonRootElement, r as ButtonEmits, s as ButtonSize, t as ButtonClickAction, u as ButtonVariant } from "../types-WlmsNL1I.js";
-import { t as _default } from "../index-EFqQF2Bx.js";
+import { t as _default } from "../index-CPtDjmcX.js";
 export { _default as Button, _default as default, type ButtonClickAction, type ButtonElevation, type ButtonEmits, type ButtonLinkElement, type ButtonProps, type ButtonRootElement, type ButtonSize, type ButtonSizeValue, type ButtonSlots, type ButtonVariant, type ButtonVariantMap };

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { t as _sfc_main } from "../Button-B6Hj_O_s.js";
+import { t as _sfc_main } from "../Button-ONOoHdkg.js";
 //#region src/Button/index.ts
 var Button_default = _sfc_main;
 //#endregion

package/dist/{Button-B6Hj_O_s.js → Button-ONOoHdkg.js}

@@ -1,9 +1,13 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
+import { n as readLayerScoped } from "./scopedProvide-C-Df7c15.js";
+import { t as provideIconSize } from "./context-pjBxaMSh.js";
+import { n as isSafeUrl } from "./safeUrl-CsvfcZ9m.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$3 } from "./ButtonTooltip-nWWrth8j.js";
-import { t as buttonGroupContextKey } from "./context-4PuqD1Ic.js";
+import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
+import { t as buttonGroupContextKey } from "./context-B6UElI5X.js";
 import { t as invokeNativeEventHandler } from "./eventHandlers-DUXzBWZy.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, onScopeDispose, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useSlots, useTemplateRef, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, onScopeDispose, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/button.css";
 //#region src/Button/ButtonSpinner.vue
 const _hoisted_1$1 = ["aria-label"];
@@ -192,11 +196,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const group = inject(buttonGroupContextKey, null);
+		const group = readLayerScoped(buttonGroupContextKey);
 		const linkComponent = useLinkComponent();
 		const renderedRoot = useTemplateRef("root");
 		const tooltipId = `astryx-button-tooltip-${useId()}`;
+		const press = usePressFeedback({ hasOverlay: false });
 		const effectiveSize = computed(() => props.size ?? group?.size.value ?? "md");
+		/** 小、中按钮里的图标是 16px，大按钮是 20px。插槽里没写尺寸的图标跟着走。 */
+		provideIconSize(computed(() => effectiveSize.value === "lg" ? "md" : "sm"));
 		const isGroupDisabled = computed(() => group?.isDisabled.value ?? false);
 		const isLocallyDisabled = computed(() => props.isDisabled || isGroupDisabled.value);
 		const action = useButtonAction({
@@ -211,9 +218,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const isDisabledState = computed(() => isLocallyDisabled.value || isLoadingState.value && !props.isInterruptible);
 		const hasTooltip = computed(() => (props.tooltip?.trim().length ?? 0) > 0);
 		const useAriaDisabled = computed(() => hasTooltip.value && isDisabledState.value);
+		const safeHref = computed(() => props.href != null && isSafeUrl(props.href) ? props.href : void 0);
 		const renderAsLink = computed(() => props.href != null && !isDisabledState.value);
-		const rootComponent = computed(() => renderAsLink.value ? toRaw(props.as ?? linkComponent.value ?? "a") : "button");
-		const isCustomLink = computed(() => renderAsLink.value && rootComponent.value !== "a");
+		const rootComponent = computed(() => {
+			if (!renderAsLink.value) return "button";
+			if (safeHref.value == null) return "a";
+			return toRaw(props.as ?? linkComponent.value ?? "a");
+		});
+		const isCustomLink = computed(() => renderAsLink.value && safeHref.value != null && rootComponent.value !== "a");
 		const nativeDisabled = computed(() => !renderAsLink.value && !useAriaDisabled.value && isDisabledState.value);
 		const element = computed(() => {
 			const root = renderedRoot.value;
@@ -222,12 +234,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return root.$el instanceof HTMLElement ? root.$el : null;
 		});
 		const buttonTooltip = useButtonTooltip(hasTooltip);
-		const rootClass = computed(() => [
-			"astryx-button",
-			props.variant,
-			effectiveSize.value,
-			attrs.class
-		]);
+		const rootClass = computed(() => ["astryx-button", attrs.class]);
 		const rootStyle = computed(() => {
 			const buttonStyle = {};
 			if (props.width != null) buttonStyle["--astryx-button-width"] = typeof props.width === "number" ? `${props.width}px` : props.width;
@@ -255,7 +262,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			"style"
 		]);
 		function getForwardedAttrs() {
-			return Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key)));
+			return {
+				...Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key))),
+				...press.pressableProps
+			};
 		}
 		function handleRootClick(event) {
 			return action.handleClick(event);
@@ -284,12 +294,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-variant": __props.variant,
 				disabled: nativeDisabled.value || void 0,
 				form: renderAsLink.value ? void 0 : __props.form,
-				href: renderAsLink.value ? __props.href : void 0,
+				href: renderAsLink.value ? safeHref.value : void 0,
 				name: renderAsLink.value ? void 0 : __props.name,
 				rel: renderAsLink.value ? __props.rel : void 0,
 				style: rootStyle.value,
 				target: renderAsLink.value ? __props.target : void 0,
-				to: isCustomLink.value ? __props.href : void 0,
+				to: isCustomLink.value ? safeHref.value : void 0,
 				type: renderAsLink.value ? void 0 : __props.type,
 				value: renderAsLink.value ? void 0 : __props.value,
 				onBlur: unref(buttonTooltip).onBlur,

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { Ba as _default, Ha as ButtonGroupSlots, Ua as ButtonGroupOrientation, Va as ButtonGroupProps } from "../index-CdtZjkmG.js";
+import { Ha as ButtonGroupProps, Ua as ButtonGroupSlots, Va as _default, Wa as ButtonGroupOrientation } from "../index-CpNlPLBF.js";
 export { _default as ButtonGroup, _default as default, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSlots };

package/dist/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as ButtonGroup_default } from "../ButtonGroup-ySQWanDP.js";
+import { n as _sfc_main, t as ButtonGroup_default } from "../ButtonGroup-DnkSZ9a5.js";
 export { _sfc_main as ButtonGroup, ButtonGroup_default as default };

package/dist/ButtonGroup-DnkSZ9a5.js

@@ -0,0 +1,87 @@
+import { t as buttonGroupContextKey } from "./context-B6UElI5X.js";
+import { t as invokeNativeEventHandler } from "./eventHandlers-DUXzBWZy.js";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, provide, renderSlot, unref, useAttrs } from "vue";
+import "../styles/button-group.css";
+//#region src/ButtonGroup/ButtonGroup.vue
+const _hoisted_1 = [
+	"aria-disabled",
+	"aria-label",
+	"data-elevation",
+	"data-orientation",
+	"data-size"
+];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "ButtonGroup",
+	inheritAttrs: false,
+	__name: "ButtonGroup",
+	props: {
+		elevation: { default: "none" },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		label: {},
+		orientation: { default: "horizontal" },
+		size: { default: "md" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const orientation = computed(() => props.orientation);
+		const { listRef: element, handleKeyDown, handleFocus } = useListFocus({
+			itemSelector: "button, a[href], [tabindex]",
+			boundarySelector: "[role=\"group\"], [popover]",
+			orientation: () => props.orientation,
+			hasRovingTabIndex: true
+		});
+		const isDisabled = computed(() => props.isDisabled);
+		const size = computed(() => props.size);
+		provide(buttonGroupContextKey, {
+			isDisabled,
+			orientation,
+			size
+		});
+		const rootClass = computed(() => ["astryx-button-group", attrs.class]);
+		const rootStyle = computed(() => attrs.style);
+		const controlledAttrs = /* @__PURE__ */ new Set([
+			"aria-disabled",
+			"aria-label",
+			"class",
+			"onKeyDown",
+			"onKeydown",
+			"style"
+		]);
+		function getForwardedAttrs() {
+			return Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key)));
+		}
+		function onKeydown(event) {
+			invokeNativeEventHandler(attrs.onKeydown ?? attrs.onKeyDown, event);
+			if (event.defaultPrevented) return;
+			handleKeyDown(event);
+		}
+		__expose({ element });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "element",
+				ref: element
+			}, getForwardedAttrs(), {
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label,
+				class: rootClass.value,
+				"data-elevation": __props.elevation,
+				"data-orientation": orientation.value,
+				"data-size": size.value,
+				role: "group",
+				style: rootStyle.value,
+				onFocusin: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+				onKeydown
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/ButtonGroup/index.ts
+var ButtonGroup_default = _sfc_main;
+//#endregion
+export { _sfc_main as n, ButtonGroup_default as t };

package/dist/{ButtonTooltip-nWWrth8j.js → ButtonTooltip-CNKOQHYR.js}

@@ -1,4 +1,6 @@
-import { Teleport, createBlock, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, onMounted, openBlock, shallowRef, toDisplayString, useTemplateRef, vShow, watch, withDirectives } from "vue";
+import { r as useResolvedLayerTeleport } from "./useLayerMountTarget-BmZyeKWE.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, onMounted, openBlock, shallowRef, toDisplayString, unref, useTemplateRef, vShow, watch, withDirectives } from "vue";
+import "../styles/layer.css";
 //#region src/Button/ButtonTooltip.vue
 const _hoisted_1 = ["id"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -14,6 +16,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const teleportTarget = useResolvedLayerTeleport(computed(() => props.anchor));
 		const isMounted = shallowRef(false);
 		const tooltip = useTemplateRef("tooltip");
 		const tooltipStyle = shallowRef({
@@ -73,17 +76,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		onBeforeUnmount(stopListening);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [isMounted.value ? withDirectives((openBlock(), createElementBlock("div", {
+			return openBlock(), createBlock(Teleport, { to: unref(teleportTarget) }, [isMounted.value ? withDirectives((openBlock(), createElementBlock("div", {
 				key: 0,
 				id: __props.id,
 				ref_key: "tooltip",
 				ref: tooltip,
-				class: "astryx-button-tooltip",
+				class: "astryx-button-tooltip astryx-layer",
 				role: "tooltip",
 				style: normalizeStyle(tooltipStyle.value),
 				onPointerenter: _cache[0] || (_cache[0] = ($event) => emit("pointerEnter")),
 				onPointerleave: _cache[1] || (_cache[1] = ($event) => emit("pointerLeave"))
-			}, toDisplayString(__props.text), 45, _hoisted_1)), [[vShow, __props.open]]) : createCommentVNode("v-if", true)]);
+			}, toDisplayString(__props.text), 45, _hoisted_1)), [[vShow, __props.open]]) : createCommentVNode("v-if", true)], 8, ["to"]);
 		};
 	}
 });

package/dist/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-import { Fa as CalendarHandle, Ia as CalendarHandleRef, La as CalendarProps, Na as _default, Pa as CalendarEmits, Ra as CalendarRangeValue, za as CalendarSlots } from "../index-CdtZjkmG.js";
+import { Ba as CalendarSlots, Fa as CalendarEmits, Ia as CalendarHandle, La as CalendarHandleRef, Pa as _default, Ra as CalendarProps, za as CalendarRangeValue } from "../index-CpNlPLBF.js";
 export { _default as Calendar, type CalendarEmits, type CalendarHandle, type CalendarHandleRef, type CalendarProps, type CalendarRangeValue, type CalendarSlots };

package/dist/Calendar/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Calendar-B7vIowKq.js";
+import { t as _sfc_main } from "../Calendar-BAqzzQm2.js";
 export { _sfc_main as Calendar };

package/dist/{Calendar-B7vIowKq.js → Calendar-BAqzzQm2.js}

@@ -1,10 +1,10 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { c as resolveWeekStart } from "./useDateRange-CIXoE_8k.js";
 import { t as useHandleRef } from "./useHandleRef-6cdKugm8.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { a as standaloneShortWeekdayNames, i as formatCalendarMonth, o as weekdayNames } from "./locale-DgkZEMTn.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
+import { o as useAstryxLocale, s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { a as weekdayNames, i as standaloneShortWeekdayNames, r as formatCalendarMonth } from "./locale-CabGJlGp.js";
+import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import { CalendarDate } from "@internationalized/date";
 import "../styles/calendar.css";
@@ -653,4 +653,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { isCalendarDateDisabled as n, toCalendarDate as r, _sfc_main as t };
+export { isOutsideCalendarBounds as a, toCalendarDate as c, isCalendarDateDisabled as i, weekStartIndex as l, resolveCalendarKey as n, formatWeekdayDate as o, buildCalendarWeeks as r, sameCalendarDay as s, _sfc_main as t };

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-import { a as CardSlots, i as CardSizeValue, n as CardElevation, o as CardVariant, r as CardProps, t as _default } from "../index-BNy3SW4S.js";
-export { _default as Card, type CardElevation, type CardProps, type CardSizeValue, type CardSlots, type CardVariant };
+import { a as CardSlots, i as CardSizeValue, n as CardElevation, o as CardVariant, r as CardProps, s as CardVariantMap, t as _default } from "../index-CTjkJP4x.js";
+export { _default as Card, type CardElevation, type CardProps, type CardSizeValue, type CardSlots, type CardVariant, type CardVariantMap };

package/dist/Card/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Card-HAjZQg2s.js";
+import { t as _sfc_main } from "../Card-B-I24X9S.js";
 export { _sfc_main as Card };

package/dist/{Card-HAjZQg2s.js → Card-B-I24X9S.js}

@@ -1,3 +1,4 @@
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, renderSlot, useTemplateRef } from "vue";
 import "../styles/card.css";
 //#region src/Card/Card.vue
@@ -23,6 +24,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const element = useTemplateRef("element");
 		const hasFixedHeight = computed(() => props.height != null && props.height !== "auto");
+		useScrollbars(element, { enabled: hasFixedHeight });
 		function formatSize(value) {
 			if (value == null) return void 0;
 			return typeof value === "number" ? `${value}px` : value;

package/dist/Carousel/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Carousel-DAkOa7KK.js";
+import { t as _sfc_main } from "../Carousel-DXC22UWq.js";
 export { _sfc_main as Carousel };