@vuetify/v0 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/{components-Dc7sUTsg.mjs → components-CqDewYTU.mjs}

@@ -1,16 +1,18 @@
-import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-CAv9vqkP.mjs";
-import { clamp, isArray, isElement, isNull, isNullOrUndefined, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
-import { n as createContext, r as provideContext } from "./createTrinity-vvXk0ARD.mjs";
-import { a as createRegistry } from "./createTokens-qv02qq4_.mjs";
-import { t as createSelection } from "./createSelection-AmMX6sjc.mjs";
-import { t as createSingle } from "./createSingle-CffpxK__.mjs";
-import { Bt as usePopover, C as usePresence, D as useNotifications, Ht as createBreadcrumbs, N as useLazy, Pt as createCombobox, Q as createStep, S as useProxyModel, St as createNumberField, Vt as useTimer, a as useToggleScope, b as useRovingFocus, ct as createProgress, dt as createOverflow, ht as useResizeObserver, jt as createForm, kt as createInput, n as useDocumentEventListener, nt as createRating, p as useStack, t as useClickOutside, tt as createSlider, wt as createNested, x as useRaf, zt as useVirtualFocus } from "./useClickOutside-CnCQkh7M.mjs";
-import { t as createGroup } from "./createGroup-C2WCfYPB.mjs";
-import { a as useLocale } from "./useLocale-BYmoHpo6.mjs";
-import { t as createPagination } from "./createPagination-Tp4C4He8.mjs";
-import { i as useTheme } from "./useTheme-CFH6I91x.mjs";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { t as IN_BROWSER } from "./globals-CKdzjeLe.mjs";
+import { clamp, isArray, isElement, isNull, isNullOrUndefined, isNumber, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
+import { n as isSelfClosingTag } from "./htmlElements-D4oMQZPJ.mjs";
+import { n as createContext, r as provideContext } from "./createTrinity-BTCs1pYx.mjs";
+import { i as useLogger } from "./useLogger-BBTcMN61.mjs";
+import { t as createRegistry } from "./createRegistry-Dl-bSSTr.mjs";
+import { t as createSelection } from "./createSelection-Csaa-C8p.mjs";
+import { t as createSingle } from "./createSingle-8xbHAIpY.mjs";
+import { a as useLocale } from "./useLocale-DTJx3aKR.mjs";
+import { $ as createRating, C as usePresence, Ct as createForm, Et as createCombobox, M as useImage, Mt as usePopover, Nt as createBreadcrumbs, Q as createSlider, S as useProxyModel, Y as createStep, a as useToggleScope, at as createOverflow, b as useRovingFocus, ct as useElementSize, gt as createNumberField, j as useIntersectionObserver, jt as useVirtualFocus, k as useLazy, lt as useResizeObserver, n as useDocumentEventListener, nt as createProgress, p as useStack, r as useEventListener, t as useClickOutside, ut as toElement, vt as createNested, x as useRaf, xt as createInput } from "./useClickOutside-CmCUD_Pf.mjs";
+import { c as useTimer, i as useNotifications } from "./useNotifications-H4knpvNw.mjs";
+import { t as createGroup } from "./createGroup-BU4olYtB.mjs";
+import { t as createPagination } from "./createPagination-CHF7SmmK.mjs";
+import { i as useTheme } from "./useTheme-Co05TEeD.mjs";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/Atom/Atom.vue
 /**
 * @module Atom
@@ -35,7 +37,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$149 = /* @__PURE__ */ defineComponent({
+const _sfc_main$162 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -49,7 +51,7 @@ const _sfc_main$149 = /* @__PURE__ */ defineComponent({
 		const element = useTemplateRef("element");
 		__expose({ element });
 		const attrs = useAttrs();
-		const isSelfClosing = toRef(() => /* @__PURE__ */ isString(__props.as) && isSelfClosingTag(__props.as));
+		const isSelfClosing = toRef(() => /* @__PURE__ */ isString(__props.as) && /* @__PURE__ */ isSelfClosingTag(__props.as));
 		const slotProps = toRef(() => attrs);
 		return (_ctx, _cache) => {
 			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
@@ -69,7 +71,7 @@ const _sfc_main$149 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/AlertDialog/AlertDialogRoot.vue
 const [useAlertDialogContext, provideAlertDialogContext] = createContext();
-const _sfc_main$148 = /* @__PURE__ */ defineComponent({
+const _sfc_main$161 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogRoot",
 	__name: "AlertDialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -86,7 +88,7 @@ const _sfc_main$148 = /* @__PURE__ */ defineComponent({
 	}),
 	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
-		const id = __props.id ?? useId();
+		const id = __props.id ?? /* @__PURE__ */ useId$1();
 		const isOpen = useModel(__props, "modelValue");
 		const isPending = shallowRef(false);
 		const titleId = `${id}-title`;
@@ -115,7 +117,7 @@ const _sfc_main$148 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -127,7 +129,7 @@ const _sfc_main$148 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogAction.vue
-const _sfc_main$147 = /* @__PURE__ */ defineComponent({
+const _sfc_main$160 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogAction",
 	__name: "AlertDialogAction",
 	props: {
@@ -168,7 +170,7 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -177,7 +179,7 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogActivator.vue
-const _sfc_main$146 = /* @__PURE__ */ defineComponent({
+const _sfc_main$159 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogActivator",
 	__name: "AlertDialogActivator",
 	props: {
@@ -196,11 +198,11 @@ const _sfc_main$146 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"aria-haspopup": "dialog",
 				"aria-expanded": context.isOpen.value,
-				"data-alert-dialog-open": context.isOpen.value ? "" : void 0
+				"data-open": context.isOpen.value || void 0
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -209,7 +211,7 @@ const _sfc_main$146 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogCancel.vue
-const _sfc_main$145 = /* @__PURE__ */ defineComponent({
+const _sfc_main$158 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogCancel",
 	__name: "AlertDialogCancel",
 	props: {
@@ -236,7 +238,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -245,7 +247,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogClose.vue
-const _sfc_main$144 = /* @__PURE__ */ defineComponent({
+const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogClose",
 	__name: "AlertDialogClose",
 	props: {
@@ -255,6 +257,7 @@ const _sfc_main$144 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useAlertDialogContext(__props.namespace);
+		const locale = useLocale();
 		function onClick() {
 			context.close();
 		}
@@ -262,11 +265,11 @@ const _sfc_main$144 = /* @__PURE__ */ defineComponent({
 			isOpen: context.isOpen.value,
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
-				"aria-label": "Close"
+				"aria-label": locale.t("AlertDialog.close")
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -275,7 +278,7 @@ const _sfc_main$144 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogContent.vue
-const _sfc_main$143 = /* @__PURE__ */ defineComponent({
+const _sfc_main$156 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogContent",
 	__name: "AlertDialogContent",
 	props: {
@@ -351,7 +354,7 @@ const _sfc_main$143 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -367,7 +370,7 @@ const _sfc_main$143 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogDescription.vue
-const _sfc_main$142 = /* @__PURE__ */ defineComponent({
+const _sfc_main$155 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogDescription",
 	__name: "AlertDialogDescription",
 	props: {
@@ -379,7 +382,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 		const context = useAlertDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -388,7 +391,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogTitle.vue
-const _sfc_main$141 = /* @__PURE__ */ defineComponent({
+const _sfc_main$154 = /* @__PURE__ */ defineComponent({
 	name: "AlertDialogTitle",
 	__name: "AlertDialogTitle",
 	props: {
@@ -400,7 +403,7 @@ const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 		const context = useAlertDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -438,19 +441,46 @@ const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const AlertDialog = {
-	Root: _sfc_main$148,
-	Activator: _sfc_main$146,
-	Content: _sfc_main$143,
-	Title: _sfc_main$141,
-	Description: _sfc_main$142,
-	Cancel: _sfc_main$145,
-	Close: _sfc_main$144,
-	Action: _sfc_main$147
+	Root: _sfc_main$161,
+	Activator: _sfc_main$159,
+	Content: _sfc_main$156,
+	Title: _sfc_main$154,
+	Description: _sfc_main$155,
+	Cancel: _sfc_main$158,
+	Close: _sfc_main$157,
+	Action: _sfc_main$160
 };
 //#endregion
+//#region src/components/AspectRatio/AspectRatio.vue
+const _sfc_main$153 = /* @__PURE__ */ defineComponent({
+	name: "AspectRatio",
+	__name: "AspectRatio",
+	props: {
+		ratio: { default: 1 },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const resolved = toRef(() => /* @__PURE__ */ isNumber(__props.ratio) ? String(__props.ratio) : __props.ratio);
+		const slotProps = toRef(() => ({
+			ratio: resolved.value,
+			attrs: { style: { aspectRatio: resolved.value } }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$140 = /* @__PURE__ */ defineComponent({
+const _sfc_main$152 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -465,7 +495,7 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 		});
 		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -477,7 +507,7 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$139 = /* @__PURE__ */ defineComponent({
+const _sfc_main$151 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -489,9 +519,9 @@ const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 		const context = useAvatarRoot(__props.namespace);
 		const ticket = context.register({ type: "fallback" });
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
-		onUnmounted(() => context.unregister(ticket.id));
+		onBeforeUnmount(() => context.unregister(ticket.id));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$149), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$162), {
 				key: 0,
 				as: __props.as,
 				renderless: __props.renderless
@@ -504,7 +534,7 @@ const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$138 = /* @__PURE__ */ defineComponent({
+const _sfc_main$150 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -519,36 +549,51 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const context = useAvatarRoot(__props.namespace);
+		const image = useImage({ src: toRef(() => __props.src) });
 		const ticket = context.register({
 			priority: __props.priority,
 			type: "image",
 			disabled: true
 		});
 		function onLoad(e) {
-			ticket.disabled = false;
-			ticket.select();
+			image.onLoad(e);
 			emit("load", e);
 		}
 		function onError(e) {
-			ticket.disabled = true;
-			const first = context.seek("first");
-			if (first) context.select(first.id);
+			image.onError(e);
 			emit("error", e);
 		}
-		onUnmounted(() => {
+		watch(image.isLoaded, (isLoaded) => {
+			if (isLoaded) {
+				ticket.disabled = false;
+				ticket.select();
+			}
+		});
+		watch(image.isError, (isError) => {
+			if (isError) {
+				ticket.disabled = true;
+				const first = context.seek("first");
+				if (first) context.select(first.id);
+			}
+		});
+		onBeforeUnmount(() => {
 			context.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
 			isSelected: ticket.isSelected.value,
+			status: image.status.value,
+			isLoaded: image.isLoaded.value,
+			isError: image.isError.value,
+			retry: image.retry,
 			attrs: {
 				role: "img",
-				src: __props.src,
+				src: image.source.value,
 				onLoad,
 				onError
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -566,14 +611,14 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/semantic/avatar
 */
 const Avatar = {
-	Root: _sfc_main$140,
-	Image: _sfc_main$138,
-	Fallback: _sfc_main$139
+	Root: _sfc_main$152,
+	Image: _sfc_main$150,
+	Fallback: _sfc_main$151
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$137 = /* @__PURE__ */ defineComponent({
+const _sfc_main$149 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -701,7 +746,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "container",
 				as: __props.as,
 				renderless: __props.renderless
@@ -714,7 +759,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$136 = /* @__PURE__ */ defineComponent({
+const _sfc_main$148 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -734,7 +779,7 @@ const _sfc_main$136 = /* @__PURE__ */ defineComponent({
 		watch(() => elRef.value?.element, (element) => {
 			context.measureElement(ticket.index, "divider", element ?? void 0);
 		}, { immediate: true });
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			context.measureElement(ticket.index, "divider", void 0);
 			context.group.unregister(ticket.id);
 		});
@@ -750,7 +795,7 @@ const _sfc_main$136 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -763,7 +808,7 @@ const _sfc_main$136 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$135 = /* @__PURE__ */ defineComponent({
+const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -790,7 +835,7 @@ const _sfc_main$135 = /* @__PURE__ */ defineComponent({
 			const marginX = Number.parseFloat(style.marginLeft) + Number.parseFloat(style.marginRight);
 			context.ellipsisWidth.value = el.offsetWidth + marginX;
 		}, { immediate: true });
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			context.ellipsisWidth.value = 0;
 			context.group.unregister(ticket.id);
 		});
@@ -806,7 +851,7 @@ const _sfc_main$135 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -819,7 +864,7 @@ const _sfc_main$135 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$134 = /* @__PURE__ */ defineComponent({
+const _sfc_main$146 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -846,7 +891,7 @@ const _sfc_main$134 = /* @__PURE__ */ defineComponent({
 		watch(() => elRef.value?.element, (element) => {
 			context.measureElement(ticket.index, "item", element ?? void 0);
 		}, { immediate: true });
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			context.measureElement(ticket.index, "item", void 0);
 			context.group.unregister(ticket.id);
 			context.breadcrumbs.unregister(crumb.id);
@@ -858,7 +903,7 @@ const _sfc_main$134 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -871,7 +916,7 @@ const _sfc_main$134 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$133 = /* @__PURE__ */ defineComponent({
+const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -880,7 +925,7 @@ const _sfc_main$133 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -892,7 +937,7 @@ const _sfc_main$133 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$132 = /* @__PURE__ */ defineComponent({
+const _sfc_main$144 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -902,7 +947,7 @@ const _sfc_main$132 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -914,7 +959,7 @@ const _sfc_main$132 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$131 = /* @__PURE__ */ defineComponent({
+const _sfc_main$143 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -924,7 +969,7 @@ const _sfc_main$131 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -942,18 +987,18 @@ const _sfc_main$131 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/semantic/breadcrumbs
 */
 const Breadcrumbs = {
-	Root: _sfc_main$137,
-	List: _sfc_main$132,
-	Item: _sfc_main$134,
-	Link: _sfc_main$133,
-	Page: _sfc_main$131,
-	Divider: _sfc_main$136,
-	Ellipsis: _sfc_main$135
+	Root: _sfc_main$149,
+	List: _sfc_main$144,
+	Item: _sfc_main$146,
+	Link: _sfc_main$145,
+	Page: _sfc_main$143,
+	Divider: _sfc_main$148,
+	Ellipsis: _sfc_main$147
 };
 //#endregion
 //#region src/components/Button/ButtonGroup.vue
 const [useButtonGroup, provideButtonGroup] = createContext();
-const _sfc_main$130 = /* @__PURE__ */ defineComponent({
+const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 	name: "ButtonGroup",
 	__name: "ButtonGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -1000,7 +1045,7 @@ const _sfc_main$130 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1030,7 +1075,7 @@ const visuallyHiddenStyle$5 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$129 = /* @__PURE__ */ defineComponent({
+const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 	name: "ButtonHiddenInput",
 	__name: "ButtonHiddenInput",
 	props: {
@@ -1068,7 +1113,7 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Button/ButtonRoot.vue
 const [useButtonRoot, provideButtonRoot] = createContext();
-const _sfc_main$128 = /* @__PURE__ */ defineComponent({
+const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 	name: "ButtonRoot",
 	inheritAttrs: false,
 	__name: "ButtonRoot",
@@ -1131,7 +1176,7 @@ const _sfc_main$128 = /* @__PURE__ */ defineComponent({
 			if (isDisabled.value || isReadonly.value || isPassive.value || __props.loading || !ticket) return;
 			ticket.toggle();
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			timer.stop();
 			ticket?.unregister();
 		});
@@ -1174,28 +1219,28 @@ const _sfc_main$128 = /* @__PURE__ */ defineComponent({
 			attrs: elementAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$129, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$141, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/Button/ButtonContent.vue
-const _sfc_main$127 = /* @__PURE__ */ defineComponent({
+const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 	name: "ButtonContent",
 	__name: "ButtonContent",
 	props: {
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		namespace: { default: "v0:button:root" }
 	},
 	setup(__props) {
 		const ticket = useButtonRoot(__props.namespace).single.register({ id: __props.id });
-		onUnmounted(() => ticket.unregister());
+		onBeforeUnmount(() => ticket.unregister());
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { style: normalizeStyle({ visibility: unref(ticket).isSelected.value ? "visible" : "hidden" }) }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))], 4);
@@ -1204,7 +1249,7 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonIcon.vue
-const _sfc_main$126 = /* @__PURE__ */ defineComponent({
+const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 	name: "ButtonIcon",
 	__name: "ButtonIcon",
 	props: {
@@ -1223,7 +1268,7 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 			attrs: { "aria-hidden": true }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1235,11 +1280,11 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonLoading.vue
-const _sfc_main$125 = /* @__PURE__ */ defineComponent({
+const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 	name: "ButtonLoading",
 	__name: "ButtonLoading",
 	props: {
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		namespace: { default: "v0:button:root" }
 	},
 	setup(__props) {
@@ -1258,7 +1303,7 @@ const _sfc_main$125 = /* @__PURE__ */ defineComponent({
 				if (fallback) fallback.select();
 			}
 		}, { immediate: true });
-		onUnmounted(() => ticket.unregister());
+		onBeforeUnmount(() => ticket.unregister());
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		return (_ctx, _cache) => {
 			return unref(ticket).isSelected.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true);
@@ -1266,37 +1311,812 @@ const _sfc_main$125 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/Button/index.ts
+//#region src/components/Button/index.ts
+/**
+* Button component with sub-components for interactive button controls.
+*
+* @see https://0.vuetifyjs.com/components/actions/button
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Button } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Button.Root>
+*     <Button.Content>Click me</Button.Content>
+*   </Button.Root>
+* </template>
+* ```
+*/
+const Button = {
+	Content: _sfc_main$139,
+	Group: _sfc_main$142,
+	HiddenInput: _sfc_main$141,
+	Icon: _sfc_main$138,
+	Loading: _sfc_main$137,
+	Root: _sfc_main$140
+};
+//#endregion
+//#region src/components/Carousel/CarouselRoot.vue
+const [useCarouselRoot, provideCarouselRoot] = createContext();
+const _sfc_main$136 = /* @__PURE__ */ defineComponent({
+	name: "CarouselRoot",
+	__name: "CarouselRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => /* @__PURE__ */ useId$1() },
+		label: {},
+		namespace: { default: "v0:carousel" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		circular: {
+			type: Boolean,
+			default: false
+		},
+		orientation: { default: "horizontal" },
+		perView: { default: 1 },
+		autoplay: { default: 0 },
+		behavior: { default: "smooth" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const locale = useLocale();
+		const model = useModel(__props, "modelValue");
+		const step = createStep({
+			disabled: toRef(() => __props.disabled),
+			mandatory: "force",
+			circular: __props.circular,
+			events: true,
+			reactive: true
+		});
+		useProxyModel(step, model, { multiple: false });
+		function next() {
+			if (__props.circular && __props.perView > 1) {
+				const maxStart = Math.max(0, step.size - __props.perView);
+				if (step.selectedIndex.value >= maxStart) {
+					step.first();
+					return;
+				}
+			}
+			step.next();
+		}
+		function prev() {
+			if (__props.circular && __props.perView > 1 && step.selectedIndex.value === 0) {
+				step.step(Math.max(0, step.size - __props.perView));
+				return;
+			}
+			step.prev();
+		}
+		const timer = __props.autoplay > 0 ? useTimer(() => next(), {
+			duration: __props.autoplay,
+			repeat: true
+		}) : null;
+		function pause() {
+			timer?.pause();
+		}
+		function resume() {
+			timer?.resume();
+		}
+		function play() {
+			timer?.start();
+		}
+		function stop() {
+			timer?.stop();
+		}
+		const parts = createRegistry();
+		const context = {
+			...step,
+			next,
+			prev,
+			play,
+			pause,
+			resume,
+			orientation: toRef(() => __props.orientation),
+			perView: toRef(() => __props.perView),
+			circular: toRef(() => __props.circular),
+			rootId: __props.id,
+			behavior: toRef(() => __props.behavior),
+			parts,
+			autoplay: toRef(() => __props.autoplay),
+			remaining: toRef(() => timer?.remaining.value ?? 0),
+			isAutoplay: toRef(() => timer?.isActive.value ?? false),
+			isPaused: toRef(() => timer?.isPaused.value ?? false),
+			get size() {
+				return step.size;
+			}
+		};
+		provideCarouselRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(step.disabled),
+			orientation: __props.orientation,
+			perView: __props.perView,
+			first: step.first,
+			last: step.last,
+			next,
+			prev,
+			step: step.step,
+			select: step.select,
+			isAutoplay: timer?.isActive.value ?? false,
+			isPaused: timer?.isPaused.value ?? false,
+			remaining: timer?.remaining.value ?? 0,
+			play,
+			stop,
+			pause,
+			resume,
+			attrs: {
+				"role": "region",
+				"aria-roledescription": "carousel",
+				"aria-label": __props.label ?? locale.t("Carousel.label"),
+				"aria-disabled": toValue(step.disabled),
+				"data-disabled": toValue(step.disabled) || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselViewport.vue
+const _sfc_main$135 = /* @__PURE__ */ defineComponent({
+	name: "CarouselViewport",
+	inheritAttrs: false,
+	__name: "CarouselViewport",
+	props: {
+		namespace: { default: "v0:carousel" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const viewportRef = useTemplateRef("viewport");
+		const carousel = useCarouselRoot(__props.namespace);
+		const isVertical = toRef(() => carousel.orientation.value === "vertical");
+		const isDragging = shallowRef(false);
+		const syncing = shallowRef(false);
+		const snapDisabled = shallowRef(false);
+		const viewportId = `${carousel.rootId}-viewport`;
+		const el = toRef(() => /* @__PURE__ */ toElement(viewportRef.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "viewport",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		const { width, height } = useElementSize(el);
+		const scrollPaddingStart = shallowRef();
+		const scrollPaddingEnd = shallowRef();
+		function syncScrollPadding() {
+			const element = el.value;
+			if (!element) {
+				scrollPaddingStart.value = void 0;
+				scrollPaddingEnd.value = void 0;
+				return;
+			}
+			const cs = getComputedStyle(element);
+			const start = isVertical.value ? cs.paddingBlockStart : cs.paddingInlineStart;
+			const end = isVertical.value ? cs.paddingBlockEnd : cs.paddingInlineEnd;
+			scrollPaddingStart.value = start && start !== "0px" ? start : void 0;
+			scrollPaddingEnd.value = end && end !== "0px" ? end : void 0;
+		}
+		useResizeObserver(el, syncScrollPadding, { immediate: true });
+		watch(isVertical, syncScrollPadding);
+		const slideStep = toRef(() => {
+			if (!el.value) return 0;
+			if ((isVertical.value ? height.value : width.value) === 0) return 0;
+			const first = toValue(carousel.seek("first")?.el);
+			const second = toValue(carousel.seek("first", 1)?.el);
+			if (!first) return 0;
+			if (!second) return isVertical.value ? first.offsetHeight : first.offsetWidth;
+			return isVertical.value ? second.offsetTop - first.offsetTop : second.offsetLeft - first.offsetLeft;
+		});
+		if (IN_BROWSER) {
+			useEventListener(el, "scrollend", () => {
+				if (syncing.value || snapDisabled.value) {
+					syncing.value = false;
+					return;
+				}
+				const viewport = el.value;
+				if (!viewport || slideStep.value === 0) return;
+				isDragging.value = false;
+				const scrollPos = isVertical.value ? viewport.scrollTop : viewport.scrollLeft;
+				const snapIndex = Math.round(scrollPos / slideStep.value);
+				const id = carousel.lookup(snapIndex);
+				if (!/* @__PURE__ */ isUndefined(id) && id !== carousel.selectedItem.value?.id) carousel.select(id);
+			});
+			useEventListener(el, "scroll", () => {
+				if (!syncing.value) isDragging.value = true;
+			});
+			let lastWheel = 0;
+			useEventListener(el, "wheel", (e) => {
+				if (e.shiftKey === isVertical.value) return;
+				const delta = e.deltaY || e.deltaX;
+				if (delta === 0) return;
+				e.preventDefault();
+				const now = performance.now();
+				if (now - lastWheel < 300) return;
+				lastWheel = now;
+				if (delta > 0) carousel.next();
+				else carousel.prev();
+			}, { passive: false });
+			let dragStart = 0;
+			let scrollStart = 0;
+			useEventListener(el, "mousedown", (e) => {
+				if (e.button !== 0) return;
+				const viewport = el.value;
+				if (!viewport) return;
+				carousel.pause();
+				dragStart = isVertical.value ? e.clientY : e.clientX;
+				scrollStart = isVertical.value ? viewport.scrollTop : viewport.scrollLeft;
+				snapDisabled.value = true;
+			});
+			useToggleScope(() => snapDisabled.value, () => {
+				useDocumentEventListener("mousemove", (e) => {
+					const viewport = el.value;
+					if (!viewport) return;
+					e.preventDefault();
+					const delta = (isVertical.value ? e.clientY : e.clientX) - dragStart;
+					if (isVertical.value) viewport.scrollTop = scrollStart - delta;
+					else viewport.scrollLeft = scrollStart - delta;
+				});
+				useDocumentEventListener("mouseup", () => {
+					const viewport = el.value;
+					carousel.resume();
+					if (!viewport || slideStep.value === 0) {
+						snapDisabled.value = false;
+						isDragging.value = false;
+						return;
+					}
+					const scrollPos = isVertical.value ? viewport.scrollTop : viewport.scrollLeft;
+					const snapIndex = Math.round(scrollPos / slideStep.value);
+					const position = snapIndex * slideStep.value;
+					syncing.value = true;
+					viewport.scrollTo({
+						[isVertical.value ? "top" : "left"]: position,
+						behavior: carousel.behavior.value
+					});
+					const id = carousel.lookup(snapIndex);
+					if (!/* @__PURE__ */ isUndefined(id) && id !== carousel.selectedItem.value?.id) carousel.select(id);
+					snapDisabled.value = false;
+					isDragging.value = false;
+				});
+				onScopeDispose(() => {
+					carousel.resume();
+					snapDisabled.value = false;
+					isDragging.value = false;
+				});
+			});
+			useEventListener(el, "touchstart", () => carousel.pause(), { passive: true });
+			useEventListener(el, "touchend", () => carousel.resume(), { passive: true });
+		}
+		watch(() => carousel.selectedIndex.value, (index) => {
+			const viewport = el.value;
+			if (!viewport || slideStep.value === 0) return;
+			syncing.value = true;
+			const position = index * slideStep.value;
+			viewport.scrollTo({
+				[isVertical.value ? "top" : "left"]: position,
+				behavior: carousel.behavior.value
+			});
+		});
+		const viewportStyle = toRef(() => {
+			const axis = isVertical.value ? "block" : "inline";
+			return {
+				"display": "flex",
+				"flex-direction": isVertical.value ? "column" : "row",
+				[isVertical.value ? "overflow-y" : "overflow-x"]: "auto",
+				[isVertical.value ? "overflow-x" : "overflow-y"]: "hidden",
+				"scroll-snap-type": snapDisabled.value ? "none" : `${isVertical.value ? "y" : "x"} mandatory`,
+				"scrollbar-width": "none",
+				...scrollPaddingStart.value ? { [`scroll-padding-${axis}-start`]: scrollPaddingStart.value } : {},
+				...scrollPaddingEnd.value ? { [`scroll-padding-${axis}-end`]: scrollPaddingEnd.value } : {},
+				...snapDisabled.value ? { "user-select": "none" } : {}
+			};
+		});
+		const slotProps = toRef(() => ({
+			isDragging: isDragging.value,
+			attrs: {
+				"id": viewportId,
+				"data-orientation": carousel.orientation.value,
+				"data-dragging": isDragging.value || void 0,
+				"style": viewportStyle.value
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "viewport" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless,
+				style: [unref(attrs).style, slotProps.value.attrs.style]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, [
+				"as",
+				"renderless",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselItem.vue
+const _sfc_main$134 = /* @__PURE__ */ defineComponent({
+	name: "CarouselItem",
+	inheritAttrs: false,
+	__name: "CarouselItem",
+	props: {
+		id: {},
+		value: {},
+		disabled: {},
+		namespace: { default: "v0:carousel" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			el
+		});
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(carousel.disabled));
+		onBeforeUnmount(() => {
+			ticket.unregister();
+		});
+		const isActive = toRef(() => {
+			const selected = carousel.selectedIndex.value;
+			const perView = carousel.perView.value;
+			const index = ticket.index;
+			return index >= selected && index < selected + perView;
+		});
+		const slideStyle = { "scroll-snap-align": "start" };
+		const slotProps = toRef(() => ({
+			id: String(ticket.id),
+			isSelected: toValue(ticket.isSelected),
+			isActive: isActive.value,
+			isDisabled: isDisabled.value,
+			index: ticket.index,
+			select: ticket.select,
+			unselect: ticket.unselect,
+			toggle: ticket.toggle,
+			attrs: {
+				"id": `${carousel.rootId}-slide-${ticket.index}`,
+				"role": "group",
+				"aria-roledescription": "slide",
+				"aria-label": locale.t("Carousel.slide", {
+					current: ticket.index + 1,
+					size: carousel.size
+				}),
+				"aria-hidden": isActive.value ? void 0 : true,
+				"data-selected": toValue(ticket.isSelected) || void 0,
+				"data-active": isActive.value || void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-index": ticket.index,
+				"style": slideStyle
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless,
+				style: [unref(attrs).style, slotProps.value.attrs.style]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, [
+				"as",
+				"renderless",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselPrevious.vue
+const _sfc_main$133 = /* @__PURE__ */ defineComponent({
+	name: "CarouselPrevious",
+	inheritAttrs: false,
+	__name: "CarouselPrevious",
+	props: {
+		namespace: { default: "v0:carousel" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "previous",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		const viewportId = `${carousel.rootId}-viewport`;
+		const isAtEdge = toRef(() => !carousel.circular.value && carousel.selectedIndex.value === 0);
+		const isDisabled = toRef(() => toValue(carousel.disabled) || isAtEdge.value);
+		function onClick() {
+			if (!isDisabled.value) carousel.prev();
+		}
+		const slotProps = toRef(() => ({
+			isDisabled: isDisabled.value,
+			isAtEdge: isAtEdge.value,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"aria-label": locale.t("Carousel.prev"),
+				"aria-controls": viewportId,
+				"aria-disabled": isDisabled.value,
+				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-edge": isAtEdge.value || void 0,
+				"onClick": onClick
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselNext.vue
+const _sfc_main$132 = /* @__PURE__ */ defineComponent({
+	name: "CarouselNext",
+	inheritAttrs: false,
+	__name: "CarouselNext",
+	props: {
+		namespace: { default: "v0:carousel" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "next",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		const viewportId = `${carousel.rootId}-viewport`;
+		const isAtEdge = toRef(() => {
+			if (carousel.circular.value) return false;
+			return carousel.selectedIndex.value >= carousel.size - carousel.perView.value;
+		});
+		const isDisabled = toRef(() => toValue(carousel.disabled) || isAtEdge.value);
+		function onClick() {
+			if (!isDisabled.value) carousel.next();
+		}
+		const slotProps = toRef(() => ({
+			isDisabled: isDisabled.value,
+			isAtEdge: isAtEdge.value,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"aria-label": locale.t("Carousel.next"),
+				"aria-controls": viewportId,
+				"aria-disabled": isDisabled.value,
+				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-edge": isAtEdge.value || void 0,
+				"onClick": onClick
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselIndicator.vue
+const _sfc_main$131 = /* @__PURE__ */ defineComponent({
+	name: "CarouselIndicator",
+	inheritAttrs: false,
+	__name: "CarouselIndicator",
+	props: {
+		label: {},
+		namespace: { default: "v0:carousel" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "indicator",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		function selectIndex(index) {
+			const id = carousel.lookup(index);
+			if (!/* @__PURE__ */ isUndefined(id)) carousel.select(id);
+		}
+		function focusSelected() {
+			nextTick(() => {
+				(/* @__PURE__ */ toElement(rootEl.value?.element))?.querySelector("[tabindex=\"0\"]")?.focus();
+			});
+		}
+		function onKeydown(index, e) {
+			const horizontal = carousel.orientation.value === "horizontal";
+			const size = carousel.size;
+			if (horizontal && e.key === "ArrowRight" || !horizontal && e.key === "ArrowDown") {
+				e.preventDefault();
+				selectIndex(index + 1 < size ? index + 1 : carousel.circular.value ? 0 : index);
+				focusSelected();
+				return;
+			}
+			if (horizontal && e.key === "ArrowLeft" || !horizontal && e.key === "ArrowUp") {
+				e.preventDefault();
+				selectIndex(index - 1 >= 0 ? index - 1 : carousel.circular.value ? size - 1 : index);
+				focusSelected();
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault();
+				carousel.first();
+				focusSelected();
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault();
+				carousel.last();
+				focusSelected();
+				return;
+			}
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				selectIndex(index);
+			}
+		}
+		const slotProps = toRef(() => {
+			const selected = carousel.selectedIndex.value;
+			const size = carousel.size;
+			const perView = carousel.perView.value;
+			return {
+				size,
+				selectedIndex: selected,
+				items: Array.from({ length: size }, (_, i) => {
+					const isSelected = i === selected;
+					const isActive = i >= selected && i < selected + perView;
+					return {
+						index: i,
+						isSelected,
+						isActive,
+						attrs: {
+							"role": "tab",
+							"tabindex": isSelected ? 0 : -1,
+							"aria-selected": isSelected,
+							"aria-controls": `${carousel.rootId}-slide-${i}`,
+							"aria-label": locale.t("Carousel.indicator", {
+								current: i + 1,
+								size
+							}),
+							"data-selected": isSelected || void 0,
+							"data-active": isActive || void 0,
+							"onClick"() {
+								selectIndex(i);
+							},
+							"onKeydown": (e) => onKeydown(i, e)
+						}
+					};
+				}),
+				attrs: {
+					"role": "tablist",
+					"aria-label": __props.label ?? locale.t("Carousel.indicators"),
+					"aria-orientation": carousel.orientation.value
+				}
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselProgress.vue
+const _sfc_main$130 = /* @__PURE__ */ defineComponent({
+	name: "CarouselProgress",
+	inheritAttrs: false,
+	__name: "CarouselProgress",
+	props: {
+		namespace: { default: "v0:carousel" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "progress",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		const progress = toRef(() => {
+			const duration = carousel.autoplay.value;
+			if (duration <= 0) return 0;
+			return 1 - carousel.remaining.value / duration;
+		});
+		const state = toRef(() => {
+			if (!carousel.isAutoplay.value) return "idle";
+			if (carousel.isPaused.value) return "paused";
+			return "active";
+		});
+		const slotProps = toRef(() => {
+			const percent = Math.round(progress.value * 100);
+			return {
+				progress: progress.value,
+				isAutoplay: carousel.isAutoplay.value,
+				isPaused: carousel.isPaused.value,
+				attrs: {
+					"role": "progressbar",
+					"aria-valuenow": percent,
+					"aria-valuemin": 0,
+					"aria-valuemax": 100,
+					"aria-valuetext": locale.t("Carousel.progress", { percent }),
+					"aria-label": locale.t("Carousel.progressLabel"),
+					"data-state": state.value,
+					"style": { width: `${percent}%` }
+				}
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless,
+				style: [unref(attrs).style, slotProps.value.attrs.style]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, [
+				"as",
+				"renderless",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/CarouselLiveRegion.vue
+const _sfc_main$129 = /* @__PURE__ */ defineComponent({
+	name: "CarouselLiveRegion",
+	inheritAttrs: false,
+	__name: "CarouselLiveRegion",
+	props: {
+		namespace: { default: "v0:carousel" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootEl = useTemplateRef("root");
+		const locale = useLocale();
+		const carousel = useCarouselRoot(__props.namespace);
+		const el = toRef(() => /* @__PURE__ */ toElement(rootEl.value?.element) ?? null);
+		const ticket = carousel.parts.register({
+			type: "live-region",
+			el
+		});
+		onBeforeUnmount(() => ticket.unregister());
+		const text = shallowRef("");
+		/* v8 ignore start -- watch fires after mount, setTimeout callback requires timer */
+		let pending;
+		watch(() => carousel.selectedIndex.value, (index, prevIndex) => {
+			if (/* @__PURE__ */ isUndefined(prevIndex)) return;
+			clearTimeout(pending);
+			pending = setTimeout(() => {
+				text.value = locale.t("Carousel.liveRegion", {
+					current: index + 1,
+					size: carousel.size
+				});
+			}, 100);
+		});
+		onBeforeUnmount(() => clearTimeout(pending));
+		/* v8 ignore stop */
+		const slotProps = toRef(() => ({
+			current: carousel.selectedIndex.value + 1,
+			size: carousel.size,
+			text: text.value,
+			attrs: {
+				"aria-atomic": true,
+				"aria-live": "polite",
+				"role": "status"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(text.value), 1)])]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Carousel/index.ts
 /**
-* Button component with sub-components for interactive button controls.
+* Carousel component with sub-components for building accessible slide navigation.
 *
-* @see https://0.vuetifyjs.com/components/actions/button
+* @see https://0.vuetifyjs.com/components/semantic/carousel
 *
 * @example
 * ```vue
 * <script setup lang="ts">
-*   import { Button } from '@vuetify/v0'
+*   import { Carousel } from '@vuetify/v0'
 * <\/script>
 *
 * <template>
-*   <Button.Root>
-*     <Button.Content>Click me</Button.Content>
-*   </Button.Root>
+*   <Carousel.Root circular>
+*     <Carousel.Viewport>
+*       <Carousel.Item v-for="i in 5" :key="i" :value="i">
+*         Slide {{ i }}
+*       </Carousel.Item>
+*     </Carousel.Viewport>
+*
+*     <Carousel.Previous>Previous</Carousel.Previous>
+*     <Carousel.Next>Next</Carousel.Next>
+*   </Carousel.Root>
 * </template>
 * ```
 */
-const Button = {
-	Content: _sfc_main$127,
-	Group: _sfc_main$130,
-	HiddenInput: _sfc_main$129,
-	Icon: _sfc_main$126,
-	Loading: _sfc_main$125,
-	Root: _sfc_main$128
+const Carousel = {
+	Root: _sfc_main$136,
+	Viewport: _sfc_main$135,
+	Item: _sfc_main$134,
+	Previous: _sfc_main$133,
+	Next: _sfc_main$132,
+	Indicator: _sfc_main$131,
+	Progress: _sfc_main$130,
+	LiveRegion: _sfc_main$129
 };
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$124 = /* @__PURE__ */ defineComponent({
+const _sfc_main$128 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -1352,7 +2172,7 @@ const _sfc_main$124 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1365,12 +2185,12 @@ const _sfc_main$124 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$123 = /* @__PURE__ */ defineComponent({
+const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
 	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		value: {},
 		name: {},
@@ -1437,7 +2257,7 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 			e.preventDefault();
 			toggle();
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			if (!ticket || !group) return;
 			group.unregister(ticket.id);
 		});
@@ -1484,10 +2304,7 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -1495,7 +2312,7 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$122, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$126, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -1519,7 +2336,7 @@ const visuallyHiddenStyle$4 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$122 = /* @__PURE__ */ defineComponent({
+const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -1557,7 +2374,7 @@ const _sfc_main$122 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$121 = /* @__PURE__ */ defineComponent({
+const _sfc_main$125 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -1580,7 +2397,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1592,7 +2409,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$120 = /* @__PURE__ */ defineComponent({
+const _sfc_main$124 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -1609,7 +2426,7 @@ const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const group = useCheckboxGroup(__props.groupNamespace);
-		const id = useId();
+		const id = /* @__PURE__ */ useId$1();
 		const isAllSelected = toRef(() => group.isAllSelected.value);
 		const isMixed = toRef(() => group.isMixed.value);
 		const isDisabled = toRef(() => toValue(__props.disabled) || toValue(group.disabled));
@@ -1662,10 +2479,7 @@ const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -1701,16 +2515,16 @@ const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Checkbox = {
-	Group: _sfc_main$124,
-	HiddenInput: _sfc_main$122,
-	Indicator: _sfc_main$121,
-	Root: _sfc_main$123,
-	SelectAll: _sfc_main$120
+	Group: _sfc_main$128,
+	HiddenInput: _sfc_main$126,
+	Indicator: _sfc_main$125,
+	Root: _sfc_main$127,
+	SelectAll: _sfc_main$124
 };
 //#endregion
 //#region src/components/Collapsible/CollapsibleRoot.vue
 const [useCollapsible, provideCollapsible] = createContext();
-const _sfc_main$119 = /* @__PURE__ */ defineComponent({
+const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 	name: "CollapsibleRoot",
 	__name: "CollapsibleRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1736,7 +2550,7 @@ const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 			disabled: isDisabled,
 			events: true
 		});
-		const id = useId();
+		const id = /* @__PURE__ */ useId$1();
 		const activatorId = toRef(() => id);
 		const contentId = toRef(() => `${id}-content`);
 		const ticket = selection.register({
@@ -1778,7 +2592,7 @@ const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1790,7 +2604,7 @@ const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleActivator.vue
-const _sfc_main$118 = /* @__PURE__ */ defineComponent({
+const _sfc_main$122 = /* @__PURE__ */ defineComponent({
 	name: "CollapsibleActivator",
 	__name: "CollapsibleActivator",
 	props: {
@@ -1826,7 +2640,7 @@ const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1838,7 +2652,7 @@ const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.vue
-const _sfc_main$117 = /* @__PURE__ */ defineComponent({
+const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 	name: "CollapsibleContent",
 	__name: "CollapsibleContent",
 	props: {
@@ -1860,7 +2674,7 @@ const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1872,7 +2686,7 @@ const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleCue.vue
-const _sfc_main$116 = /* @__PURE__ */ defineComponent({
+const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 	name: "CollapsibleCue",
 	__name: "CollapsibleCue",
 	props: {
@@ -1890,7 +2704,7 @@ const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1925,10 +2739,10 @@ const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Collapsible = {
-	Root: _sfc_main$119,
-	Activator: _sfc_main$118,
-	Cue: _sfc_main$116,
-	Content: _sfc_main$117
+	Root: _sfc_main$123,
+	Activator: _sfc_main$122,
+	Cue: _sfc_main$120,
+	Content: _sfc_main$121
 };
 //#endregion
 //#region src/components/Combobox/ComboboxHiddenInput.vue
@@ -1949,7 +2763,7 @@ const visuallyHiddenStyle$3 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$115 = /* @__PURE__ */ defineComponent({
+const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxHiddenInput",
 	__name: "ComboboxHiddenInput",
 	props: { namespace: { default: "v0:combobox" } },
@@ -1983,7 +2797,7 @@ const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Combobox/ComboboxRoot.vue
 const [useComboboxContext, provideComboboxContext] = createContext();
-const _sfc_main$114 = /* @__PURE__ */ defineComponent({
+const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxRoot",
 	__name: "ComboboxRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2053,19 +2867,19 @@ const _sfc_main$114 = /* @__PURE__ */ defineComponent({
 			clear: context.clear
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: ""
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$115, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$119, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/Combobox/ComboboxActivator.vue
-const _sfc_main$113 = /* @__PURE__ */ defineComponent({
+const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxActivator",
 	__name: "ComboboxActivator",
 	props: {
@@ -2081,7 +2895,7 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": context.isOpen.value ? "open" : "closed" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				style: style.value
 			}), {
@@ -2093,7 +2907,7 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxContent.vue
-const _sfc_main$112 = /* @__PURE__ */ defineComponent({
+const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxContent",
 	__name: "ComboboxContent",
 	props: {
@@ -2127,7 +2941,7 @@ const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 		}));
 		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "content",
 				ref: content
 			}, slotProps.value.attrs, {
@@ -2142,7 +2956,7 @@ const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxControl.vue
-const _sfc_main$111 = /* @__PURE__ */ defineComponent({
+const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxControl",
 	__name: "ComboboxControl",
 	props: {
@@ -2227,7 +3041,7 @@ const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "input",
 				ref: input
 			}, slotProps.value.attrs, {
@@ -2247,7 +3061,7 @@ const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxCue.vue
-const _sfc_main$110 = /* @__PURE__ */ defineComponent({
+const _sfc_main$114 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxCue",
 	__name: "ComboboxCue",
 	props: {
@@ -2269,7 +3083,7 @@ const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2278,7 +3092,7 @@ const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxDescription.vue
-const _sfc_main$109 = /* @__PURE__ */ defineComponent({
+const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxDescription",
 	inheritAttrs: false,
 	__name: "ComboboxDescription",
@@ -2297,7 +3111,7 @@ const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 			context.hasDescription.value = false;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(unref(attrs), {
 				id: unref(context).descriptionId,
 				as: __props.as,
 				renderless: __props.renderless
@@ -2314,7 +3128,7 @@ const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxEmpty.vue
-const _sfc_main$108 = /* @__PURE__ */ defineComponent({
+const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxEmpty",
 	__name: "ComboboxEmpty",
 	props: {
@@ -2326,7 +3140,7 @@ const _sfc_main$108 = /* @__PURE__ */ defineComponent({
 		const context = useComboboxContext(__props.namespace);
 		const slotProps = toRef(() => ({ query: context.query.value }));
 		return (_ctx, _cache) => {
-			return unref(context).isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$149), {
+			return unref(context).isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$162), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -2338,7 +3152,7 @@ const _sfc_main$108 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxError.vue
-const _sfc_main$107 = /* @__PURE__ */ defineComponent({
+const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxError",
 	inheritAttrs: false,
 	__name: "ComboboxError",
@@ -2367,10 +3181,7 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2382,7 +3193,7 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxItem.vue
-const _sfc_main$106 = /* @__PURE__ */ defineComponent({
+const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 	name: "ComboboxItem",
 	__name: "ComboboxItem",
 	props: {
@@ -2408,7 +3219,7 @@ const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 		function onClick() {
 			if (!toValue(isDisabled)) context.select(ticket.id);
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			context.selection.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -2430,7 +3241,7 @@ const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				onClick
 			}), {
@@ -2485,20 +3296,20 @@ const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Combobox = {
-	Root: _sfc_main$114,
-	Activator: _sfc_main$113,
-	Control: _sfc_main$111,
-	Cue: _sfc_main$110,
-	Content: _sfc_main$112,
-	Item: _sfc_main$106,
-	Empty: _sfc_main$108,
-	Description: _sfc_main$109,
-	Error: _sfc_main$107
+	Root: _sfc_main$118,
+	Activator: _sfc_main$117,
+	Control: _sfc_main$115,
+	Cue: _sfc_main$114,
+	Content: _sfc_main$116,
+	Item: _sfc_main$110,
+	Empty: _sfc_main$112,
+	Description: _sfc_main$113,
+	Error: _sfc_main$111
 };
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$105 = /* @__PURE__ */ defineComponent({
+const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2516,7 +3327,7 @@ const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
-		const id = __props.id ?? useId();
+		const id = __props.id ?? /* @__PURE__ */ useId$1();
 		const titleId = `${id}-title`;
 		const descriptionId = `${id}-description`;
 		function open() {
@@ -2540,7 +3351,7 @@ const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -2552,7 +3363,7 @@ const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$104 = /* @__PURE__ */ defineComponent({
+const _sfc_main$108 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -2562,6 +3373,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useDialogContext(__props.namespace);
+		const locale = useLocale();
 		function onClick() {
 			context.close();
 		}
@@ -2569,11 +3381,11 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 			isOpen: context.isOpen.value,
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
-				"aria-label": "Close"
+				"aria-label": locale.t("Dialog.close")
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2582,7 +3394,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$103 = /* @__PURE__ */ defineComponent({
+const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -2650,7 +3462,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -2666,7 +3478,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$102 = /* @__PURE__ */ defineComponent({
+const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -2678,7 +3490,7 @@ const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2687,7 +3499,7 @@ const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$101 = /* @__PURE__ */ defineComponent({
+const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -2699,7 +3511,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2708,7 +3520,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$100 = /* @__PURE__ */ defineComponent({
+const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -2727,11 +3539,11 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"aria-haspopup": "dialog",
 				"aria-expanded": context.isOpen.value,
-				"data-dialog-open": context.isOpen.value ? "" : void 0
+				"data-open": context.isOpen.value || void 0
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2770,17 +3582,17 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Dialog = {
-	Root: _sfc_main$105,
-	Activator: _sfc_main$100,
-	Content: _sfc_main$103,
-	Title: _sfc_main$101,
-	Description: _sfc_main$102,
-	Close: _sfc_main$104
+	Root: _sfc_main$109,
+	Activator: _sfc_main$104,
+	Content: _sfc_main$107,
+	Title: _sfc_main$105,
+	Description: _sfc_main$106,
+	Close: _sfc_main$108
 };
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelGroup.vue
 const [useExpansionPanelGroup, provideExpansionPanelGroup] = createContext();
-const _sfc_main$99 = /* @__PURE__ */ defineComponent({
+const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelGroup",
 	__name: "ExpansionPanelGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -2827,7 +3639,7 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 		}));
 		provideExpansionPanelGroup(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -2840,7 +3652,7 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext({ suffix: "item" });
-const _sfc_main$98 = /* @__PURE__ */ defineComponent({
+const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: {
@@ -2874,7 +3686,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 			isDisabled
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2886,7 +3698,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$97 = /* @__PURE__ */ defineComponent({
+const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -2922,7 +3734,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2934,7 +3746,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$96 = /* @__PURE__ */ defineComponent({
+const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -2955,7 +3767,7 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2967,7 +3779,7 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelCue.vue
-const _sfc_main$95 = /* @__PURE__ */ defineComponent({
+const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelCue",
 	__name: "ExpansionPanelCue",
 	props: {
@@ -2985,7 +3797,7 @@ const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -2994,7 +3806,7 @@ const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -3009,7 +3821,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": item.ticket.isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3050,16 +3862,16 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const ExpansionPanel = {
-	Group: _sfc_main$99,
-	Root: _sfc_main$98,
-	Header: _sfc_main$94,
-	Activator: _sfc_main$97,
-	Cue: _sfc_main$95,
-	Content: _sfc_main$96
+	Group: _sfc_main$103,
+	Root: _sfc_main$102,
+	Header: _sfc_main$98,
+	Activator: _sfc_main$101,
+	Cue: _sfc_main$99,
+	Content: _sfc_main$100
 };
 //#endregion
 //#region src/components/Form/Form.vue
-const _sfc_main$93 = /* @__PURE__ */ defineComponent({
+const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 	name: "Form",
 	inheritAttrs: false,
 	__name: "Form",
@@ -3117,7 +3929,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 			reset: form.reset
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, unref(attrs), {
 				onReset,
 				onSubmit
 			}), {
@@ -3130,7 +3942,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$92 = /* @__PURE__ */ defineComponent({
+const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -3182,7 +3994,7 @@ const _sfc_main$92 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$91 = /* @__PURE__ */ defineComponent({
+const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -3202,7 +4014,7 @@ const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 			indeterminate: __props.indeterminate
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(group.disabled));
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			group.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -3240,8 +4052,207 @@ const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/providers/group
 */
 const Group = {
-	Root: _sfc_main$92,
-	Item: _sfc_main$91
+	Root: _sfc_main$96,
+	Item: _sfc_main$95
+};
+//#endregion
+//#region src/components/Image/ImageRoot.vue
+const [useImageRoot, provideImageRoot] = createContext();
+const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+	name: "ImageRoot",
+	__name: "ImageRoot",
+	props: {
+		src: {},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		rootMargin: { default: "0px" },
+		threshold: { default: 0 },
+		root: { default: null },
+		namespace: { default: "v0:image" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const atomRef = useTemplateRef("atom");
+		const rootEl = toRef(() => /* @__PURE__ */ toElement(atomRef.value?.element) ?? null);
+		if (__props.lazy && __props.renderless) useLogger().warn("[v0:image] `lazy` requires a wrapper element but `renderless` is set — the image will never load. Remove `renderless` or use useIntersectionObserver manually.");
+		const { isIntersecting } = __props.lazy ? useIntersectionObserver(rootEl, () => {}, {
+			once: true,
+			rootMargin: __props.rootMargin,
+			threshold: __props.threshold,
+			root: __props.root
+		}) : { isIntersecting: shallowRef(true) };
+		const image = useImage({
+			src: toRef(() => __props.src),
+			eager: isIntersecting
+		});
+		provideImageRoot(__props.namespace, image);
+		const slotProps = toRef(() => ({
+			status: image.status.value,
+			isIdle: image.isIdle.value,
+			isLoading: image.isLoading.value,
+			isLoaded: image.isLoaded.value,
+			isError: image.isError.value,
+			retry: image.retry,
+			attrs: { "data-state": image.status.value }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "atom" }, slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Image/ImageFallback.vue
+const _sfc_main$93 = /* @__PURE__ */ defineComponent({
+	name: "ImageFallback",
+	__name: "ImageFallback",
+	props: {
+		namespace: { default: "v0:image" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useImageRoot(__props.namespace);
+		const slotProps = toRef(() => ({
+			retry: context.retry,
+			attrs: {
+				"role": "img",
+				"data-state": "error"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return unref(context).isError.value ? (openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ key: 0 }, slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/Image/ImageImg.vue
+const _sfc_main$92 = /* @__PURE__ */ defineComponent({
+	name: "ImageImg",
+	__name: "ImageImg",
+	props: {
+		alt: {},
+		srcset: {},
+		sizes: {},
+		width: {},
+		height: {},
+		crossorigin: {},
+		referrerpolicy: {},
+		decoding: { default: "async" },
+		loading: {},
+		fetchpriority: {},
+		namespace: { default: "v0:image" },
+		as: { default: "img" },
+		renderless: { type: Boolean }
+	},
+	emits: [
+		"load",
+		"error",
+		"loadstart"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const context = useImageRoot(__props.namespace);
+		function onLoad(e) {
+			context.onLoad(e);
+			emit("load", e);
+		}
+		function onError(e) {
+			context.onError(e);
+			emit("error", e);
+		}
+		watch(context.status, (status, prev) => {
+			if (status === "loading" && prev !== "loading" && context.source.value) emit("loadstart", context.source.value);
+		}, { immediate: true });
+		const slotProps = toRef(() => ({
+			isLoaded: context.isLoaded.value,
+			status: context.status.value,
+			attrs: {
+				"role": "img",
+				"src": context.source.value,
+				srcset: __props.srcset,
+				sizes: __props.sizes,
+				alt: __props.alt,
+				width: __props.width,
+				height: __props.height,
+				crossorigin: __props.crossorigin,
+				referrerpolicy: __props.referrerpolicy,
+				decoding: __props.decoding,
+				loading: __props.loading,
+				fetchpriority: __props.fetchpriority,
+				"data-state": context.status.value,
+				onLoad,
+				onError
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Image/ImagePlaceholder.vue
+const _sfc_main$91 = /* @__PURE__ */ defineComponent({
+	name: "ImagePlaceholder",
+	__name: "ImagePlaceholder",
+	props: {
+		namespace: { default: "v0:image" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useImageRoot(__props.namespace);
+		const isVisible = toRef(() => context.isIdle.value || context.isLoading.value);
+		const slotProps = toRef(() => ({
+			status: context.status.value,
+			attrs: {
+				"aria-hidden": true,
+				"data-state": context.status.value
+			}
+		}));
+		return (_ctx, _cache) => {
+			return isVisible.value ? (openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ key: 0 }, slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/Image/index.ts
+/**
+* Image component with sub-components for managing image loading lifecycle.
+*
+* @see https://0.vuetifyjs.com/components/semantic/image
+*/
+const Image = {
+	Root: _sfc_main$94,
+	Img: _sfc_main$92,
+	Placeholder: _sfc_main$91,
+	Fallback: _sfc_main$93
 };
 //#endregion
 //#region src/components/Input/InputRoot.vue
@@ -3282,12 +4293,18 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 		renderless: { type: Boolean }
 	}, {
 		"modelValue": { default: "" },
-		"modelModifiers": {}
+		"modelModifiers": {},
+		"focused": {
+			type: Boolean,
+			default: false
+		},
+		"focusedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:isFocused"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:focused"], ["update:modelValue", "update:focused"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
+		const focused = useModel(__props, "focused");
 		const input = createInput({
 			value: model,
 			id: __props.id,
@@ -3310,6 +4327,7 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 			return trigger === event;
 		}
 		watch(input.isFocused, (val) => {
+			focused.value = val;
 			if (val) return;
 			input.isTouched.value = true;
 			if (shouldValidate("blur")) input.validate();
@@ -3374,10 +4392,7 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3450,10 +4465,7 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...controlAttrs.value
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3483,7 +4495,7 @@ const _sfc_main$88 = /* @__PURE__ */ defineComponent({
 		const descriptionAttrs = toRef(() => ({ id: root.descriptionId }));
 		const slotProps = toRef(() => ({ id: root.descriptionId }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), descriptionAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), descriptionAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3520,10 +4532,7 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3586,10 +4595,11 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const parent = useLocale();
+		const scopedParent = parent;
 		const selectedId = toRef(() => __props.locale);
 		const selectedItem = toRef(() => parent.get(__props.locale));
-		const rootT = parent._rootT ?? parent.t;
-		const rootN = parent._rootN ?? parent.n;
+		const rootT = scopedParent._rootT ?? parent.t;
+		const rootN = scopedParent._rootN ?? parent.n;
 		function t(key, ...params) {
 			const prev = new Set(parent.selectedIds);
 			parent.selectedIds.clear();
@@ -3789,7 +4799,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3819,9 +4829,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 			text.value = /* @__PURE__ */ isNull(root.value.value) ? "" : String(root.value.value);
 		}
 		onMounted(syncText);
-		watch(() => root.value.value, () => {
-			if (!root.isFocused.value) syncText();
-		});
+		watch(() => root.value.value, syncText);
 		const displayValue = toRef(() => {
 			return root.isFocused.value ? text.value : root.display.value;
 		});
@@ -3934,7 +4942,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3958,6 +4966,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const root = useNumberFieldRoot(__props.namespace);
+		const locale = useLocale();
 		const isDisabled = toRef(() => {
 			return root.isDisabled.value || root.isReadonly.value || !root.canDecrement.value;
 		});
@@ -3991,7 +5000,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 			return {
 				"type": "button",
 				"tabindex": -1,
-				"aria-label": "Decrement",
+				"aria-label": locale.t("NumberField.decrement"),
 				"disabled": disabled || void 0,
 				"data-disabled": disabled ? true : void 0,
 				onBlur,
@@ -4005,7 +5014,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4035,7 +5044,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 		const descriptionAttrs = toRef(() => ({ id: root.descriptionId }));
 		const slotProps = toRef(() => ({ id: root.descriptionId }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), descriptionAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), descriptionAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4072,7 +5081,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4096,6 +5105,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const root = useNumberFieldRoot(__props.namespace);
+		const locale = useLocale();
 		const isDisabled = toRef(() => {
 			return root.isDisabled.value || root.isReadonly.value || !root.canIncrement.value;
 		});
@@ -4129,7 +5139,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 			return {
 				"type": "button",
 				"tabindex": -1,
-				"aria-label": "Increment",
+				"aria-label": locale.t("NumberField.increment"),
 				"disabled": disabled || void 0,
 				"data-disabled": disabled ? true : void 0,
 				onBlur,
@@ -4143,7 +5153,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), controlAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4210,7 +5220,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 			"data-readonly": root.isReadonly.value ? true : void 0
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), scrubAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), scrubAttrs.value), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4346,7 +5356,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 		providePaginationControls(__props.namespace, controls);
 		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4367,7 +5377,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	props: {
 		namespace: { default: "v0:pagination" },
 		ellipsis: {},
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "span" },
 		renderless: { type: Boolean }
 	},
@@ -4389,7 +5399,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4410,7 +5420,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -4446,7 +5456,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4471,7 +5481,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -4514,7 +5524,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4535,7 +5545,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -4571,7 +5581,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4592,7 +5602,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -4628,7 +5638,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4649,7 +5659,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -4685,7 +5695,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -4734,7 +5744,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4763,7 +5773,7 @@ const Pagination = {
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
-const [usePopoverContext, providePopoverContext] = createContext("Popover");
+const [usePopoverContext, providePopoverContext] = createContext("v0:popover");
 const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
@@ -4785,17 +5795,14 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 			id: __props.id,
 			isOpen: isSelected
 		});
-		providePopoverContext({
-			...popover,
-			isSelected
-		});
+		providePopoverContext(popover);
 		const slotProps = toRef(() => ({
 			id: popover.id,
 			isSelected: isSelected.value,
 			toggle: popover.toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -4827,11 +5834,11 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"popovertarget": toValue(popovertarget),
 				"type": __props.as === "button" ? "button" : void 0,
-				"data-popover-open": context.isOpen.value ? "" : void 0
+				"data-open": context.isOpen.value || void 0
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				as: __props.as,
 				style: style.value
 			}, slotProps.value.attrs), {
@@ -4882,7 +5889,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "ref",
 				ref,
 				as: __props.as,
@@ -4928,12 +5935,25 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		disabled: {
 			type: Boolean,
 			default: false
+		},
+		blocking: {
+			type: Boolean,
+			default: false
 		}
 	},
-	setup(__props) {
-		const ticket = useStack().register();
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const ticket = useStack().register({
+			disabled: __props.disabled,
+			blocking: __props.blocking,
+			onDismiss: () => emit("close")
+		});
 		ticket.select();
-		const slotProps = toRef(() => ({ zIndex: ticket.zIndex.value }));
+		const slotProps = toRef(() => ({
+			zIndex: ticket.zIndex.value,
+			close: ticket.dismiss
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, {
 				disabled: __props.disabled,
@@ -5113,7 +6133,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 			};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5154,7 +6174,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -5185,7 +6205,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const root = useProgressRoot(__props.namespace);
 		const ticket = root.register({ value: toRef(() => __props.value ?? 0) });
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			ticket.unregister();
 		});
 		const current = toRef(() => toValue(ticket.value) ?? 0);
@@ -5201,7 +6221,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -5237,7 +6257,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 			attrs: { id: root.labelId }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5263,7 +6283,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 		const root = useProgressRoot(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { "data-state": root.isIndeterminate.value ? "indeterminate" : "determinate" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5295,7 +6315,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 			attrs: {}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5401,7 +6421,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5419,7 +6439,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RadioRoot",
 	props: {
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		value: {},
 		name: {},
@@ -5487,7 +6507,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 			if (group.activation.value === "automatic") nextItem.select();
 			toValue(nextItem.el)?.focus();
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			group.unregister(ticket.id);
 		});
 		const context = {
@@ -5524,10 +6544,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps({ ref: "root" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -5616,7 +6633,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5728,6 +6745,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			isDisabled,
 			isReadonly
 		};
+		const locale = useLocale();
 		provideRatingRoot(__props.namespace, context);
 		const slotProps = toRef(() => ({
 			value: displayValue.value,
@@ -5741,7 +6759,10 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 				"aria-valuenow": rating.value.value,
 				"aria-valuemin": 0,
 				"aria-valuemax": rating.size,
-				"aria-valuetext": `${rating.value.value} out of ${rating.size}`,
+				"aria-valuetext": locale.t("Rating.valueText", {
+					value: rating.value.value,
+					size: rating.size
+				}),
 				"aria-disabled": isDisabled.value ? true : void 0,
 				"aria-readonly": isReadonly.value ? true : void 0,
 				"data-disabled": isDisabled.value ? true : void 0,
@@ -5752,10 +6773,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5846,10 +6864,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5940,7 +6955,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 				to: __props.teleportTo
 			}, [createVNode(TransitionGroup, { name: __props.transition }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -5959,7 +6974,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 				name: __props.transition
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -6059,7 +7074,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
-		const id = __props.id ?? useId();
+		const id = __props.id ?? /* @__PURE__ */ useId$1();
 		const listboxId = `${id}-listbox`;
 		const activatorId = `${id}-activator`;
 		const selection = createSelection({
@@ -6075,7 +7090,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		const activatorEl = shallowRef(null);
 		const virtualFocus = useVirtualFocus(() => selection.values().map((ticket) => ({
 			id: ticket.id,
-			el: () => document.querySelector(`#${CSS.escape(`${id}-option-${ticket.id}`)}`),
+			el: () => IN_BROWSER ? document.querySelector(`#${CSS.escape(`${id}-option-${ticket.id}`)}`) : null,
 			disabled: ticket.disabled
 		})), {
 			control: activatorEl,
@@ -6137,7 +7152,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 			toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -6207,11 +7222,11 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 				"aria-expanded": context.isOpen.value,
 				"aria-haspopup": "listbox",
 				"aria-controls": context.listboxId,
-				"data-select-open": context.isOpen.value ? "" : void 0
+				"data-open": context.isOpen.value || void 0
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref: "activator",
 				as: __props.as,
 				style: style.value
@@ -6256,7 +7271,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		}));
 		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "content",
 				ref: content
 			}, slotProps.value.attrs, {
@@ -6289,7 +7304,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -6323,7 +7338,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 		function onClick() {
 			if (!toValue(isDisabled)) context.select(ticket.id);
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			context.selection.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -6344,7 +7359,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -6365,7 +7380,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 		const context = useSelectContext(__props.namespace);
 		const hasValue = toRef(() => context.selection.selectedIds.size > 0 || !/* @__PURE__ */ isNullOrUndefined(context.modelValue.value));
 		return (_ctx, _cache) => {
-			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$149), {
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$162), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -6408,7 +7423,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			};
 		});
 		return (_ctx, _cache) => {
-			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$149), {
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$162), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -6545,7 +7560,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 			disabled: __props.disabled
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(selection.disabled));
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			selection.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -6648,7 +7663,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 			disabled: __props.disabled
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(single.disabled));
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			single.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -6692,7 +7707,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SliderRoot",
 	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		min: { default: 0 },
 		max: { default: 100 },
 		step: { default: 1 },
@@ -6817,10 +7832,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6909,10 +7921,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -6946,7 +7955,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		const root = useSliderRoot(__props.namespace);
 		const thumbRef = useTemplateRef("thumb");
 		const ticket = root.register();
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			root.unregister(ticket.id);
 		});
 		const index = toRef(() => ticket.index);
@@ -7023,7 +8032,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ ref: "thumb" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "thumb" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -7089,7 +8098,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 			"onPointerdown": onPointerdown
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ ref: "track" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "track" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -7157,7 +8166,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 				disabled: __props.teleport === false,
 				to: __props.teleport || "body"
 			}, {
-				default: withCtx(({ zIndex }) => [createVNode(unref(_sfc_main$149), mergeProps({
+				default: withCtx(({ zIndex }) => [createVNode(unref(_sfc_main$162), mergeProps({
 					as: __props.as,
 					style: { zIndex }
 				}, _ctx.$attrs), {
@@ -7212,7 +8221,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			if (/* @__PURE__ */ isElement(el) && /* @__PURE__ */ isElement(e.relatedTarget) && el.contains(e.relatedTarget)) return;
 			resume("focus");
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			if (reasons.size > 0) {
 				reasons.clear();
 				notifications.queue.resume();
@@ -7228,7 +8237,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				ref_key: "container",
 				ref: container
 			}, slotProps.value.attrs, { as: __props.as }), {
@@ -7267,7 +8276,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 			attrs: { role: "status" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -7285,7 +8294,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), { as: __props.as }, {
+			return openBlock(), createBlock(unref(_sfc_main$162), { as: __props.as }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["as"]);
@@ -7304,16 +8313,17 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useSnackbarRootContext(__props.namespace);
+		const locale = useLocale();
 		function onClick() {
 			context.onDismiss();
 		}
 		const slotProps = toRef(() => ({ attrs: {
 			"type": __props.as === "button" ? "button" : void 0,
-			"aria-label": "Close",
+			"aria-label": locale.t("Snackbar.close"),
 			"onClick": onClick
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -7548,10 +8558,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ ref: "root" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [
@@ -7605,33 +8612,40 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		const splitter = useSplitterRoot();
 		const panelId = /* @__PURE__ */ useId$1();
 		const rootSize = shallowRef(0);
-		if (/* @__PURE__ */ isString(__props.maxSize)) useResizeObserver(splitter.rootEl, (entries) => {
+		function isPx(value) {
+			return /* @__PURE__ */ isString(value) && value.endsWith("px");
+		}
+		if (isPx(__props.defaultSize) || isPx(__props.minSize) || isPx(__props.maxSize) || isPx(__props.collapsedSize)) useResizeObserver(splitter.rootEl, (entries) => {
 			const rect = entries[0]?.contentRect;
 			rootSize.value = splitter.orientation.value === "horizontal" ? rect?.width ?? 0 : rect?.height ?? 0;
 		});
-		function resolveMaxSize() {
-			if (!/* @__PURE__ */ isString(__props.maxSize)) return __props.maxSize;
-			const px = Number.parseFloat(__props.maxSize);
-			const dimension = rootSize.value || (splitter.orientation.value === "horizontal" ? splitter.rootEl.value?.offsetWidth : splitter.rootEl.value?.offsetHeight) || 0;
-			return dimension > 0 ? px / dimension * 100 : 100;
+		function percent(value, fallback) {
+			if (!/* @__PURE__ */ isString(value)) return value;
+			const num = Number.parseFloat(value);
+			if (Number.isNaN(num)) return fallback;
+			if (value.endsWith("px")) {
+				const dimension = rootSize.value || (splitter.orientation.value === "horizontal" ? splitter.rootEl.value?.offsetWidth : splitter.rootEl.value?.offsetHeight) || 0;
+				return dimension > 0 ? num / dimension * 100 : fallback;
+			}
+			return num;
 		}
 		const ticket = splitter.panels.register({
 			id: panelId,
-			size: __props.defaultSize,
-			minSize: __props.minSize,
-			maxSize: resolveMaxSize(),
+			size: percent(__props.defaultSize, 0),
+			minSize: percent(__props.minSize, 0),
+			maxSize: percent(__props.maxSize, 100),
 			collapsible: __props.collapsible,
-			collapsedSize: __props.collapsedSize,
-			defaultSize: __props.defaultSize
+			collapsedSize: percent(__props.collapsedSize, 0),
+			defaultSize: percent(__props.defaultSize, 0)
 		});
 		watchEffect(() => {
-			ticket.minSize = __props.minSize;
-			ticket.maxSize = resolveMaxSize();
+			ticket.minSize = percent(__props.minSize, 0);
+			ticket.maxSize = percent(__props.maxSize, 100);
 			ticket.collapsible = __props.collapsible;
-			ticket.collapsedSize = __props.collapsedSize;
-			ticket.defaultSize = __props.defaultSize;
+			ticket.collapsedSize = percent(__props.collapsedSize, 0);
+			ticket.defaultSize = percent(__props.defaultSize, 0);
 		});
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			splitter.panels.unregister(ticket.id);
 		});
 		const size = toRef(() => ticket.size);
@@ -7674,10 +8688,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [
@@ -7722,7 +8733,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		const PAGE_STEP = 10;
 		const splitter = useSplitterRoot();
 		const ticket = splitter.handles.register();
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			splitter.handles.unregister(ticket.id);
 		});
 		const hovering = shallowRef(false);
@@ -7875,7 +8886,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [
@@ -7999,7 +9010,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 			disabled: __props.disabled
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(step.disabled));
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			step.unregister(ticket.id);
 		});
 		const slotProps = toRef(() => ({
@@ -8094,7 +9105,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8112,7 +9123,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SwitchRoot",
 	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		value: {},
 		name: {},
@@ -8179,7 +9190,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 			e.preventDefault();
 			toggle();
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			if (!ticket || !group) return;
 			group.unregister(ticket.id);
 		});
@@ -8226,10 +9237,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -8316,7 +9324,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const group = useSwitchGroup(__props.groupNamespace);
-		const id = useId();
+		const id = /* @__PURE__ */ useId$1();
 		const isAllSelected = toRef(() => group.isAllSelected.value);
 		const isMixed = toRef(() => group.isMixed.value);
 		const isDisabled = toRef(() => toValue(__props.disabled) || toValue(group.disabled));
@@ -8369,10 +9377,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -8409,7 +9414,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8440,7 +9445,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -8520,7 +9525,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
-		const rootId = useId();
+		const rootId = /* @__PURE__ */ useId$1();
 		const step = createStep({
 			disabled: toRef(() => __props.disabled),
 			enroll: __props.enroll,
@@ -8584,10 +9589,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8628,7 +9630,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(tabs.disabled));
 		const tabId = toRef(() => `${tabs.rootId}-tab-${ticket.id}`);
 		const panelId = toRef(() => `${tabs.rootId}-panel-${ticket.id}`);
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			tabs.unregister(ticket.id);
 		});
 		function focusSelectedTab() {
@@ -8735,7 +9737,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8784,10 +9786,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8877,7 +9876,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			isDark: isDark.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps({
 				as: __props.as,
 				"data-theme": selectedId.value,
 				renderless: __props.renderless
@@ -8948,7 +9947,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8966,7 +9965,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ToggleRoot",
 	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => useId() },
+		id: { default: () => /* @__PURE__ */ useId$1() },
 		value: {},
 		disabled: {
 			type: Boolean,
@@ -9015,7 +10014,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 			e.preventDefault();
 			toggle();
 		}
-		onUnmounted(() => {
+		onBeforeUnmount(() => {
 			ticket?.unregister();
 		});
 		const context = {
@@ -9038,10 +10037,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				onClick,
@@ -9074,7 +10070,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9292,7 +10288,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			onFocusin
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9357,7 +10353,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 			deactivate: ticket.deactivate
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), {
+			return openBlock(), createBlock(unref(_sfc_main$162), {
 				ref: "root",
 				"aria-disabled": slotProps.value.isDisabled || void 0,
 				"aria-expanded": hasContent.value ? slotProps.value.isOpen : void 0,
@@ -9425,7 +10421,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9466,7 +10462,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9526,7 +10522,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9548,7 +10544,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "group" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9584,7 +10580,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9686,7 +10682,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$149), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$162), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -9740,4 +10736,4 @@ const Treeview = {
 	SelectAll: _sfc_main
 };
 //#endregion
-export { _sfc_main$28 as $, Group as $n, useCheckboxGroup as $r, _sfc_main$58 as $t, _sfc_main$16 as A, _sfc_main$143 as Ai, providePaginationItems as An, _sfc_main$110 as Ar, Select as At, provideSwitchRoot as B, _sfc_main$83 as Bn, _sfc_main$118 as Br, _sfc_main$51 as Bt, _sfc_main$12 as C, _sfc_main$139 as Ci, _sfc_main$73 as Cn, provideDialogContext as Cr, provideSingleRoot as Ct, Tabs as D, AlertDialog as Di, _sfc_main$77 as Dn, _sfc_main$107 as Dr, _sfc_main$42 as Dt, _sfc_main$13 as E, useAvatarRoot as Ei, _sfc_main$76 as En, _sfc_main$106 as Er, _sfc_main$41 as Et, _sfc_main$18 as F, _sfc_main$148 as Fi, NumberField as Fn, provideComboboxContext as Fr, _sfc_main$47 as Ft, Step as G, _sfc_main$86 as Gn, _sfc_main$120 as Gr, provideRatingRoot as Gt, _sfc_main$23 as H, _sfc_main$85 as Hn, provideCollapsible as Hr, _sfc_main$52 as Ht, _sfc_main$19 as I, provideAlertDialogContext as Ii, _sfc_main$79 as In, useComboboxContext as Ir, _sfc_main$48 as It, provideStepRoot as J, _sfc_main$88 as Jn, _sfc_main$123 as Jr, _sfc_main$55 as Jt, _sfc_main$24 as K, Input as Kn, _sfc_main$121 as Kr, useRatingRoot as Kt, _sfc_main$20 as L, useAlertDialogContext as Li, _sfc_main$80 as Ln, Collapsible as Lr, _sfc_main$49 as Lt, provideTabsRoot as M, _sfc_main$145 as Mi, usePaginationControls as Mn, _sfc_main$112 as Mr, _sfc_main$44 as Mt, useTabsRoot as N, _sfc_main$146 as Ni, usePaginationItems as Nn, _sfc_main$113 as Nr, _sfc_main$45 as Nt, _sfc_main$14 as O, _sfc_main$141 as Oi, _sfc_main$78 as On, _sfc_main$108 as Or, provideSelectionRoot as Ot, Switch as P, _sfc_main$147 as Pi, usePaginationRoot as Pn, _sfc_main$114 as Pr, _sfc_main$46 as Pt, _sfc_main$27 as Q, useInputRoot as Qn, provideCheckboxGroup as Qr, useRadioRoot as Qt, _sfc_main$21 as R, _sfc_main$149 as Ri, _sfc_main$81 as Rn, _sfc_main$116 as Rr, provideSelectContext as Rt, useToggleRoot as S, _sfc_main$138 as Si, _sfc_main$72 as Sn, _sfc_main$105 as Sr, _sfc_main$40 as St, useToggleGroup as T, provideAvatarRoot as Ti, _sfc_main$75 as Tn, Combobox as Tr, Selection as Tt, provideSwitchGroup as U, provideNumberFieldRoot as Un, useCollapsible as Ur, _sfc_main$53 as Ut, useSwitchRoot as V, _sfc_main$84 as Vn, _sfc_main$119 as Vr, Rating as Vt, useSwitchGroup as W, useNumberFieldRoot as Wn, Checkbox as Wr, _sfc_main$54 as Wt, Splitter as X, _sfc_main$90 as Xn, useCheckboxRoot as Xr, _sfc_main$57 as Xt, useStepRoot as Y, _sfc_main$89 as Yn, provideCheckboxRoot as Yr, _sfc_main$56 as Yt, _sfc_main$26 as Z, provideInputRoot as Zn, _sfc_main$124 as Zr, provideRadioRoot as Zt, useTreeviewRoot as _, _sfc_main$136 as _i, _sfc_main$70 as _n, _sfc_main$100 as _r, _sfc_main$38 as _t, _sfc_main$3 as a, provideButtonRoot as ai, _sfc_main$61 as an, ExpansionPanel as ar, _sfc_main$31 as at, _sfc_main$11 as b, useBreadcrumbsRoot as bi, Pagination as bn, _sfc_main$103 as br, Single as bt, _sfc_main$6 as c, _sfc_main$130 as ci, _sfc_main$64 as cn, _sfc_main$96 as cr, _sfc_main$32 as ct, useTreeviewItem as d, Breadcrumbs as di, _sfc_main$65 as dn, provideExpansionPanelRoot as dr, _sfc_main$33 as dt, Button as ei, provideRadioGroup as en, _sfc_main$91 as er, provideSplitterRoot as et, _sfc_main$8 as f, _sfc_main$131 as fi, _sfc_main$66 as fn, useExpansionPanelRoot as fr, Slider as ft, provideTreeviewRoot as g, _sfc_main$135 as gi, _sfc_main$69 as gn, Dialog as gr, _sfc_main$37 as gt, _sfc_main$9 as h, _sfc_main$134 as hi, _sfc_main$68 as hn, useExpansionPanelGroup as hr, _sfc_main$36 as ht, _sfc_main$2 as i, _sfc_main$128 as ii, _sfc_main$60 as in, _sfc_main$93 as ir, _sfc_main$30 as it, _sfc_main$17 as j, _sfc_main$144 as ji, providePaginationRoot as jn, _sfc_main$111 as jr, _sfc_main$43 as jt, _sfc_main$15 as k, _sfc_main$142 as ki, providePaginationControls as kn, _sfc_main$109 as kr, useSelectionRoot as kt, _sfc_main$7 as l, provideButtonGroup as li, provideProgressRoot as ln, _sfc_main$97 as lr, provideSnackbarQueueContext as lt, useTreeviewList as m, _sfc_main$133 as mi, Popover as mn, provideExpansionPanelGroup as mr, _sfc_main$35 as mt, _sfc_main as n, _sfc_main$126 as ni, Progress as nn, provideGroupRoot as nr, Snackbar as nt, _sfc_main$4 as o, useButtonRoot as oi, _sfc_main$62 as on, _sfc_main$94 as or, provideSnackbarRootContext as ot, provideTreeviewList as p, _sfc_main$132 as pi, _sfc_main$67 as pn, _sfc_main$99 as pr, _sfc_main$34 as pt, _sfc_main$25 as q, _sfc_main$87 as qn, _sfc_main$122 as qr, Radio as qt, _sfc_main$1 as r, _sfc_main$127 as ri, _sfc_main$59 as rn, useGroupRoot as rr, _sfc_main$29 as rt, _sfc_main$5 as s, _sfc_main$129 as si, _sfc_main$63 as sn, _sfc_main$95 as sr, useSnackbarRootContext as st, Treeview as t, _sfc_main$125 as ti, useRadioGroup as tn, _sfc_main$92 as tr, useSplitterRoot as tt, provideTreeviewItem as u, useButtonGroup as ui, useProgressRoot as un, _sfc_main$98 as ur, useSnackbarQueueContext as ut, Toggle as v, _sfc_main$137 as vi, providePopoverContext as vn, _sfc_main$101 as vr, provideSliderRoot as vt, provideToggleGroup as w, _sfc_main$140 as wi, _sfc_main$74 as wn, useDialogContext as wr, useSingleRoot as wt, provideToggleRoot as x, Avatar as xi, _sfc_main$71 as xn, _sfc_main$104 as xr, _sfc_main$39 as xt, _sfc_main$10 as y, provideBreadcrumbsRoot as yi, usePopoverContext as yn, _sfc_main$102 as yr, useSliderRoot as yt, _sfc_main$22 as z, _sfc_main$82 as zn, _sfc_main$117 as zr, useSelectContext as zt };
+export { _sfc_main$28 as $, _sfc_main$160 as $i, Image as $n, _sfc_main$125 as $r, _sfc_main$58 as $t, _sfc_main$16 as A, _sfc_main$143 as Ai, providePaginationItems as An, provideDialogContext as Ar, Select as At, provideSwitchRoot as B, _sfc_main$150 as Bi, _sfc_main$83 as Bn, _sfc_main$117 as Br, _sfc_main$51 as Bt, _sfc_main$12 as C, provideButtonRoot as Ci, _sfc_main$73 as Cn, Dialog as Cr, provideSingleRoot as Ct, Tabs as D, provideButtonGroup as Di, _sfc_main$77 as Dn, _sfc_main$107 as Dr, _sfc_main$42 as Dt, _sfc_main$13 as E, _sfc_main$142 as Ei, _sfc_main$76 as En, _sfc_main$106 as Er, _sfc_main$41 as Et, _sfc_main$18 as F, _sfc_main$148 as Fi, NumberField as Fn, _sfc_main$112 as Fr, _sfc_main$47 as Ft, Step as G, _sfc_main$153 as Gi, _sfc_main$86 as Gn, _sfc_main$120 as Gr, provideRatingRoot as Gt, _sfc_main$23 as H, _sfc_main$152 as Hi, _sfc_main$85 as Hn, provideComboboxContext as Hr, _sfc_main$52 as Ht, _sfc_main$19 as I, _sfc_main$149 as Ii, _sfc_main$79 as In, _sfc_main$113 as Ir, _sfc_main$48 as It, provideStepRoot as J, _sfc_main$155 as Ji, _sfc_main$88 as Jn, _sfc_main$123 as Jr, _sfc_main$55 as Jt, _sfc_main$24 as K, AlertDialog as Ki, Input as Kn, _sfc_main$121 as Kr, useRatingRoot as Kt, _sfc_main$20 as L, provideBreadcrumbsRoot as Li, _sfc_main$80 as Ln, _sfc_main$114 as Lr, _sfc_main$49 as Lt, provideTabsRoot as M, _sfc_main$145 as Mi, usePaginationControls as Mn, Combobox as Mr, _sfc_main$44 as Mt, useTabsRoot as N, _sfc_main$146 as Ni, usePaginationItems as Nn, _sfc_main$110 as Nr, _sfc_main$45 as Nt, _sfc_main$14 as O, useButtonGroup as Oi, _sfc_main$78 as On, _sfc_main$108 as Or, provideSelectionRoot as Ot, Switch as P, _sfc_main$147 as Pi, usePaginationRoot as Pn, _sfc_main$111 as Pr, _sfc_main$46 as Pt, _sfc_main$27 as Q, _sfc_main$159 as Qi, useInputRoot as Qn, _sfc_main$124 as Qr, useRadioRoot as Qt, _sfc_main$21 as R, useBreadcrumbsRoot as Ri, _sfc_main$81 as Rn, _sfc_main$115 as Rr, provideSelectContext as Rt, useToggleRoot as S, _sfc_main$140 as Si, _sfc_main$72 as Sn, useExpansionPanelGroup as Sr, _sfc_main$40 as St, useToggleGroup as T, _sfc_main$141 as Ti, _sfc_main$75 as Tn, _sfc_main$105 as Tr, Selection as Tt, provideSwitchGroup as U, provideAvatarRoot as Ui, provideNumberFieldRoot as Un, useComboboxContext as Ur, _sfc_main$53 as Ut, useSwitchRoot as V, _sfc_main$151 as Vi, _sfc_main$84 as Vn, _sfc_main$118 as Vr, Rating as Vt, useSwitchGroup as W, useAvatarRoot as Wi, useNumberFieldRoot as Wn, Collapsible as Wr, _sfc_main$54 as Wt, Splitter as X, _sfc_main$157 as Xi, _sfc_main$90 as Xn, useCollapsible as Xr, _sfc_main$57 as Xt, useStepRoot as Y, _sfc_main$156 as Yi, _sfc_main$89 as Yn, provideCollapsible as Yr, _sfc_main$56 as Yt, _sfc_main$26 as Z, _sfc_main$158 as Zi, provideInputRoot as Zn, Checkbox as Zr, provideRadioRoot as Zt, useTreeviewRoot as _, useCarouselRoot as _i, _sfc_main$70 as _n, _sfc_main$102 as _r, _sfc_main$38 as _t, _sfc_main$3 as a, provideCheckboxGroup as ai, _sfc_main$61 as an, useImageRoot as ar, _sfc_main$31 as at, _sfc_main$11 as b, _sfc_main$138 as bi, Pagination as bn, _sfc_main$103 as br, Single as bt, _sfc_main$6 as c, _sfc_main$129 as ci, _sfc_main$64 as cn, _sfc_main$96 as cr, _sfc_main$32 as ct, useTreeviewItem as d, _sfc_main$132 as di, _sfc_main$65 as dn, _sfc_main$97 as dr, _sfc_main$33 as dt, _sfc_main$161 as ea, _sfc_main$126 as ei, provideRadioGroup as en, _sfc_main$91 as er, provideSplitterRoot as et, _sfc_main$8 as f, _sfc_main$133 as fi, _sfc_main$66 as fn, ExpansionPanel as fr, Slider as ft, provideTreeviewRoot as g, provideCarouselRoot as gi, _sfc_main$69 as gn, _sfc_main$101 as gr, _sfc_main$37 as gt, _sfc_main$9 as h, _sfc_main$136 as hi, _sfc_main$68 as hn, _sfc_main$100 as hr, _sfc_main$36 as ht, _sfc_main$2 as i, _sfc_main$128 as ii, _sfc_main$60 as in, provideImageRoot as ir, _sfc_main$30 as it, _sfc_main$17 as j, _sfc_main$144 as ji, providePaginationRoot as jn, useDialogContext as jr, _sfc_main$43 as jt, _sfc_main$15 as k, Breadcrumbs as ki, providePaginationControls as kn, _sfc_main$109 as kr, useSelectionRoot as kt, _sfc_main$7 as l, _sfc_main$130 as li, provideProgressRoot as ln, provideGroupRoot as lr, provideSnackbarQueueContext as lt, useTreeviewList as m, _sfc_main$135 as mi, Popover as mn, _sfc_main$99 as mr, _sfc_main$35 as mt, _sfc_main as n, useAlertDialogContext as na, provideCheckboxRoot as ni, Progress as nn, _sfc_main$93 as nr, Snackbar as nt, _sfc_main$4 as o, useCheckboxGroup as oi, _sfc_main$62 as on, Group as or, provideSnackbarRootContext as ot, provideTreeviewList as p, _sfc_main$134 as pi, _sfc_main$67 as pn, _sfc_main$98 as pr, _sfc_main$34 as pt, _sfc_main$25 as q, _sfc_main$154 as qi, _sfc_main$87 as qn, _sfc_main$122 as qr, Radio as qt, _sfc_main$1 as r, _sfc_main$162 as ra, useCheckboxRoot as ri, _sfc_main$59 as rn, _sfc_main$94 as rr, _sfc_main$29 as rt, _sfc_main$5 as s, Carousel as si, _sfc_main$63 as sn, _sfc_main$95 as sr, useSnackbarRootContext as st, Treeview as t, provideAlertDialogContext as ta, _sfc_main$127 as ti, useRadioGroup as tn, _sfc_main$92 as tr, useSplitterRoot as tt, provideTreeviewItem as u, _sfc_main$131 as ui, useProgressRoot as un, useGroupRoot as ur, useSnackbarQueueContext as ut, Toggle as v, Button as vi, providePopoverContext as vn, provideExpansionPanelRoot as vr, provideSliderRoot as vt, provideToggleGroup as w, useButtonRoot as wi, _sfc_main$74 as wn, _sfc_main$104 as wr, useSingleRoot as wt, provideToggleRoot as x, _sfc_main$139 as xi, _sfc_main$71 as xn, provideExpansionPanelGroup as xr, _sfc_main$39 as xt, _sfc_main$10 as y, _sfc_main$137 as yi, usePopoverContext as yn, useExpansionPanelRoot as yr, useSliderRoot as yt, _sfc_main$22 as z, Avatar as zi, _sfc_main$82 as zn, _sfc_main$116 as zr, useSelectContext as zt };