@vuetify/v0 0.1.9 → 0.1.11

package/dist/{components-mSy9az8x.mjs → components-Cxi4P1uo.mjs}

@@ -1,16 +1,17 @@
 import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-3i9umzyz.mjs";
+import { t as IN_BROWSER } from "./globals-TLLuB8XQ.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-C_c8eedz.mjs";
-import { i as createRegistry } from "./createTokens-C1gIuKCK.mjs";
-import { t as createSelection } from "./createSelection-DbWP6c7H.mjs";
-import { t as createSingle } from "./createSingle-CeAJpbXs.mjs";
-import { Dt as createBreadcrumbs, N as useRaf, P as usePopover, Q as useLazy, R as useNotifications, T as createSlider, a as useVirtualFocus, gt as createOverflow, ht as useProxyModel, l as useToggleScope, n as useDocumentEventListener, rt as createForm, t as useClickOutside, u as createValidation, v as createStep, w as useStack } from "./useClickOutside-hOhNk4eS.mjs";
-import { t as createGroup } from "./createGroup-PvzsLu9E.mjs";
+import { a as createRegistry } from "./createTokens-vyh3quuB.mjs";
+import { t as createSelection } from "./createSelection-I3pID-Mh.mjs";
+import { t as createSingle } from "./createSingle-CqX-KXFr.mjs";
+import { Dt as createBreadcrumbs, H as createNested, M as useRovingFocus, N as useRaf, P as usePopover, Q as useLazy, R as useNotifications, T as createSlider, a as useVirtualFocus, bt as useResizeObserver, gt as createOverflow, ht as useProxyModel, l as useToggleScope, mt as useTimer, n as useDocumentEventListener, nt as createForm, t as useClickOutside, u as createValidation, v as createStep, w as useStack } from "./useClickOutside-R0S58NVr.mjs";
+import { t as createGroup } from "./createGroup-BgDjEOXE.mjs";
 import { t as toArray } from "./toArray-VdROPpy-.mjs";
-import { a as useLocale } from "./useLocale-BaufqE5Z.mjs";
+import { a as useLocale } from "./useLocale-B8NaQT2b.mjs";
 import { t as createPagination } from "./createPagination-DZSJ8aO5.mjs";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { i as useTheme } from "./useTheme-QFLbV6tH.mjs";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, 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";
 //#region src/components/Atom/Atom.vue
 /**
 * @module Atom
@@ -33,7 +34,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$86 = /* @__PURE__ */ defineComponent({
+const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -67,7 +68,7 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$85 = /* @__PURE__ */ defineComponent({
+const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -82,7 +83,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 		});
 		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -94,7 +95,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$84 = /* @__PURE__ */ defineComponent({
+const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -108,7 +109,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		onUnmounted(() => context.unregister(ticket.id));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$86), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
 				key: 0,
 				as: __props.as,
 				renderless: __props.renderless
@@ -121,7 +122,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$83 = /* @__PURE__ */ defineComponent({
+const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -171,7 +172,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -189,14 +190,14 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/avatar
 */
 const Avatar = {
-	Root: _sfc_main$85,
-	Image: _sfc_main$83,
-	Fallback: _sfc_main$84
+	Root: _sfc_main$103,
+	Image: _sfc_main$101,
+	Fallback: _sfc_main$102
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$82 = /* @__PURE__ */ defineComponent({
+const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -324,7 +325,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "container",
 				as: __props.as,
 				renderless: __props.renderless
@@ -337,7 +338,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -373,7 +374,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -386,7 +387,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -429,7 +430,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -442,7 +443,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -481,7 +482,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -494,7 +495,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -503,7 +504,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -515,7 +516,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -525,7 +526,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -537,7 +538,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -547,7 +548,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -565,18 +566,365 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/breadcrumbs
 */
 const Breadcrumbs = {
-	Root: _sfc_main$82,
-	List: _sfc_main$77,
-	Item: _sfc_main$79,
-	Link: _sfc_main$78,
-	Page: _sfc_main$76,
-	Divider: _sfc_main$81,
-	Ellipsis: _sfc_main$80
+	Root: _sfc_main$100,
+	List: _sfc_main$95,
+	Item: _sfc_main$97,
+	Link: _sfc_main$96,
+	Page: _sfc_main$94,
+	Divider: _sfc_main$99,
+	Ellipsis: _sfc_main$98
+};
+//#endregion
+//#region src/components/Button/ButtonGroup.vue
+const [useButtonGroup, provideButtonGroup] = createContext();
+const _sfc_main$93 = /* @__PURE__ */ defineComponent({
+	name: "ButtonGroup",
+	__name: "ButtonGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:button:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const selection = createSelection({
+			disabled: toRef(() => __props.disabled),
+			multiple: toRef(() => __props.multiple),
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(selection, model, { multiple: toRef(() => __props.multiple) });
+		provideButtonGroup(__props.namespace, selection);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(selection.disabled),
+			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Button/ButtonHiddenInput.vue
+const _hoisted_1$5 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$4 = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+};
+const _sfc_main$92 = /* @__PURE__ */ defineComponent({
+	name: "ButtonHiddenInput",
+	__name: "ButtonHiddenInput",
+	props: {
+		namespace: { default: "v0:button:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		const name = toRef(() => __props.name ?? root.name);
+		const form = toRef(() => __props.form ?? root.form);
+		const value = toRef(() => {
+			const v = __props.value ?? root.value ?? "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isSelected = root.isSelected;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isSelected),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle$4,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1$5);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonRoot.vue
+const [useButtonRoot, provideButtonRoot] = createContext();
+const _sfc_main$91 = /* @__PURE__ */ defineComponent({
+	name: "ButtonRoot",
+	inheritAttrs: false,
+	__name: "ButtonRoot",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		passive: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		grace: { default: 0 },
+		value: {},
+		namespace: { default: "v0:button:root" },
+		groupNamespace: { default: "v0:button:group" },
+		name: {},
+		form: {},
+		ariaLabel: {},
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useButtonGroup(__props.groupNamespace);
+		} catch {}
+		const ticket = group?.register({
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : __props.disabled);
+		const isReadonly = toRef(() => __props.readonly);
+		const isPassive = toRef(() => __props.passive);
+		const isSelected = toRef(() => ticket ? toValue(ticket.isSelected) : false);
+		const isLoading = shallowRef(false);
+		const timer = useTimer(() => {
+			isLoading.value = true;
+		}, { duration: __props.grace });
+		watch(() => __props.loading, (active) => {
+			if (!active) {
+				timer.stop();
+				isLoading.value = false;
+			} else if (__props.grace > 0) timer.start();
+			else isLoading.value = true;
+		}, { immediate: true });
+		const single = createSingle({ mandatory: "force" });
+		const isSolo = shallowRef(false);
+		const locale = useLocale();
+		function onClick() {
+			if (isDisabled.value || isReadonly.value || isPassive.value || __props.loading || !ticket) return;
+			ticket.toggle();
+		}
+		onUnmounted(() => {
+			timer.stop();
+			ticket?.unregister();
+		});
+		const context = {
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isLoading: toRef(() => isLoading.value),
+			isDisabled,
+			isReadonly,
+			isPassive,
+			isSelected,
+			isSolo,
+			single
+		};
+		provideButtonRoot(__props.namespace, context);
+		const elementAttrs = toRef(() => ({
+			"type": __props.as === "button" ? "button" : void 0,
+			"role": "button",
+			"disabled": isDisabled.value ? true : void 0,
+			"aria-disabled": isPassive.value ? true : void 0,
+			"aria-busy": isLoading.value ? true : void 0,
+			"aria-pressed": group ? isSelected.value : void 0,
+			"aria-label": __props.ariaLabel || (isSolo.value ? locale.t("Button.label") : void 0),
+			"tabindex": isDisabled.value ? -1 : 0,
+			"data-loading": isLoading.value ? true : void 0,
+			"data-passive": isPassive.value ? true : void 0,
+			"data-readonly": isReadonly.value ? true : void 0,
+			"data-disabled": isDisabled.value ? true : void 0,
+			"data-selected": group && isSelected.value ? true : void 0,
+			"data-solo": isSolo.value ? true : void 0,
+			"onClick": ticket ? onClick : void 0
+		}));
+		const slotProps = toRef(() => ({
+			isLoading: isLoading.value,
+			isDisabled: isDisabled.value,
+			isReadonly: isReadonly.value,
+			isPassive: isPassive.value,
+			isSelected: isSelected.value,
+			attrs: elementAttrs.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$92, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonContent.vue
+const _sfc_main$90 = /* @__PURE__ */ defineComponent({
+	name: "ButtonContent",
+	__name: "ButtonContent",
+	props: {
+		id: { default: () => useId() },
+		namespace: { default: "v0:button:root" }
+	},
+	setup(__props) {
+		const ticket = useButtonRoot(__props.namespace).single.register({ id: __props.id });
+		onUnmounted(() => ticket.unregister());
+		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonIcon.vue
+const _sfc_main$89 = /* @__PURE__ */ defineComponent({
+	name: "ButtonIcon",
+	__name: "ButtonIcon",
+	props: {
+		namespace: { default: "v0:button:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		onMounted(() => {
+			if (root.single.size > 0) return;
+			root.isSolo.value = true;
+		});
+		const slotProps = toRef(() => ({
+			isSolo: root.isSolo.value,
+			attrs: { "aria-hidden": true }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Button/ButtonLoading.vue
+const _sfc_main$88 = /* @__PURE__ */ defineComponent({
+	name: "ButtonLoading",
+	__name: "ButtonLoading",
+	props: {
+		id: { default: () => useId() },
+		namespace: { default: "v0:button:root" }
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		const ticket = root.single.register({
+			id: __props.id,
+			disabled: true
+		});
+		watch(root.isLoading, (active) => {
+			if (active) {
+				ticket.disabled = false;
+				ticket.select();
+			} else {
+				ticket.disabled = true;
+				const fallback = root.single.seek("first");
+				if (fallback) fallback.select();
+			}
+		}, { immediate: true });
+		onUnmounted(() => ticket.unregister());
+		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+//#endregion
+//#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$90,
+	Group: _sfc_main$93,
+	HiddenInput: _sfc_main$92,
+	Icon: _sfc_main$89,
+	Loading: _sfc_main$88,
+	Root: _sfc_main$91
 };
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -632,7 +980,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -645,7 +993,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -764,7 +1112,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -775,7 +1123,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$73, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$85, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -799,7 +1147,7 @@ const visuallyHiddenStyle$3 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$73 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -837,7 +1185,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -860,7 +1208,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -872,7 +1220,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$71 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -943,7 +1291,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -982,16 +1330,16 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Checkbox = {
-	Group: _sfc_main$75,
-	HiddenInput: _sfc_main$73,
-	Indicator: _sfc_main$72,
-	Root: _sfc_main$74,
-	SelectAll: _sfc_main$71
+	Group: _sfc_main$87,
+	HiddenInput: _sfc_main$85,
+	Indicator: _sfc_main$84,
+	Root: _sfc_main$86,
+	SelectAll: _sfc_main$83
 };
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$70 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1033,7 +1381,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -1045,7 +1393,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$69 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -1066,7 +1414,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1075,7 +1423,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -1143,7 +1491,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -1159,7 +1507,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -1171,7 +1519,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1180,7 +1528,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -1192,7 +1540,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1201,7 +1549,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -1224,7 +1572,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1263,17 +1611,17 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Dialog = {
-	Root: _sfc_main$70,
-	Activator: _sfc_main$65,
-	Content: _sfc_main$68,
-	Title: _sfc_main$66,
-	Description: _sfc_main$67,
-	Close: _sfc_main$69
+	Root: _sfc_main$82,
+	Activator: _sfc_main$77,
+	Content: _sfc_main$80,
+	Title: _sfc_main$78,
+	Description: _sfc_main$79,
+	Close: _sfc_main$81
 };
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1320,7 +1668,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 		}));
 		provideExpansionPanelRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -1333,7 +1681,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -1367,7 +1715,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 			isDisabled
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1379,7 +1727,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -1415,7 +1763,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1427,7 +1775,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -1448,7 +1796,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1460,7 +1808,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -1475,7 +1823,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": item.ticket.isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1493,15 +1841,15 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/expansion-panels
 */
 const ExpansionPanel = {
-	Root: _sfc_main$64,
-	Item: _sfc_main$63,
-	Header: _sfc_main$60,
-	Activator: _sfc_main$62,
-	Content: _sfc_main$61
+	Root: _sfc_main$76,
+	Item: _sfc_main$75,
+	Header: _sfc_main$72,
+	Activator: _sfc_main$74,
+	Content: _sfc_main$73
 };
 //#endregion
 //#region src/components/Form/Form.vue
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 	name: "Form",
 	inheritAttrs: false,
 	__name: "Form",
@@ -1559,7 +1907,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 			reset: form.reset
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, unref(attrs), {
 				onReset,
 				onSubmit
 			}), {
@@ -1572,7 +1920,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1624,7 +1972,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -1681,8 +2029,8 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/group
 */
 const Group = {
-	Root: _sfc_main$58,
-	Item: _sfc_main$57
+	Root: _sfc_main$70,
+	Item: _sfc_main$69
 };
 //#endregion
 //#region src/components/Input/InputRoot.vue
@@ -1698,7 +2046,7 @@ function parseValidateOn(value) {
 		modifier
 	};
 }
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 	name: "InputRoot",
 	inheritAttrs: false,
 	__name: "InputRoot",
@@ -1830,7 +2178,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -1845,7 +2193,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputControl.vue
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 	name: "InputControl",
 	inheritAttrs: false,
 	__name: "InputControl",
@@ -1903,7 +2251,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...controlAttrs.value
 			}, {
@@ -1921,7 +2269,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputDescription.vue
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 	name: "InputDescription",
 	inheritAttrs: false,
 	__name: "InputDescription",
@@ -1940,7 +2288,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			root.hasDescription.value = false;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(unref(attrs), {
 				id: unref(root).descriptionId,
 				as: __props.as,
 				renderless: __props.renderless
@@ -1957,7 +2305,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputError.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 	name: "InputError",
 	inheritAttrs: false,
 	__name: "InputError",
@@ -1986,7 +2334,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2031,17 +2379,55 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Input = {
-	Control: _sfc_main$55,
-	Description: _sfc_main$54,
-	Error: _sfc_main$53,
-	Root: _sfc_main$56
+	Control: _sfc_main$67,
+	Description: _sfc_main$66,
+	Error: _sfc_main$65,
+	Root: _sfc_main$68
 };
 //#endregion
+//#region src/components/Locale/Locale.vue
+const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+	name: "Locale",
+	inheritAttrs: false,
+	__name: "Locale",
+	props: {
+		locale: {},
+		renderless: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const parent = useLocale();
+		const selectedId = toRef(() => __props.locale);
+		const selectedItem = toRef(() => parent.get(__props.locale));
+		provideContext("v0:locale", {
+			...parent,
+			selectedId,
+			selectedItem
+		});
+		const attrs = toRef(() => ({
+			"data-locale": __props.locale,
+			"lang": __props.locale
+		}));
+		return (_ctx, _cache) => {
+			return __props.renderless ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				attrs: attrs.value
+			}) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { attrs: attrs.value })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+//#endregion
 //#region src/components/Pagination/PaginationRoot.vue
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2128,7 +2514,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 		providePaginationControls(__props.namespace, controls);
 		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2143,7 +2529,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -2171,7 +2557,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2186,7 +2572,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -2228,7 +2614,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2243,7 +2629,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -2296,7 +2682,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2311,7 +2697,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -2353,7 +2739,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2368,7 +2754,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -2410,7 +2796,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2425,7 +2811,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -2467,7 +2853,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2482,7 +2868,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -2516,7 +2902,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2534,19 +2920,19 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/pagination
 */
 const Pagination = {
-	Root: _sfc_main$52,
-	Item: _sfc_main$49,
-	First: _sfc_main$50,
-	Prev: _sfc_main$46,
-	Ellipsis: _sfc_main$51,
-	Next: _sfc_main$47,
-	Last: _sfc_main$48,
-	Status: _sfc_main$45
+	Root: _sfc_main$63,
+	Item: _sfc_main$60,
+	First: _sfc_main$61,
+	Prev: _sfc_main$57,
+	Ellipsis: _sfc_main$62,
+	Next: _sfc_main$58,
+	Last: _sfc_main$59,
+	Status: _sfc_main$56
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2577,7 +2963,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 			toggle: popover.toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -2589,7 +2975,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -2614,7 +3000,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				as: __props.as,
 				style: style.value
 			}, slotProps.value.attrs), {
@@ -2626,7 +3012,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -2666,7 +3052,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "ref",
 				ref,
 				as: props.as,
@@ -2686,14 +3072,14 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/popover
 */
 const Popover = {
-	Root: _sfc_main$44,
-	Activator: _sfc_main$43,
-	Content: _sfc_main$42
+	Root: _sfc_main$55,
+	Activator: _sfc_main$54,
+	Content: _sfc_main$53
 };
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -2745,7 +3131,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2758,7 +3144,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -2868,7 +3254,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2879,7 +3265,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$39, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$50, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -2903,7 +3289,7 @@ const visuallyHiddenStyle$2 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -2940,7 +3326,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -2960,7 +3346,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3005,14 +3391,14 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Radio = {
-	Group: _sfc_main$41,
-	HiddenInput: _sfc_main$39,
-	Indicator: _sfc_main$38,
-	Root: _sfc_main$40
+	Group: _sfc_main$52,
+	HiddenInput: _sfc_main$50,
+	Indicator: _sfc_main$49,
+	Root: _sfc_main$51
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -3050,7 +3436,7 @@ const _sfc_main$37 = /* @__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$86), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3069,7 +3455,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 				name: __props.transition
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3106,7 +3492,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 	name: "SelectHiddenInput",
 	__name: "SelectHiddenInput",
 	props: { namespace: { default: "v0:select" } },
@@ -3140,7 +3526,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Select/SelectRoot.vue
 const [useSelectContext, provideSelectContext] = createContext();
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	name: "SelectRoot",
 	__name: "SelectRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -3246,19 +3632,19 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), {
 				as: __props.as,
 				renderless: ""
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$36, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$47, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/Select/SelectActivator.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "SelectActivator",
 	__name: "SelectActivator",
 	props: {
@@ -3320,7 +3706,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref: "activator",
 				as: __props.as,
 				style: style.value
@@ -3336,7 +3722,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectContent.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "SelectContent",
 	__name: "SelectContent",
 	props: {
@@ -3359,7 +3745,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		}));
 		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "content",
 				ref: content,
 				as: __props.as,
@@ -3373,7 +3759,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectCue.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "SelectCue",
 	__name: "SelectCue",
 	props: {
@@ -3391,7 +3777,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3400,7 +3786,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectItem.vue
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "SelectItem",
 	__name: "SelectItem",
 	props: {
@@ -3446,7 +3832,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3455,7 +3841,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectPlaceholder.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "SelectPlaceholder",
 	__name: "SelectPlaceholder",
 	props: {
@@ -3467,7 +3853,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		const context = useSelectContext(__props.namespace);
 		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
 		return (_ctx, _cache) => {
-			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$86), {
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -3479,7 +3865,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectValue.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "SelectValue",
 	__name: "SelectValue",
 	props: {
@@ -3501,7 +3887,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 			attrs: {}
 		}));
 		return (_ctx, _cache) => {
-			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$86), {
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -3557,18 +3943,18 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Select = {
-	Root: _sfc_main$35,
-	Activator: _sfc_main$34,
-	Value: _sfc_main$29,
-	Content: _sfc_main$33,
-	Cue: _sfc_main$32,
-	Item: _sfc_main$31,
-	Placeholder: _sfc_main$30
+	Root: _sfc_main$46,
+	Activator: _sfc_main$45,
+	Value: _sfc_main$40,
+	Content: _sfc_main$44,
+	Cue: _sfc_main$43,
+	Item: _sfc_main$42,
+	Placeholder: _sfc_main$41
 };
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -3620,7 +4006,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -3670,12 +4056,12 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/selection
 */
 const Selection = {
-	Root: _sfc_main$28,
-	Item: _sfc_main$27
+	Root: _sfc_main$39,
+	Item: _sfc_main$38
 };
 //#endregion
 //#region src/components/Snackbar/SnackbarPortal.vue
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "SnackbarPortal",
 	inheritAttrs: false,
 	__name: "SnackbarPortal",
@@ -3696,13 +4082,13 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 			return __props.teleport ? (openBlock(), createBlock(Teleport, {
 				key: 0,
 				to: __props.teleport
-			}, [createVNode(unref(_sfc_main$86), mergeProps({
+			}, [createVNode(unref(_sfc_main$104), mergeProps({
 				as: __props.as,
 				style: styles.value
 			}, _ctx.$attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				key: 1,
 				as: __props.as,
 				style: styles.value
@@ -3716,7 +4102,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarQueue.vue
 const [useSnackbarQueueContext, provideSnackbarQueueContext] = createContext({ suffix: "queue" });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "SnackbarQueue",
 	__name: "SnackbarQueue",
 	props: {
@@ -3772,7 +4158,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				ref_key: "container",
 				ref: container
 			}, slotProps.value.attrs, { as: __props.as }), {
@@ -3785,7 +4171,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarRoot.vue
 const [useSnackbarRootContext, provideSnackbarRootContext] = createContext({ suffix: "root" });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "SnackbarRoot",
 	__name: "SnackbarRoot",
 	props: {
@@ -3811,7 +4197,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 			attrs: { role: "status" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3820,7 +4206,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarContent.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "SnackbarContent",
 	__name: "SnackbarContent",
 	props: {
@@ -3829,7 +4215,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), { as: __props.as }, {
+			return openBlock(), createBlock(unref(_sfc_main$104), { as: __props.as }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["as"]);
@@ -3838,7 +4224,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarClose.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "SnackbarClose",
 	__name: "SnackbarClose",
 	props: {
@@ -3857,7 +4243,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 			"onClick": onClick
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3892,16 +4278,16 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Snackbar = {
-	Portal: _sfc_main$26,
-	Queue: _sfc_main$25,
-	Root: _sfc_main$24,
-	Content: _sfc_main$23,
-	Close: _sfc_main$22
+	Portal: _sfc_main$37,
+	Queue: _sfc_main$36,
+	Root: _sfc_main$35,
+	Content: _sfc_main$34,
+	Close: _sfc_main$33
 };
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "SliderRoot",
 	inheritAttrs: false,
 	__name: "SliderRoot",
@@ -4023,7 +4409,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4033,7 +4419,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as", "renderless"]), __props.name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(slider).values.value, (_, index) => {
-				return openBlock(), createBlock(_sfc_main$20, {
+				return openBlock(), createBlock(_sfc_main$31, {
 					key: index,
 					index
 				}, null, 8, ["index"]);
@@ -4049,7 +4435,7 @@ const _hoisted_1$1 = [
 	"name",
 	"value"
 ];
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "SliderHiddenInput",
 	__name: "SliderHiddenInput",
 	props: {
@@ -4074,7 +4460,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderRange.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "SliderRange",
 	inheritAttrs: false,
 	__name: "SliderRange",
@@ -4115,7 +4501,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4135,7 +4521,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderThumb.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "SliderThumb",
 	inheritAttrs: false,
 	__name: "SliderThumb",
@@ -4229,7 +4615,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "thumb" }, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "thumb" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4249,7 +4635,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderTrack.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "SliderTrack",
 	inheritAttrs: false,
 	__name: "SliderTrack",
@@ -4298,7 +4684,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 			"onPointerdown": onPointerdown
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "track" }, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "track" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4343,16 +4729,16 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Slider = {
-	Root: _sfc_main$21,
-	Track: _sfc_main$17,
-	Range: _sfc_main$19,
-	Thumb: _sfc_main$18,
-	HiddenInput: _sfc_main$20
+	Root: _sfc_main$32,
+	Track: _sfc_main$28,
+	Range: _sfc_main$30,
+	Thumb: _sfc_main$29,
+	HiddenInput: _sfc_main$31
 };
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -4373,6 +4759,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		const rootEl = toRef(() => rootAtom.value?.element ?? null);
 		const draggingHandle = shallowRef(null);
 		const dragging = toRef(() => !/* @__PURE__ */ isNull(draggingHandle.value));
+		const expandAccum = /* @__PURE__ */ new Map();
+		const EXPAND_THRESHOLD = 5;
 		const panels = createSelection({
 			multiple: true,
 			enroll: true,
@@ -4402,15 +4790,38 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			const min2 = effectiveMin(after);
 			const lower = Math.max(min1, total - after.maxSize);
 			const upper = Math.min(before.maxSize, total - min2);
-			const size = /* @__PURE__ */ clamp(before.size + delta, lower, upper);
+			let size = /* @__PURE__ */ clamp(before.size + delta, lower, upper);
+			const beforeCollapsed = !toValue(before.isSelected);
+			if (before.collapsible && !beforeCollapsed && size <= before.minSize && delta < 0) {
+				size = before.collapsedSize;
+				before.unselect();
+				expandAccum.set(before.id, 0);
+			} else if (before.collapsible && beforeCollapsed && delta > 0) {
+				const accum = (expandAccum.get(before.id) ?? 0) + delta;
+				expandAccum.set(before.id, accum);
+				if (accum >= EXPAND_THRESHOLD) {
+					size = /* @__PURE__ */ clamp(Math.max(accum, before.minSize), before.minSize, before.maxSize);
+					before.select();
+					expandAccum.delete(before.id);
+				} else size = before.collapsedSize;
+			}
+			const afterSize = total - size;
+			const afterCollapsed = !toValue(after.isSelected);
+			if (after.collapsible && !afterCollapsed && afterSize <= after.minSize && delta > 0) {
+				size = total - after.collapsedSize;
+				after.unselect();
+				expandAccum.set(after.id, 0);
+			} else if (after.collapsible && afterCollapsed && delta < 0) {
+				const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
+				expandAccum.set(after.id, accum);
+				if (accum >= EXPAND_THRESHOLD) {
+					size = total - /* @__PURE__ */ clamp(Math.max(accum, after.minSize), after.minSize, after.maxSize);
+					after.select();
+					expandAccum.delete(after.id);
+				} else size = total - after.collapsedSize;
+			}
 			before.size = size;
 			after.size = total - size;
-			for (const p of [before, after]) {
-				if (!p.collapsible) continue;
-				const collapsed = !toValue(p.isSelected);
-				if (!collapsed && p.size <= p.collapsedSize) p.unselect();
-				else if (collapsed && p.size > p.collapsedSize) p.select();
-			}
 			if (options?.emit) emitLayout();
 		}
 		function collapse(index, neighborIndex) {
@@ -4477,6 +4888,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		}
 		function onEndDrag() {
 			draggingHandle.value = null;
+			expandAccum.clear();
 			emitLayout();
 		}
 		function emitLayout() {
@@ -4511,16 +4923,20 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: [unref(attrs).style, {
-					display: "flex",
-					flexDirection: __props.orientation === "horizontal" ? "row" : "column"
-				}]
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{
+						display: "flex",
+						flexDirection: __props.orientation === "horizontal" ? "row" : "column"
+					}
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -4534,7 +4950,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
@@ -4563,18 +4979,29 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const splitter = useSplitterRoot();
 		const panelId = /* @__PURE__ */ useId$1();
+		const rootSize = shallowRef(0);
+		if (/* @__PURE__ */ isString(__props.maxSize)) 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;
+		}
 		const ticket = splitter.panels.register({
 			id: panelId,
 			size: __props.defaultSize,
 			minSize: __props.minSize,
-			maxSize: __props.maxSize,
+			maxSize: resolveMaxSize(),
 			collapsible: __props.collapsible,
 			collapsedSize: __props.collapsedSize,
 			defaultSize: __props.defaultSize
 		});
 		watchEffect(() => {
 			ticket.minSize = __props.minSize;
-			ticket.maxSize = __props.maxSize;
+			ticket.maxSize = resolveMaxSize();
 			ticket.collapsible = __props.collapsible;
 			ticket.collapsedSize = __props.collapsedSize;
 			ticket.defaultSize = __props.defaultSize;
@@ -4622,18 +5049,22 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: [unref(attrs).style, {
-					flexGrow: 0,
-					flexShrink: 0,
-					flexBasis: `${size.value}%`,
-					overflow: "hidden"
-				}]
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{
+						flexGrow: 0,
+						flexShrink: 0,
+						flexBasis: `${size.value}%`,
+						overflow: "hidden"
+					}
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -4647,7 +5078,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -4819,7 +5250,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4870,14 +5301,14 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Splitter = {
-	Root: _sfc_main$16,
-	Panel: _sfc_main$15,
-	Handle: _sfc_main$14
+	Root: _sfc_main$27,
+	Panel: _sfc_main$26,
+	Handle: _sfc_main$25
 };
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -4933,7 +5364,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4946,7 +5377,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Switch/SwitchRoot.vue
 const [useSwitchRoot, provideSwitchRoot] = createContext();
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
@@ -5065,7 +5496,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5076,7 +5507,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$11, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$22, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -5100,7 +5531,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -5138,7 +5569,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -5209,7 +5640,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5226,7 +5657,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -5249,7 +5680,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5261,7 +5692,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -5280,7 +5711,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -5320,17 +5751,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Switch = {
-	Group: _sfc_main$13,
-	HiddenInput: _sfc_main$11,
-	Root: _sfc_main$12,
-	SelectAll: _sfc_main$10,
-	Thumb: _sfc_main$9,
-	Track: _sfc_main$8
+	Group: _sfc_main$24,
+	HiddenInput: _sfc_main$22,
+	Root: _sfc_main$23,
+	SelectAll: _sfc_main$21,
+	Thumb: _sfc_main$20,
+	Track: _sfc_main$19
 };
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -5376,7 +5807,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -5426,13 +5857,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/single
 */
 const Single = {
-	Root: _sfc_main$7,
-	Item: _sfc_main$6
+	Root: _sfc_main$18,
+	Item: _sfc_main$17
 };
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -5483,7 +5914,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -5533,13 +5964,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/step
 */
 const Step = {
-	Root: _sfc_main$5,
-	Item: _sfc_main$4
+	Root: _sfc_main$16,
+	Item: _sfc_main$15
 };
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -5607,7 +6038,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -5633,7 +6064,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5648,7 +6079,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -5748,7 +6179,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5763,7 +6194,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -5800,7 +6231,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5844,10 +6275,676 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Tabs = {
-	Root: _sfc_main$3,
-	List: _sfc_main$2,
-	Item: _sfc_main$1,
-	Panel: _sfc_main
+	Root: _sfc_main$14,
+	List: _sfc_main$13,
+	Item: _sfc_main$12,
+	Panel: _sfc_main$11
+};
+//#endregion
+//#region src/components/Theme/Theme.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	name: "Theme",
+	inheritAttrs: false,
+	__name: "Theme",
+	props: {
+		theme: {},
+		renderless: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const parent = useTheme();
+		const selectedId = toRef(() => __props.theme);
+		const selectedItem = toRef(() => parent.get(__props.theme));
+		const isDark = toRef(() => selectedItem.value?.dark ?? false);
+		provideContext("v0:theme", {
+			...parent,
+			selectedId,
+			selectedItem,
+			isDark
+		});
+		const attrs = toRef(() => ({ "data-theme": __props.theme }));
+		return (_ctx, _cache) => {
+			return __props.renderless ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				attrs: attrs.value
+			}) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { attrs: attrs.value })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+//#endregion
+//#region src/components/Treeview/TreeviewRoot.vue
+const [useTreeviewRoot, provideTreeviewRoot] = createContext();
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewRoot",
+	__name: "TreeviewRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:treeview" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: true
+		},
+		open: { default: "multiple" },
+		openAll: {
+			type: Boolean,
+			default: false
+		},
+		reveal: {
+			type: Boolean,
+			default: false
+		},
+		selection: { default: "cascade" },
+		active: { default: "single" }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const nested = createNested({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			multiple: __props.multiple,
+			open: __props.open,
+			openAll: __props.openAll,
+			reveal: __props.reveal,
+			selection: __props.selection,
+			active: __props.active,
+			events: true
+		});
+		useProxyModel(nested, model, { multiple: __props.multiple });
+		provideTreeviewRoot(__props.namespace, nested);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(nested.disabled),
+			isNoneSelected: nested.isNoneSelected.value,
+			isAllSelected: nested.isAllSelected.value,
+			isMixed: nested.isMixed.value,
+			select: nested.select,
+			unselect: nested.unselect,
+			toggle: nested.toggle,
+			selectAll: nested.selectAll,
+			unselectAll: nested.unselectAll,
+			expandAll: nested.expandAll,
+			collapseAll: nested.collapseAll
+		}));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+//#endregion
+//#region src/components/Treeview/TreeviewList.vue
+const [useTreeviewList, provideTreeviewList] = createContext({ suffix: "list" });
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewList",
+	__name: "TreeviewList",
+	props: {
+		namespace: { default: "v0:treeview" },
+		multiselectable: { type: Boolean },
+		label: {},
+		as: { default: "ul" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const nested = useTreeviewRoot(__props.namespace);
+		const roving = useRovingFocus(() => nested.visibleItems().map((item) => ({
+			id: item.id,
+			el: item.el,
+			disabled: toRef(() => toValue(item.disabled))
+		})), { orientation: "vertical" });
+		provideTreeviewList(__props.namespace, roving);
+		function onFocusin(e) {
+			const target = e.target;
+			if (target.getAttribute("role") !== "treeitem") return;
+			const match = nested.visibleItems().find((item) => toValue(item.el) === target);
+			if (match && roving.focusedId.value !== match.id) roving.focusedId.value = match.id;
+		}
+		function expandable(ticket) {
+			if (!ticket) return false;
+			return (toValue(ticket.el)?.hasAttribute("aria-expanded") ?? false) || !toValue(ticket.isLeaf);
+		}
+		function isRtl(e) {
+			if (!IN_BROWSER) return false;
+			const el = e.currentTarget;
+			return el ? getComputedStyle(el).direction === "rtl" : false;
+		}
+		function openOrChild(ticket) {
+			if (expandable(ticket) && !toValue(ticket.isOpen)) nested.open(ticket.id);
+			else if (toValue(ticket.isOpen)) {
+				const childIds = nested.children.get(ticket.id);
+				if (childIds?.length) roving.focus(childIds[0]);
+			}
+		}
+		function closeOrParent(ticket) {
+			if (toValue(ticket.isOpen) && expandable(ticket)) nested.close(ticket.id);
+			else if (!/* @__PURE__ */ isNullOrUndefined(ticket.parentId)) roving.focus(ticket.parentId);
+		}
+		function onKeydown(e) {
+			const id = roving.focusedId.value;
+			const ticket = /* @__PURE__ */ isNullOrUndefined(id) ? void 0 : nested.get(id);
+			const rtl = isRtl(e);
+			switch (e.key) {
+				case "ArrowUp":
+					e.preventDefault();
+					roving.prev();
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					roving.next();
+					break;
+				case "ArrowRight":
+					e.preventDefault();
+					if (!ticket) break;
+					if (rtl) closeOrParent(ticket);
+					else openOrChild(ticket);
+					break;
+				case "ArrowLeft":
+					e.preventDefault();
+					if (!ticket) break;
+					if (rtl) openOrChild(ticket);
+					else closeOrParent(ticket);
+					break;
+				case "Home":
+					e.preventDefault();
+					roving.first();
+					break;
+				case "End":
+					e.preventDefault();
+					roving.last();
+					break;
+				case "Enter":
+					e.preventDefault();
+					if (ticket) {
+						if (expandable(ticket)) nested.flip(ticket.id);
+						nested.activate(ticket.id);
+					}
+					break;
+				case " ":
+					e.preventDefault();
+					if (ticket) nested.toggle(ticket.id);
+					break;
+				case "*":
+					e.preventDefault();
+					if (ticket) {
+						const sibs = nested.siblings(ticket.id);
+						for (const sibId of sibs) if (expandable(nested.get(sibId))) nested.open(sibId);
+					}
+					break;
+			}
+		}
+		const slotProps = toRef(() => ({ attrs: {
+			"role": "tree",
+			"aria-multiselectable": __props.multiselectable ?? nested.multiple,
+			"aria-label": __props.label || void 0,
+			onKeydown,
+			onFocusin
+		} }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewItem.vue
+const [useTreeviewItem, provideTreeviewItem] = createContext({ suffix: "item" });
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewItem",
+	__name: "TreeviewItem",
+	props: {
+		id: {},
+		value: {},
+		disabled: {},
+		namespace: { default: "v0:treeview" },
+		as: { default: "li" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const nested = useTreeviewRoot(__props.namespace);
+		const rootRef = useTemplateRef("root");
+		const el = toRef(() => rootRef.value?.element ?? void 0);
+		const parentId = useTreeviewItem(__props.namespace, null)?.ticket.id;
+		const ticket = nested.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			parentId,
+			el
+		});
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(nested.disabled));
+		const hasContent = shallowRef(false);
+		const roving = useTreeviewList(__props.namespace, null);
+		onBeforeUnmount(() => nested.unregister(ticket.id));
+		provideTreeviewItem(__props.namespace, {
+			ticket,
+			isDisabled,
+			hasContent
+		});
+		const slotProps = toRef(() => ({
+			id: ticket.id,
+			value: __props.value,
+			isSelected: toValue(ticket.isSelected),
+			isMixed: toValue(ticket.isMixed),
+			isDisabled: toValue(isDisabled),
+			isOpen: toValue(ticket.isOpen),
+			isActive: toValue(ticket.isActive),
+			isLeaf: toValue(ticket.isLeaf),
+			depth: toValue(ticket.depth),
+			select: ticket.select,
+			unselect: ticket.unselect,
+			toggle: ticket.toggle,
+			flip: ticket.flip,
+			open: ticket.open,
+			close: ticket.close,
+			activate: ticket.activate,
+			deactivate: ticket.deactivate
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), {
+				ref: "root",
+				"aria-disabled": slotProps.value.isDisabled || void 0,
+				"aria-expanded": hasContent.value ? slotProps.value.isOpen : void 0,
+				"aria-level": slotProps.value.depth + 1,
+				"aria-posinset": unref(ticket).position(),
+				"aria-selected": slotProps.value.isSelected,
+				"aria-setsize": unref(ticket).siblings().length,
+				as: __props.as,
+				"data-active": slotProps.value.isActive || void 0,
+				"data-disabled": slotProps.value.isDisabled || void 0,
+				"data-open": slotProps.value.isOpen || void 0,
+				"data-selected": slotProps.value.isSelected || void 0,
+				renderless: __props.renderless,
+				role: "treeitem",
+				style: normalizeStyle({ "--v0-treeview-depth": slotProps.value.depth }),
+				tabindex: unref(roving) ? unref(roving).isTabbable(unref(ticket).id) ? 0 : -1 : void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, [
+				"aria-disabled",
+				"aria-expanded",
+				"aria-level",
+				"aria-posinset",
+				"aria-selected",
+				"aria-setsize",
+				"as",
+				"data-active",
+				"data-disabled",
+				"data-open",
+				"data-selected",
+				"renderless",
+				"style",
+				"tabindex"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Treeview/TreeviewActivator.vue
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewActivator",
+	__name: "TreeviewActivator",
+	props: {
+		namespace: { default: "v0:treeview" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const item = useTreeviewItem(__props.namespace);
+		const slotProps = toRef(() => ({
+			isOpen: toValue(item.ticket.isOpen),
+			isLeaf: toValue(item.ticket.isLeaf),
+			isDisabled: item.isDisabled.value,
+			flip: item.ticket.flip,
+			attrs: {
+				"role": __props.as === "button" ? void 0 : "button",
+				"tabindex": -1,
+				"aria-disabled": item.isDisabled.value || void 0,
+				"data-disabled": item.isDisabled.value || void 0,
+				"data-open": toValue(item.ticket.isOpen) || void 0,
+				"disabled": __props.as === "button" ? item.isDisabled.value : void 0,
+				"type": __props.as === "button" ? "button" : void 0,
+				"onClick": item.ticket.flip
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewCheckbox.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewCheckbox",
+	__name: "TreeviewCheckbox",
+	props: {
+		namespace: { default: "v0:treeview" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const item = useTreeviewItem(__props.namespace);
+		const slotProps = toRef(() => ({
+			isSelected: toValue(item.ticket.isSelected),
+			isMixed: toValue(item.ticket.isMixed),
+			isDisabled: item.isDisabled.value,
+			toggle: item.ticket.toggle,
+			select: item.ticket.select,
+			unselect: item.ticket.unselect,
+			attrs: {
+				"role": "checkbox",
+				"aria-checked": toValue(item.ticket.isMixed) ? "mixed" : toValue(item.ticket.isSelected),
+				"aria-disabled": item.isDisabled.value || void 0,
+				"tabindex": -1,
+				"data-selected": toValue(item.ticket.isSelected) || void 0,
+				"data-disabled": item.isDisabled.value || void 0,
+				"data-mixed": toValue(item.ticket.isMixed) || void 0,
+				"onClick": item.ticket.toggle
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewContent.vue
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewContent",
+	__name: "TreeviewContent",
+	props: { namespace: { default: "v0:treeview" } },
+	setup(__props) {
+		const item = useTreeviewItem(__props.namespace);
+		item.hasContent.value = true;
+		onDeactivated(() => {
+			item.hasContent.value = false;
+		});
+		onActivated(() => {
+			item.hasContent.value = true;
+		});
+		onBeforeUnmount(() => {
+			item.hasContent.value = false;
+		});
+		return (_ctx, _cache) => {
+			return toValue(unref(item).ticket.isOpen) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				isOpen: toValue(unref(item).ticket.isOpen)
+			}) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/Treeview/TreeviewCue.vue
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewCue",
+	__name: "TreeviewCue",
+	props: {
+		namespace: { default: "v0:treeview" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const item = useTreeviewItem(__props.namespace);
+		const isOpen = toRef(() => toValue(item.ticket.isOpen));
+		const state = toRef(() => isOpen.value ? "open" : "closed");
+		const slotProps = toRef(() => ({
+			isOpen: isOpen.value,
+			isLeaf: !item.hasContent.value,
+			attrs: {
+				"aria-hidden": true,
+				"data-state": state.value,
+				"style": { visibility: item.hasContent.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewGroup.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewGroup",
+	__name: "TreeviewGroup",
+	props: {
+		as: { default: "ul" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const slotProps = toRef(() => ({ attrs: { role: "group" } }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewIndicator.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	name: "TreeviewIndicator",
+	__name: "TreeviewIndicator",
+	props: {
+		namespace: { default: "v0:treeview" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const item = useTreeviewItem(__props.namespace);
+		const isSelected = toRef(() => toValue(item.ticket.isSelected));
+		const isMixed = toRef(() => toValue(item.ticket.isMixed));
+		const isVisible = toRef(() => isSelected.value || isMixed.value);
+		const state = toRef(() => isMixed.value ? "indeterminate" : isSelected.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isSelected: isSelected.value,
+			isMixed: isMixed.value,
+			attrs: {
+				"aria-hidden": true,
+				"data-state": state.value,
+				"style": { visibility: isVisible.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/TreeviewSelectAll.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "TreeviewSelectAll",
+	__name: "TreeviewSelectAll",
+	props: {
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		namespace: { default: "v0:treeview" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const nested = useTreeviewRoot(__props.namespace);
+		const isAllSelected = toRef(() => nested.isAllSelected.value);
+		const isMixed = toRef(() => nested.isMixed.value);
+		const isDisabled = toRef(() => __props.disabled || toValue(nested.disabled));
+		const state = toRef(() => isMixed.value ? "indeterminate" : isAllSelected.value ? "checked" : "unchecked");
+		function onClick() {
+			if (isDisabled.value) return;
+			nested.toggleAll();
+		}
+		function onKeydown(e) {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			e.preventDefault();
+			if (isDisabled.value) return;
+			nested.toggleAll();
+		}
+		function noop() {}
+		const empty = [];
+		provideTreeviewItem(__props.namespace, {
+			ticket: {
+				id: "__select-all__",
+				index: -1,
+				value: void 0,
+				valueIsIndex: false,
+				unregister: noop,
+				disabled: isDisabled,
+				isSelected: isAllSelected,
+				select: nested.selectAll,
+				unselect: nested.unselectAll,
+				toggle: nested.toggleAll,
+				isMixed,
+				mix: noop,
+				unmix: noop,
+				el: void 0,
+				parentId: void 0,
+				isOpen: shallowRef(false),
+				isActive: shallowRef(false),
+				isLeaf: shallowRef(true),
+				depth: shallowRef(0),
+				open: noop,
+				close: noop,
+				flip: noop,
+				reveal: noop,
+				activate: noop,
+				deactivate: noop,
+				getPath: () => [],
+				getAncestors: () => [],
+				getDescendants: () => [],
+				isAncestorOf: () => false,
+				hasAncestor: () => false,
+				siblings: () => empty,
+				position: () => 0
+			},
+			isDisabled,
+			hasContent: shallowRef(false)
+		});
+		const slotProps = toRef(() => ({
+			label: __props.label,
+			isAllSelected: isAllSelected.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			selectAll: nested.selectAll,
+			unselectAll: nested.unselectAll,
+			toggleAll: nested.toggleAll,
+			attrs: {
+				"role": "checkbox",
+				"aria-checked": isMixed.value ? "mixed" : isAllSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": state.value,
+				"data-disabled": isDisabled.value ? true : void 0,
+				"onClick": onClick,
+				"onKeydown": onKeydown
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$104), 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/Treeview/index.ts
+/**
+* Treeview component with sub-components for hierarchical data.
+*
+* @see https://0.vuetifyjs.com/components/treeview
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Treeview } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Treeview.Root>
+*     <Treeview.List>
+*       <Treeview.Item>
+*         <Treeview.Activator>Documents</Treeview.Activator>
+*         <Treeview.Content>
+*           <Treeview.Group>
+*             <Treeview.Item>
+*               <Treeview.Activator>Resume.pdf</Treeview.Activator>
+*             </Treeview.Item>
+*           </Treeview.Group>
+*         </Treeview.Content>
+*       </Treeview.Item>
+*     </Treeview.List>
+*   </Treeview.Root>
+* </template>
+* ```
+*/
+const Treeview = {
+	Root: _sfc_main$9,
+	List: _sfc_main$8,
+	Item: _sfc_main$7,
+	Activator: _sfc_main$6,
+	Content: _sfc_main$4,
+	Cue: _sfc_main$3,
+	Group: _sfc_main$2,
+	Checkbox: _sfc_main$5,
+	Indicator: _sfc_main$1,
+	SelectAll: _sfc_main
 };
 //#endregion
-export { Selection as $, _sfc_main$57 as $t, _sfc_main$14 as A, _sfc_main$75 as An, Pagination as At, _sfc_main$21 as B, _sfc_main$82 as Bn, providePaginationItems as Bt, _sfc_main$12 as C, Checkbox as Cn, useRadioGroup as Ct, provideSwitchGroup as D, _sfc_main$74 as Dn, _sfc_main$44 as Dt, _sfc_main$13 as E, _sfc_main$73 as En, _sfc_main$43 as Et, Slider as F, _sfc_main$77 as Fn, _sfc_main$49 as Ft, _sfc_main$23 as G, _sfc_main$84 as Gn, Input as Gt, useSliderRoot as H, useBreadcrumbsRoot as Hn, usePaginationControls as Ht, _sfc_main$17 as I, _sfc_main$78 as In, _sfc_main$50 as It, useSnackbarRootContext as J, useAvatarRoot as Jn, _sfc_main$55 as Jt, _sfc_main$24 as K, _sfc_main$85 as Kn, _sfc_main$53 as Kt, _sfc_main$18 as L, _sfc_main$79 as Ln, _sfc_main$51 as Lt, _sfc_main$16 as M, useCheckboxGroup as Mn, _sfc_main$46 as Mt, provideSplitterRoot as N, Breadcrumbs as Nn, _sfc_main$47 as Nt, useSwitchGroup as O, provideCheckboxRoot as On, providePopoverContext as Ot, useSplitterRoot as P, _sfc_main$76 as Pn, _sfc_main$48 as Pt, _sfc_main$26 as Q, Group as Qt, _sfc_main$19 as R, _sfc_main$80 as Rn, _sfc_main$52 as Rt, _sfc_main$11 as S, useDialogContext as Sn, provideRadioGroup as St, useSwitchRoot as T, _sfc_main$72 as Tn, _sfc_main$42 as Tt, Snackbar as U, Avatar as Un, usePaginationItems as Ut, provideSliderRoot as V, provideBreadcrumbsRoot as Vn, providePaginationRoot as Vt, _sfc_main$22 as W, _sfc_main$83 as Wn, usePaginationRoot as Wt, provideSnackbarQueueContext as X, provideInputRoot as Xt, _sfc_main$25 as Y, _sfc_main$86 as Yn, _sfc_main$56 as Yt, useSnackbarQueueContext as Z, useInputRoot as Zt, useSingleRoot as _, _sfc_main$67 as _n, _sfc_main$39 as _t, _sfc_main$3 as a, _sfc_main$60 as an, _sfc_main$29 as at, _sfc_main$9 as b, _sfc_main$70 as bn, useRadioRoot as bt, Step as c, _sfc_main$63 as cn, _sfc_main$32 as ct, provideStepRoot as d, _sfc_main$64 as dn, _sfc_main$35 as dt, _sfc_main$58 as en, _sfc_main$27 as et, useStepRoot as f, provideExpansionPanelRoot as fn, provideSelectContext as ft, provideSingleRoot as g, _sfc_main$66 as gn, _sfc_main$38 as gt, _sfc_main$7 as h, _sfc_main$65 as hn, Radio as ht, _sfc_main$2 as i, ExpansionPanel as in, Select as it, _sfc_main$15 as j, provideCheckboxGroup as jn, _sfc_main$45 as jt, Splitter as k, useCheckboxRoot as kn, usePopoverContext as kt, _sfc_main$4 as l, provideExpansionPanelItem as ln, _sfc_main$33 as lt, _sfc_main$6 as m, Dialog as mn, _sfc_main$37 as mt, _sfc_main as n, useGroupRoot as nn, provideSelectionRoot as nt, provideTabsRoot as o, _sfc_main$61 as on, _sfc_main$30 as ot, Single as p, useExpansionPanelRoot as pn, useSelectContext as pt, provideSnackbarRootContext as q, provideAvatarRoot as qn, _sfc_main$54 as qt, _sfc_main$1 as r, _sfc_main$59 as rn, useSelectionRoot as rt, useTabsRoot as s, _sfc_main$62 as sn, _sfc_main$31 as st, Tabs as t, provideGroupRoot as tn, _sfc_main$28 as tt, _sfc_main$5 as u, useExpansionPanelItem as un, _sfc_main$34 as ut, Switch as v, _sfc_main$68 as vn, _sfc_main$40 as vt, provideSwitchRoot as w, _sfc_main$71 as wn, Popover as wt, _sfc_main$10 as x, provideDialogContext as xn, _sfc_main$41 as xt, _sfc_main$8 as y, _sfc_main$69 as yn, provideRadioRoot as yt, _sfc_main$20 as z, _sfc_main$81 as zn, providePaginationControls as zt };
+export { Slider as $, _sfc_main$88 as $n, _sfc_main$60 as $t, useStepRoot as A, _sfc_main$76 as An, provideSelectContext as At, _sfc_main$22 as B, provideDialogContext as Bn, provideRadioGroup as Bt, _sfc_main$14 as C, ExpansionPanel as Cn, provideAvatarRoot as Cr, _sfc_main$40 as Ct, _sfc_main$15 as D, _sfc_main$75 as Dn, _sfc_main$44 as Dt, Step as E, _sfc_main$74 as En, _sfc_main$43 as Et, useSingleRoot as F, _sfc_main$78 as Fn, _sfc_main$50 as Ft, provideSwitchGroup as G, _sfc_main$85 as Gn, _sfc_main$55 as Gt, provideSwitchRoot as H, Checkbox as Hn, Popover as Ht, Switch as I, _sfc_main$79 as In, _sfc_main$51 as It, _sfc_main$25 as J, useCheckboxRoot as Jn, Pagination as Jt, useSwitchGroup as K, _sfc_main$86 as Kn, providePopoverContext as Kt, _sfc_main$19 as L, _sfc_main$80 as Ln, provideRadioRoot as Lt, _sfc_main$17 as M, useExpansionPanelRoot as Mn, _sfc_main$48 as Mt, _sfc_main$18 as N, Dialog as Nn, Radio as Nt, _sfc_main$16 as O, provideExpansionPanelItem as On, _sfc_main$45 as Ot, provideSingleRoot as P, _sfc_main$77 as Pn, _sfc_main$49 as Pt, useSplitterRoot as Q, Button as Qn, _sfc_main$59 as Qt, _sfc_main$20 as R, _sfc_main$81 as Rn, useRadioRoot as Rt, _sfc_main$13 as S, _sfc_main$71 as Sn, _sfc_main$103 as Sr, Select as St, useTabsRoot as T, _sfc_main$73 as Tn, _sfc_main$104 as Tr, _sfc_main$42 as Tt, useSwitchRoot as U, _sfc_main$83 as Un, _sfc_main$53 as Ut, _sfc_main$23 as V, useDialogContext as Vn, useRadioGroup as Vt, _sfc_main$24 as W, _sfc_main$84 as Wn, _sfc_main$54 as Wt, _sfc_main$27 as X, provideCheckboxGroup as Xn, _sfc_main$57 as Xt, _sfc_main$26 as Y, _sfc_main$87 as Yn, _sfc_main$56 as Yt, provideSplitterRoot as Z, useCheckboxGroup as Zn, _sfc_main$58 as Zt, useTreeviewRoot as _, Group as _n, provideBreadcrumbsRoot as _r, Selection as _t, _sfc_main$3 as a, providePaginationRoot as an, _sfc_main$92 as ar, provideSliderRoot as at, _sfc_main$11 as b, provideGroupRoot as bn, _sfc_main$101 as br, provideSelectionRoot as bt, _sfc_main$6 as c, usePaginationRoot as cn, useButtonGroup as cr, _sfc_main$33 as ct, useTreeviewItem as d, _sfc_main$65 as dn, _sfc_main$95 as dr, provideSnackbarRootContext as dt, _sfc_main$61 as en, _sfc_main$89 as er, _sfc_main$28 as et, _sfc_main$8 as f, _sfc_main$66 as fn, _sfc_main$96 as fr, useSnackbarRootContext as ft, provideTreeviewRoot as g, useInputRoot as gn, _sfc_main$100 as gr, _sfc_main$37 as gt, _sfc_main$9 as h, provideInputRoot as hn, _sfc_main$99 as hr, useSnackbarQueueContext as ht, _sfc_main$2 as i, providePaginationItems as in, useButtonRoot as ir, _sfc_main$32 as it, Single as j, provideExpansionPanelRoot as jn, useSelectContext as jt, provideStepRoot as k, useExpansionPanelItem as kn, _sfc_main$46 as kt, _sfc_main$7 as l, _sfc_main$64 as ln, Breadcrumbs as lr, _sfc_main$34 as lt, useTreeviewList as m, _sfc_main$68 as mn, _sfc_main$98 as mr, provideSnackbarQueueContext as mt, _sfc_main as n, _sfc_main$63 as nn, _sfc_main$91 as nr, _sfc_main$30 as nt, _sfc_main$4 as o, usePaginationControls as on, _sfc_main$93 as or, useSliderRoot as ot, provideTreeviewList as p, _sfc_main$67 as pn, _sfc_main$97 as pr, _sfc_main$36 as pt, Splitter as q, provideCheckboxRoot as qn, usePopoverContext as qt, _sfc_main$1 as r, providePaginationControls as rn, provideButtonRoot as rr, _sfc_main$31 as rt, _sfc_main$5 as s, usePaginationItems as sn, provideButtonGroup as sr, Snackbar as st, Treeview as t, _sfc_main$62 as tn, _sfc_main$90 as tr, _sfc_main$29 as tt, provideTreeviewItem as u, Input as un, _sfc_main$94 as ur, _sfc_main$35 as ut, _sfc_main$10 as v, _sfc_main$69 as vn, useBreadcrumbsRoot as vr, _sfc_main$38 as vt, provideTabsRoot as w, _sfc_main$72 as wn, useAvatarRoot as wr, _sfc_main$41 as wt, _sfc_main$12 as x, useGroupRoot as xn, _sfc_main$102 as xr, useSelectionRoot as xt, Tabs as y, _sfc_main$70 as yn, Avatar as yr, _sfc_main$39 as yt, _sfc_main$21 as z, _sfc_main$82 as zn, _sfc_main$52 as zt };