@vuetify/v0 0.1.8 → 0.1.10

package/dist/browser/index.js

@@ -81,7 +81,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "0.1.8";
+const version = "0.1.10";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -397,6 +397,7 @@ function mergeDeep(target, ...sources) {
 		if (UNSAFE_KEYS.has(key)) continue;
 		if (!Object.prototype.hasOwnProperty.call(source, key)) continue;
 		const sourceValue = source[key];
+		if (/* @__PURE__ */ isUndefined(sourceValue)) continue;
 		const targetValue = target[key];
 		if (/* @__PURE__ */ isObject(sourceValue)) {
 			if (!/* @__PURE__ */ isObject(targetValue)) Object.assign(target, { [key]: {} });
@@ -468,36 +469,6 @@ function clamp(value, min = 0, max = 1) {
 function range(length, start = 0) {
 	return Array.from({ length }, (_, index) => start + index);
 }
-/**
-* Debounces a function call by the specified delay
-*
-* @param fn The function to debounce
-* @param delay The delay in milliseconds
-* @returns A debounced function with clear and immediate methods
-*
-* @example
-* ```ts
-* const debouncedFn = debounce(() => console.log('called'), 500)
-* debouncedFn()        // Will call after 500ms
-* debouncedFn.clear()  // Cancel pending call
-* debouncedFn.immediate() // Call immediately
-* ```
-*/
-function debounce(fn, delay) {
-	let timeoutId;
-	function debounced(...args) {
-		if (!/* @__PURE__ */ isUndefined(timeoutId)) clearTimeout(timeoutId);
-		timeoutId = setTimeout(() => fn(...args), delay);
-	}
-	debounced.clear = () => {
-		if (!/* @__PURE__ */ isUndefined(timeoutId)) clearTimeout(timeoutId);
-	};
-	debounced.immediate = (...args) => {
-		debounced.clear();
-		fn(...args);
-	};
-	return debounced;
-}
 //#endregion
 //#region src/components/Atom/Atom.vue
 /**
@@ -1203,7 +1174,7 @@ function createRegistry(options) {
 	function get(id) {
 		return collection.get(id);
 	}
-	function upsert(id, patch = {}) {
+	function upsert(id, patch = {}, event) {
 		const existing = get(id);
 		if (!existing) return register({
 			...patch,
@@ -1238,6 +1209,7 @@ function createRegistry(options) {
 		collection.set(id, updated);
 		invalidate();
 		emit("update:ticket", updated);
+		if (event) emit(event, id);
 		return updated;
 	}
 	function browse(value) {
@@ -1377,10 +1349,10 @@ function createRegistry(options) {
 		unassign(ticket.value, ticket.id);
 		const willReindex = indexDependentCount > 0 && ticket.index < collection.size;
 		if (!willReindex) invalidate();
-		emit("unregister:ticket", ticket);
 		minDirtyIndex = Math.min(minDirtyIndex, ticket.index);
 		if (willReindex) reindex();
 		else needsReindex = true;
+		emit("unregister:ticket", ticket);
 	}
 	function offboard(ids) {
 		batch(() => {
@@ -2153,10 +2125,10 @@ function createSingle(_options = {}) {
 		mandatory,
 		multiple
 	});
-	const selectedId = computed(() => registry.selectedIds.values().next().value);
-	const selectedItem = computed(() => registry.selectedItems.value.values().next().value);
-	const selectedIndex = computed(() => selectedItem.value?.index ?? -1);
-	const selectedValue = computed(() => selectedItem.value?.value);
+	const selectedId = toRef(() => registry.selectedIds.values().next().value);
+	const selectedItem = toRef(() => registry.selectedItems.value.values().next().value);
+	const selectedIndex = toRef(() => selectedItem.value?.index ?? -1);
+	const selectedValue = toRef(() => selectedItem.value?.value);
 	function unselect(id) {
 		registry.unselect(id);
 	}
@@ -3428,7 +3400,7 @@ function createTokens(tokens = {}, options = {}) {
 		cache.set(cacheKey, result);
 		return result;
 	}
-	const { register: _register, upsert: _upsert, unregister: _unregister } = registry;
+	const { register: _register, upsert: _upsert, unregister: _unregister, onboard: _onboard, offboard: _offboard, move: _move, clear: _clear } = registry;
 	function register(registration) {
 		cache.clear();
 		return _register(registration);
@@ -3441,11 +3413,31 @@ function createTokens(tokens = {}, options = {}) {
 		cache.clear();
 		return _unregister(id);
 	}
+	function onboard(registrations) {
+		cache.clear();
+		return _onboard(registrations);
+	}
+	function offboard(ids) {
+		cache.clear();
+		return _offboard(ids);
+	}
+	function move(id, index) {
+		cache.clear();
+		return _move(id, index);
+	}
+	function clear() {
+		cache.clear();
+		return _clear();
+	}
 	return {
 		...registry,
 		register,
 		upsert,
 		unregister,
+		onboard,
+		offboard,
+		move,
+		clear,
 		resolve,
 		isAlias,
 		get size() {
@@ -3586,33 +3578,60 @@ function flatten(tokens, prefix = "", flat = false) {
 //#endregion
 //#region src/composables/useLocale/adapters/v0.ts
 /**
-* Vuetify0.x locale adapter implementation
+* Default locale adapter for @vuetify/v0.
 *
-* This adapter provides translation and number formatting
-* capabilities using the Intl API and supports both
-* numbered ({0}, {1}) and named ({name}) variables in translation strings.
+* Handles the full translation pipeline: key lookup via tokens,
+* fallback chain, token reference resolution, and placeholder interpolation.
 */
 var Vuetify0LocaleAdapter = class {
-	t(message, ...params) {
-		let resolvedMessage = message;
-		if (params.length > 0 && /* @__PURE__ */ isObject(params[0])) {
-			const variables = params[0];
-			resolvedMessage = resolvedMessage.replace(/{([a-zA-Z][a-zA-Z0-9_]*)}/g, (match, name) => {
+	context;
+	constructor(context) {
+		this.context = context;
+	}
+	t(key, ...params) {
+		const locale = this.context.selectedId.value;
+		if (!locale) return this.interpolate(key, params);
+		const message = this.context.tokens.get(`${locale}.${key}`)?.value;
+		if (/* @__PURE__ */ isString(message)) return this.interpolate(this.resolve(locale, message), params);
+		if (this.context.fallbackLocale) {
+			const fbMessage = this.context.tokens.get(`${this.context.fallbackLocale}.${key}`)?.value;
+			if (/* @__PURE__ */ isString(fbMessage)) return this.interpolate(this.resolve(this.context.fallbackLocale, fbMessage), params);
+		}
+		return this.interpolate(key, params);
+	}
+	n(value) {
+		const locale = this.context.selectedId.value;
+		if (!IN_BROWSER || !locale) return value.toString();
+		return new Intl.NumberFormat(String(locale)).format(value);
+	}
+	resolve(locale, str, visited = /* @__PURE__ */ new Set()) {
+		return str.replace(/{([a-zA-Z0-9.\-_]+)}/g, (match, key) => {
+			const [prefix, ...rest] = key.split(".");
+			const target = this.context.has(prefix) ? prefix : locale;
+			const path = `${target}.${this.context.has(prefix) ? rest.join(".") : key}`;
+			if (visited.has(path)) return match;
+			visited.add(path);
+			const resolved = this.context.tokens.get(path)?.value;
+			if (/* @__PURE__ */ isString(resolved)) return this.resolve(target, resolved, visited);
+			return match;
+		});
+	}
+	interpolate(message, args) {
+		let result = message;
+		let rest = args;
+		if (rest.length > 0 && /* @__PURE__ */ isObject(rest[0])) {
+			const variables = rest[0];
+			result = result.replace(/{([a-zA-Z][a-zA-Z0-9_]*)}/g, (match, name) => {
 				return /* @__PURE__ */ isUndefined(variables[name]) ? match : String(variables[name]);
 			});
-			params = params.slice(1);
+			rest = rest.slice(1);
 		}
-		resolvedMessage = resolvedMessage.replace(/\{(\d+)\}/g, (match, index) => {
-			const idx = Number.parseInt(index, 10);
-			if (!/* @__PURE__ */ isUndefined(params[idx])) return String(params[idx]);
+		result = result.replace(/\{(\d+)\}/g, (match, index) => {
+			const i = Number.parseInt(index, 10);
+			if (!/* @__PURE__ */ isUndefined(rest[i])) return String(rest[i]);
 			return match;
 		});
-		return resolvedMessage;
-	}
-	n(value, locale, ...params) {
-		if (!IN_BROWSER || !locale) return value.toString();
-		const options = params[0];
-		return new Intl.NumberFormat(String(locale), options).format(value);
+		return result;
 	}
 };
 //#endregion
@@ -3643,45 +3662,35 @@ var Vuetify0LocaleAdapter = class {
 * @see https://0.vuetifyjs.com/composables/plugins/use-locale
 */
 function createLocale(_options = {}) {
-	const { adapter = new Vuetify0LocaleAdapter(), messages = {}, fallback: fallbackLocale, ...options } = _options;
+	const { adapter: externalAdapter, messages = {}, fallback: fallbackLocale, ...options } = _options;
 	const tokens = createTokens(messages);
 	const registry = createSingle(options);
 	for (const id in messages) {
 		registry.register({ id });
 		if (id === options.default && !registry.selectedId.value) registry.select(id);
 	}
-	function t(key, params, fallback) {
-		const locale = registry.selectedId.value;
-		const args = toArray(params);
-		if (!locale) return adapter.t(fallback ?? key, ...args);
-		const path = `${locale}.${key}`;
-		const message = tokens.get(path)?.value;
-		if (/* @__PURE__ */ isString(message)) return adapter.t(resolve(locale, message), ...args);
-		if (fallbackLocale) {
-			const fbMessage = tokens.get(`${fallbackLocale}.${key}`)?.value;
-			if (/* @__PURE__ */ isString(fbMessage)) return adapter.t(resolve(fallbackLocale, fbMessage), ...args);
-		}
-		return adapter.t(fallback ?? key, ...args);
+	const adapter = externalAdapter ?? new Vuetify0LocaleAdapter({
+		tokens,
+		selectedId: registry.selectedId,
+		fallbackLocale,
+		has: (id) => registry.has(id)
+	});
+	function t(key, ...params) {
+		return adapter.t(key, ...params);
 	}
-	function n(value, ...params) {
-		return adapter.n(value, registry.selectedId.value, ...params);
+	function n(value) {
+		return adapter.n(value);
 	}
-	function resolve(locale, str, visited = /* @__PURE__ */ new Set()) {
-		return str.replace(/{([a-zA-Z0-9.-_]+)}/g, (match, key) => {
-			const [prefix, ...rest] = key.split(".");
-			const target = registry.has(prefix) ? prefix : locale;
-			const path = `${target}.${registry.has(prefix) ? rest.join(".") : key}`;
-			if (visited.has(path)) return match;
-			visited.add(path);
-			const resolved = tokens.get(path)?.value;
-			if (/* @__PURE__ */ isString(resolved)) return resolve(target, resolved, visited);
-			return match;
-		});
+	function register(registration = {}) {
+		const { messages: msgs, ...rest } = registration;
+		if (msgs && rest.id && !registry.has(rest.id)) tokens.onboard(flatten({ [rest.id]: msgs }));
+		return registry.register(rest);
 	}
 	return {
 		...registry,
 		t,
 		n,
+		register,
 		get size() {
 			return registry.size;
 		}
@@ -3690,7 +3699,7 @@ function createLocale(_options = {}) {
 function createLocaleFallback() {
 	return {
 		size: 0,
-		t: (key, _params, fallback) => fallback ?? key,
+		t: (key) => key,
 		n: String
 	};
 }
@@ -3821,7 +3830,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			prev: breadcrumbs.prev,
 			select: breadcrumbs.select,
 			attrs: {
-				"aria-label": __props.label ?? locale.t("Breadcrumbs.label", void 0, "Breadcrumb"),
+				"aria-label": __props.label ?? locale.t("Breadcrumbs.label"),
 				"role": __props.as === "nav" ? void 0 : "navigation"
 			}
 		}));
@@ -4131,7 +4140,8 @@ function useProxyModel(context, model, options) {
 	const modelAsArray = transformIn(model);
 	const pending = new Set(modelAsArray);
 	context.apply(modelAsArray, applyOptions);
-	for (const value of modelAsArray) if (Array.from(context.selectedValues.value).includes(value)) pending.delete(value);
+	const selected = new Set(context.selectedValues.value);
+	for (const value of modelAsArray) if (selected.has(value)) pending.delete(value);
 	const contextWatch = watch(context.selectedValues, (val) => {
 		modelWatch.pause();
 		model.value = transformOut(Array.from(toValue(val)));
@@ -4165,18 +4175,18 @@ function useProxyModel(context, model, options) {
 	return stop;
 }
 //#endregion
-//#region src/components/Checkbox/CheckboxGroup.vue
-const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
-	name: "CheckboxGroup",
-	__name: "CheckboxGroup",
+//#region src/components/Button/ButtonGroup.vue
+const [useButtonGroup, provideButtonGroup] = createContext();
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	name: "ButtonGroup",
+	__name: "ButtonGroup",
 	props: /* @__PURE__ */ mergeModels({
-		namespace: { default: "v0:checkbox:group" },
+		namespace: { default: "v0:button:group" },
 		disabled: {
 			type: Boolean,
 			default: false
 		},
-		enroll: {
+		multiple: {
 			type: Boolean,
 			default: false
 		},
@@ -4196,25 +4206,16 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
-		const group = createGroup({
+		const selection = createSelection({
 			disabled: toRef(() => __props.disabled),
-			enroll: __props.enroll,
+			multiple: toRef(() => __props.multiple),
 			mandatory: __props.mandatory,
 			events: true
 		});
-		useProxyModel(group, model, { multiple: true });
-		provideCheckboxGroup(__props.namespace, group);
+		useProxyModel(selection, model, { multiple: toRef(() => __props.multiple) });
+		provideButtonGroup(__props.namespace, selection);
 		const slotProps = toRef(() => ({
-			isDisabled: toValue(group.disabled),
-			isNoneSelected: group.isNoneSelected.value,
-			isAllSelected: group.isAllSelected.value,
-			isMixed: group.isMixed.value,
-			select: group.select,
-			unselect: group.unselect,
-			toggle: group.toggle,
-			selectAll: group.selectAll,
-			unselectAll: group.unselectAll,
-			toggleAll: group.toggleAll,
+			isDisabled: toValue(selection.disabled),
 			attrs: {
 				"role": "group",
 				"aria-label": __props.label || void 0,
@@ -4234,152 +4235,15 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/Checkbox/CheckboxRoot.vue
-const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
-	name: "CheckboxRoot",
-	inheritAttrs: false,
-	__name: "CheckboxRoot",
-	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => useId$1() },
-		label: {},
-		value: {},
-		name: {},
-		form: {},
-		disabled: { default: false },
-		indeterminate: { default: false },
-		namespace: { default: "v0:checkbox:root" },
-		groupNamespace: { default: "v0:checkbox:group" },
-		ariaLabelledby: {},
-		ariaDescribedby: {},
-		ariaInvalid: { type: Boolean },
-		as: { default: "button" },
-		renderless: { type: Boolean }
-	}, {
-		"modelValue": { type: Boolean },
-		"modelModifiers": {}
-	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
-	setup(__props) {
-		const attrs = useAttrs();
-		let group = null;
-		try {
-			group = useCheckboxGroup(__props.groupNamespace);
-		} catch {}
-		const model = useModel(__props, "modelValue");
-		const ticket = group?.register({
-			id: __props.id,
-			value: __props.value,
-			disabled: __props.disabled,
-			indeterminate: __props.indeterminate
-		});
-		const isChecked = toRef(() => ticket ? toValue(ticket.isSelected) : model.value ?? false);
-		const isMixed = toRef(() => ticket ? toValue(ticket.isMixed) : toValue(__props.indeterminate) ?? false);
-		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : toValue(__props.disabled) ?? false);
-		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
-		function toggle() {
-			if (isDisabled.value) return;
-			if (ticket) ticket.toggle();
-			else model.value = !model.value;
-		}
-		function select() {
-			if (isDisabled.value) return;
-			if (ticket) ticket.select();
-			else model.value = true;
-		}
-		function unselect() {
-			if (isDisabled.value) return;
-			if (ticket) ticket.unselect();
-			else model.value = false;
-		}
-		function mix() {
-			if (isDisabled.value || !ticket) return;
-			ticket.mix();
-		}
-		function unmix() {
-			if (isDisabled.value || !ticket) return;
-			ticket.unmix();
-		}
-		function onClick() {
-			toggle();
-		}
-		function onKeydown(e) {
-			if (e.key !== " ") return;
-			e.preventDefault();
-			toggle();
-		}
-		onUnmounted(() => {
-			if (!ticket || !group) return;
-			group.unregister(ticket.id);
-		});
-		const context = {
-			id: __props.id,
-			label: __props.label,
-			value: __props.value,
-			name: __props.name,
-			form: __props.form,
-			isChecked,
-			isMixed,
-			isDisabled,
-			select,
-			unselect,
-			toggle,
-			mix,
-			unmix
-		};
-		provideCheckboxRoot(__props.namespace, context);
-		const slotProps = toRef(() => ({
-			id: __props.id,
-			label: __props.label,
-			value: __props.value,
-			isChecked: isChecked.value,
-			isMixed: isMixed.value,
-			isDisabled: isDisabled.value,
-			select,
-			unselect,
-			toggle,
-			mix,
-			unmix,
-			attrs: {
-				"type": __props.as === "button" ? "button" : void 0,
-				"role": "checkbox",
-				"aria-checked": isMixed.value ? "mixed" : isChecked.value,
-				"aria-disabled": isDisabled.value || void 0,
-				"aria-label": __props.label || void 0,
-				"aria-labelledby": __props.ariaLabelledby || void 0,
-				"aria-describedby": __props.ariaDescribedby || void 0,
-				"aria-invalid": __props.ariaInvalid || void 0,
-				"tabindex": isDisabled.value ? void 0 : 0,
-				"data-state": dataState.value,
-				"data-disabled": isDisabled.value ? true : void 0
-			}
-		}));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
-				as: __props.as,
-				renderless: __props.renderless,
-				onClick,
-				onKeydown
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
-				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$12, { key: 0 })) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-//#endregion
-//#region src/components/Checkbox/CheckboxHiddenInput.vue
-const _hoisted_1$4 = [
+//#region src/components/Button/ButtonHiddenInput.vue
+const _hoisted_1$5 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle$3 = {
+const visuallyHiddenStyle$4 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -4390,80 +4254,698 @@ const visuallyHiddenStyle$3 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
-	name: "CheckboxHiddenInput",
-	__name: "CheckboxHiddenInput",
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	name: "ButtonHiddenInput",
+	__name: "ButtonHiddenInput",
 	props: {
-		namespace: { default: "v0:checkbox:root" },
+		namespace: { default: "v0:button:root" },
 		name: {},
 		value: {},
 		form: {}
 	},
 	setup(__props) {
-		const root = useCheckboxRoot(__props.namespace);
+		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__ */ isNullOrUndefined(v)) return "on";
 			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
 			return String(v);
 		});
-		const isChecked = root.isChecked;
+		const isSelected = root.isSelected;
 		const isDisabled = root.isDisabled;
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("input", {
-				checked: unref(isChecked),
+				checked: unref(isSelected),
 				disabled: unref(isDisabled),
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle$3,
+				style: visuallyHiddenStyle$4,
 				tabindex: "-1",
 				type: "checkbox",
 				value: value.value
-			}, null, 8, _hoisted_1$4);
+			}, null, 8, _hoisted_1$5);
 		};
 	}
 });
 //#endregion
-//#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
-	name: "CheckboxIndicator",
-	__name: "CheckboxIndicator",
-	props: {
-		namespace: { default: "v0:checkbox:root" },
-		as: { default: "span" },
-		renderless: { type: Boolean }
-	},
-	setup(__props) {
-		const root = useCheckboxRoot(__props.namespace);
-		const isChecked = toRef(() => toValue(root.isChecked));
-		const isMixed = toRef(() => toValue(root.isMixed));
-		const isVisible = toRef(() => isChecked.value || isMixed.value);
-		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
-		const slotProps = toRef(() => ({
-			isChecked: isChecked.value,
-			isMixed: isMixed.value,
-			attrs: {
-				"data-state": dataState.value,
-				"style": { visibility: isVisible.value ? "visible" : "hidden" }
-			}
-		}));
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main), mergeProps(slotProps.value.attrs, {
-				as: __props.as,
-				renderless: __props.renderless
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+//#region src/composables/useTimer/index.ts
+/**
+* @module useTimer
+*
+* @remarks
+* A reactive timer composable with pause/resume support.
+*
+* Key features:
+* - Start/stop/pause/resume controls
+* - Reactive remaining time tracking
+* - One-shot (default) or repeating mode
+* - Automatic cleanup on scope disposal
+* - SSR-safe
+*/
+/**
+* Creates a reactive timer with pause/resume support.
+*
+* @param handler Callback invoked when the timer fires.
+* @param options Timer configuration.
+* @returns Timer controls and reactive state.
+*
+* @see https://0.vuetifyjs.com/composables/system/use-timer
+*
+* @example
+* ```ts
+* const timer = useTimer(() => console.log('fired'), { duration: 5000 })
+*
+* timer.start()
+* timer.pause()
+* timer.resume()
+* timer.stop()
+* ```
+*/
+function useTimer(handler, options = {}) {
+	const { duration = 1e3, repeat = false } = options;
+	const remaining = shallowRef(duration);
+	const isActive = shallowRef(false);
+	const isPaused = shallowRef(false);
+	let timeoutId;
+	let trackingId;
+	let startedAt = 0;
+	let budget = duration;
+	function clearTimer() {
+		if (!/* @__PURE__ */ isUndefined(timeoutId)) {
+			globalThis.clearTimeout(timeoutId);
+			timeoutId = void 0;
+		}
+	}
+	function startTracking() {
+		stopTracking();
+		if (!IN_BROWSER) return;
+		trackingId = globalThis.setInterval(() => {
+			if (!isActive.value || isPaused.value) return;
+			const elapsed = Date.now() - startedAt;
+			remaining.value = Math.max(0, budget - elapsed);
+		}, 100);
+	}
+	function stopTracking() {
+		if (!/* @__PURE__ */ isUndefined(trackingId)) {
+			globalThis.clearInterval(trackingId);
+			trackingId = void 0;
+		}
+	}
+	function fire() {
+		clearTimer();
+		stopTracking();
+		handler();
+		if (repeat) begin(duration);
+		else {
+			isActive.value = false;
+			remaining.value = 0;
+		}
+	}
+	function begin(ms) {
+		clearTimer();
+		stopTracking();
+		budget = ms;
+		startedAt = Date.now();
+		remaining.value = ms;
+		isActive.value = true;
+		isPaused.value = false;
+		timeoutId = globalThis.setTimeout(fire, ms);
+		startTracking();
+	}
+	function start() {
+		if (duration < 0) return;
+		begin(duration);
+	}
+	function stop() {
+		clearTimer();
+		stopTracking();
+		isActive.value = false;
+		isPaused.value = false;
+		remaining.value = duration;
+	}
+	function pause() {
+		if (!isActive.value || isPaused.value) return;
+		const elapsed = Date.now() - startedAt;
+		budget = Math.max(0, budget - elapsed);
+		remaining.value = budget;
+		clearTimer();
+		stopTracking();
+		isPaused.value = true;
+	}
+	function resume() {
+		if (!isPaused.value) return;
+		isPaused.value = false;
+		startedAt = Date.now();
+		timeoutId = globalThis.setTimeout(fire, budget);
+		startTracking();
+	}
+	onScopeDispose(() => {
+		clearTimer();
+		stopTracking();
+	}, true);
+	return {
+		start,
+		stop,
+		pause,
+		resume,
+		remaining,
+		isActive,
+		isPaused
+	};
+}
+//#endregion
+//#region src/components/Button/ButtonRoot.vue
+const [useButtonRoot, provideButtonRoot] = createContext();
+const _sfc_main$16 = /* @__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": onClick
+		}));
+		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), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$13, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonContent.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "ButtonContent",
+	__name: "ButtonContent",
+	props: {
+		id: { default: () => useId$1() },
+		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$14 = /* @__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), 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/Checkbox/CheckboxSelectAll.vue
+//#region src/components/Button/ButtonLoading.vue
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+	name: "ButtonLoading",
+	__name: "ButtonLoading",
+	props: {
+		id: { default: () => useId$1() },
+		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$11,
+	Group: _sfc_main$12,
+	HiddenInput: _sfc_main$13,
+	Icon: _sfc_main$14,
+	Loading: _sfc_main$15,
+	Root: _sfc_main$16
+};
+//#endregion
+//#region src/components/Checkbox/CheckboxGroup.vue
+const [useCheckboxGroup, provideCheckboxGroup] = createContext();
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxGroup",
+	__name: "CheckboxGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:checkbox:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			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 group = createGroup({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(group, model, { multiple: true });
+		provideCheckboxGroup(__props.namespace, group);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(group.disabled),
+			isNoneSelected: group.isNoneSelected.value,
+			isAllSelected: group.isAllSelected.value,
+			isMixed: group.isMixed.value,
+			select: group.select,
+			unselect: group.unselect,
+			toggle: group.toggle,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			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), 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/Checkbox/CheckboxRoot.vue
+const [useCheckboxRoot, provideCheckboxRoot] = createContext();
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxRoot",
+	inheritAttrs: false,
+	__name: "CheckboxRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => useId$1() },
+		label: {},
+		value: {},
+		name: {},
+		form: {},
+		disabled: { default: false },
+		indeterminate: { default: false },
+		namespace: { default: "v0:checkbox:root" },
+		groupNamespace: { default: "v0:checkbox:group" },
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaInvalid: { type: Boolean },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useCheckboxGroup(__props.groupNamespace);
+		} catch {}
+		const model = useModel(__props, "modelValue");
+		const ticket = group?.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			indeterminate: __props.indeterminate
+		});
+		const isChecked = toRef(() => ticket ? toValue(ticket.isSelected) : model.value ?? false);
+		const isMixed = toRef(() => ticket ? toValue(ticket.isMixed) : toValue(__props.indeterminate) ?? false);
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : toValue(__props.disabled) ?? false);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		function toggle() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.toggle();
+			else model.value = !model.value;
+		}
+		function select() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.select();
+			else model.value = true;
+		}
+		function unselect() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.unselect();
+			else model.value = false;
+		}
+		function mix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.mix();
+		}
+		function unmix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.unmix();
+		}
+		function onClick() {
+			toggle();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			toggle();
+		}
+		onUnmounted(() => {
+			if (!ticket || !group) return;
+			group.unregister(ticket.id);
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isChecked,
+			isMixed,
+			isDisabled,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix
+		};
+		provideCheckboxRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"role": "checkbox",
+				"aria-checked": isMixed.value ? "mixed" : isChecked.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$18, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Checkbox/CheckboxHiddenInput.vue
+const _hoisted_1$4 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$3 = {
+	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$18 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxHiddenInput",
+	__name: "CheckboxHiddenInput",
+	props: {
+		namespace: { default: "v0:checkbox:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useCheckboxRoot(__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__ */ isNullOrUndefined(v)) return "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isChecked = root.isChecked;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isChecked),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle$3,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1$4);
+		};
+	}
+});
+//#endregion
+//#region src/components/Checkbox/CheckboxIndicator.vue
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxIndicator",
+	__name: "CheckboxIndicator",
+	props: {
+		namespace: { default: "v0:checkbox:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useCheckboxRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const isVisible = toRef(() => isChecked.value || isMixed.value);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: {
+				"data-state": dataState.value,
+				"style": { visibility: isVisible.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), 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/Checkbox/CheckboxSelectAll.vue
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -4573,16 +5055,16 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Checkbox = {
-	Group: _sfc_main$11,
-	HiddenInput: _sfc_main$12,
-	Indicator: _sfc_main$13,
-	Root: _sfc_main$14,
-	SelectAll: _sfc_main$15
+	Group: _sfc_main$17,
+	HiddenInput: _sfc_main$18,
+	Indicator: _sfc_main$19,
+	Root: _sfc_main$20,
+	SelectAll: _sfc_main$21
 };
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -4636,7 +5118,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -4729,10 +5211,10 @@ function createPagination(_options = {}) {
 		else if (value > pages.value) page.value = Math.max(1, pages.value);
 		else page.value = value;
 	}
-	const isFirst = computed(() => page.value <= 1);
-	const isLast = computed(() => page.value >= pages.value);
-	const pageStart = computed(() => (page.value - 1) * toValue(_itemsPerPage));
-	const pageStop = computed(() => Math.min(pageStart.value + toValue(_itemsPerPage), toValue(_size)));
+	const isFirst = toRef(() => page.value <= 1);
+	const isLast = toRef(() => page.value >= pages.value);
+	const pageStart = toRef(() => (page.value - 1) * toValue(_itemsPerPage));
+	const pageStop = toRef(() => Math.min(pageStart.value + toValue(_itemsPerPage), toValue(_size)));
 	function toPage(value) {
 		return {
 			type: "page",
@@ -5323,8 +5805,8 @@ function createDataTable(options) {
 		function setNone() {
 			group.unselect(key);
 			group.unmix(key);
-			const idx = order.indexOf(key);
-			if (idx !== -1) order.splice(idx, 1);
+			const index = order.indexOf(key);
+			if (index !== -1) order.splice(index, 1);
 		}
 		if (!isAsc && !isDesc) {
 			clearOthers();
@@ -5832,24 +6314,22 @@ function createBreakpoints(_options = {}) {
 	const mdAndUp = shallowRef(initialIndex >= 2);
 	const lgAndUp = shallowRef(initialIndex >= 3);
 	const xlAndUp = shallowRef(initialIndex >= 4);
-	const xxlAndUp = shallowRef(initialIndex >= 5);
 	const smAndDown = shallowRef(initialIndex <= 1);
 	const mdAndDown = shallowRef(initialIndex <= 2);
 	const lgAndDown = shallowRef(initialIndex <= 3);
 	const xlAndDown = shallowRef(initialIndex <= 4);
-	const xxlAndDown = shallowRef(initialIndex <= 5);
 	function update() {
 		if (!IN_BROWSER) return;
 		width.value = window.innerWidth;
 		height.value = window.innerHeight;
 		let current = "xs";
-		for (let i = sorted.length - 1; i >= 0; i--) if (width.value >= sorted[i][1]) {
+		for (let i = sorted.length - 1; i >= 0; i--) if (window.matchMedia(`(min-width: ${sorted[i][1]}px)`).matches) {
 			current = sorted[i][0];
 			break;
 		}
 		name.value = current;
 		const index = names.indexOf(current);
-		isMobile.value = width.value < mb;
+		isMobile.value = /* @__PURE__ */ isNumber(mb) ? !window.matchMedia(`(min-width: ${mb}px)`).matches : index < names.indexOf(mobileBreakpoint);
 		xs.value = index === 0;
 		sm.value = index === 1;
 		md.value = index === 2;
@@ -5860,12 +6340,10 @@ function createBreakpoints(_options = {}) {
 		mdAndUp.value = index >= 2;
 		lgAndUp.value = index >= 3;
 		xlAndUp.value = index >= 4;
-		xxlAndUp.value = index >= 5;
 		smAndDown.value = index <= 1;
 		mdAndDown.value = index <= 2;
 		lgAndDown.value = index <= 3;
 		xlAndDown.value = index <= 4;
-		xxlAndDown.value = index <= 5;
 	}
 	return {
 		breakpoints,
@@ -5884,12 +6362,10 @@ function createBreakpoints(_options = {}) {
 		mdAndUp: readonly(mdAndUp),
 		lgAndUp: readonly(lgAndUp),
 		xlAndUp: readonly(xlAndUp),
-		xxlAndUp: readonly(xxlAndUp),
 		smAndDown: readonly(smAndDown),
 		mdAndDown: readonly(mdAndDown),
 		lgAndDown: readonly(lgAndDown),
 		xlAndDown: readonly(xlAndDown),
-		xxlAndDown: readonly(xxlAndDown),
 		ssr: isSSR,
 		update
 	};
@@ -5903,8 +6379,8 @@ function createBreakpointsFallback(options = {}) {
 		name: readonly(shallowRef("xs")),
 		width: readonly(shallowRef(0)),
 		height: readonly(shallowRef(0)),
-		isMobile: readonly(shallowRef(false)),
-		xs: readonly(shallowRef(false)),
+		isMobile: readonly(shallowRef(true)),
+		xs: readonly(shallowRef(true)),
 		sm: readonly(shallowRef(false)),
 		md: readonly(shallowRef(false)),
 		lg: readonly(shallowRef(false)),
@@ -5914,12 +6390,10 @@ function createBreakpointsFallback(options = {}) {
 		mdAndUp: readonly(shallowRef(false)),
 		lgAndUp: readonly(shallowRef(false)),
 		xlAndUp: readonly(shallowRef(false)),
-		xxlAndUp: readonly(shallowRef(false)),
-		smAndDown: readonly(shallowRef(false)),
-		mdAndDown: readonly(shallowRef(false)),
-		lgAndDown: readonly(shallowRef(false)),
-		xlAndDown: readonly(shallowRef(false)),
-		xxlAndDown: readonly(shallowRef(false)),
+		smAndDown: readonly(shallowRef(true)),
+		mdAndDown: readonly(shallowRef(true)),
+		lgAndDown: readonly(shallowRef(true)),
+		xlAndDown: readonly(shallowRef(true)),
 		ssr: false,
 		update: () => {}
 	};
@@ -7014,11 +7488,16 @@ function useElementIntersection(target, options = {}) {
 * ```
 */
 function useLazy(active, options = {}) {
-	const { eager = false } = options;
+	const { eager = false, delay = 0 } = options;
 	const isBooted = shallowRef(false);
 	const hasContent = toRef(() => isBooted.value || toValue(eager) || toValue(active));
+	const timer = delay > 0 ? useTimer(() => {
+		isBooted.value = true;
+	}, { duration: delay }) : void 0;
 	const stop = watch(() => toValue(active), (value) => {
-		if (value) isBooted.value = true;
+		if (value) if (timer) timer.start();
+		else isBooted.value = true;
+		else timer?.stop();
 	}, { immediate: true });
 	function reset() {
 		isBooted.value = false;
@@ -7079,7 +7558,7 @@ function useLazy(active, options = {}) {
 function useMediaQuery(query) {
 	const matches = shallowRef(false);
 	const mediaQueryList = shallowRef(null);
-	const resolvedQuery = computed(() => toValue(query));
+	const resolvedQuery = toRef(() => toValue(query));
 	const hydration = useHydration();
 	let cleanup = null;
 	function update() {
@@ -7821,55 +8300,771 @@ function createNested(_options = {}) {
 		unselect,
 		toggle,
 		register,
-		unregister,
-		offboard,
+		unregister,
+		offboard,
+		onboard,
+		clear,
+		reset,
+		get size() {
+			return group.size;
+		}
+	};
+	return context;
+}
+/**
+* Creates a new nested context with provide/inject pattern.
+*
+* @param options The options for the nested context.
+* @returns A trinity tuple [useNested, provideNested, defaultNested]
+*
+* @see https://0.vuetifyjs.com/composables/selection/use-nested
+*
+* @example
+* ```ts
+* import { createNestedContext } from '@vuetify/v0'
+*
+* export const [useTree, provideTree, tree] = createNestedContext()
+*
+* // In parent: provideTree()
+* // In child: const tree = useTree()
+* ```
+*/
+function createNestedContext(_options = {}) {
+	const { namespace = "v0:nested", ...options } = _options;
+	const [useNestedContext, _provideNestedContext] = createContext(namespace);
+	const context = createNested(options);
+	function provideNestedContext(_context = context, app) {
+		return _provideNestedContext(_context, app);
+	}
+	return createTrinity(useNestedContext, provideNestedContext, context);
+}
+/**
+* Returns the current nested instance from context.
+*
+* @param namespace The namespace for the nested context. Defaults to `'v0:nested'`.
+* @returns The current nested instance.
+*
+* @see https://0.vuetifyjs.com/composables/selection/use-nested
+*/
+function useNested(namespace = "v0:nested") {
+	return useContext(namespace);
+}
+//#endregion
+//#region src/composables/createQueue/index.ts
+/**
+* @module createQueue
+*
+* @remarks
+* A queue composable for managing time-based collections with:
+* - Automatic timeout-based removal
+* - Pause/resume functionality
+* - FIFO (First In, First Out) ordering
+* - Manual dismissal support
+* - Queue progression management
+*
+* Built on top of createRegistry, the queue automatically manages timeouts for tickets,
+* ensuring only the first ticket in the queue is active at any time. When a ticket
+* expires or is removed, the next ticket in the queue automatically becomes active.
+*/
+/**
+* Creates a new queue instance
+*
+* @param options The options for the queue instance
+* @template Z The type of queue ticket that extends QueueTicket. Use this to add custom properties to tickets.
+* @template E The type of queue context that extends QueueContext<Z>. Use this when extending the queue with additional methods.
+* @returns A new queue instance
+*
+* @see https://0.vuetifyjs.com/composables/registration/create-queue
+*
+* @example
+* ```ts
+* import { useQueue } from '@vuetify/v0'
+*
+* const queue = useQueue()
+*
+* // Register an ticket with default timeout (3000ms)
+* const ticket1 = queue.register({ value: 'Ticket 1' })
+*
+* // Register an ticket with custom timeout
+* const ticket2 = queue.register({ value: 'Ticket 2', timeout: 5000 })
+*
+* // Register a persistent ticket that must be manually dismissed
+* const ticket3 = queue.register({ value: 'Ticket 3', timeout: -1 })
+*
+* // Dismiss an ticket using the convenience method
+* ticket3.dismiss()
+*
+* console.log(queue.size) // 2
+* ```
+*/
+function createQueue(_options = {}) {
+	const { timeout: _timeout = 3e3, ...options } = _options;
+	const registry = createRegistry({
+		...options,
+		events: true
+	});
+	const timers = /* @__PURE__ */ new Map();
+	function createTicketTimer(ticket) {
+		if (/* @__PURE__ */ isUndefined(ticket.timeout) || ticket.timeout < 0 || ticket.isPaused) return;
+		const timer = useTimer(() => {
+			timers.delete(ticket.id);
+			registry.unregister(ticket.id);
+			resume();
+		}, { duration: ticket.timeout });
+		timers.set(ticket.id, timer);
+		timer.start();
+	}
+	function stopTimer(id) {
+		const timer = timers.get(id);
+		if (timer) {
+			timer.stop();
+			timers.delete(id);
+		}
+	}
+	function register(registration = {}) {
+		const id = registration.id ?? /* @__PURE__ */ useId();
+		const timeout = Object.prototype.hasOwnProperty.call(registration, "timeout") ? registration.timeout : _timeout;
+		const ticket = {
+			...registration,
+			id,
+			timeout,
+			isPaused: registry.size > 0,
+			dismiss: () => unregister(id)
+		};
+		const registered = registry.register(ticket);
+		createTicketTimer(registered);
+		return registered;
+	}
+	function unregister(id) {
+		const ticket = /* @__PURE__ */ isUndefined(id) ? registry.seek("first") : registry.get(id);
+		if (!ticket) return void 0;
+		const wasFirst = ticket.index === 0;
+		stopTimer(ticket.id);
+		registry.unregister(ticket.id);
+		if (wasFirst) resume();
+		return ticket;
+	}
+	function offboard(ids) {
+		let hadFirst = false;
+		for (const id of ids) {
+			const ticket = registry.get(id);
+			if (!ticket) continue;
+			if (ticket.index === 0) hadFirst = true;
+			stopTimer(ticket.id);
+		}
+		registry.offboard(ids);
+		if (hadFirst) resume();
+	}
+	function pause() {
+		const ticket = registry.seek("first");
+		if (!ticket || ticket.isPaused) return void 0;
+		timers.get(ticket.id)?.pause();
+		return registry.upsert(ticket.id, { isPaused: true });
+	}
+	function resume() {
+		const ticket = registry.seek("first");
+		if (!ticket || ticket.index !== 0 || !ticket.isPaused) return void 0;
+		const updated = registry.upsert(ticket.id, { isPaused: false });
+		const timer = timers.get(updated.id);
+		if (timer) timer.start();
+		else createTicketTimer(updated);
+		return updated;
+	}
+	function clear() {
+		for (const timer of timers.values()) timer.stop();
+		timers.clear();
+		registry.clear();
+	}
+	function dispose() {
+		clear();
+		registry.dispose();
+	}
+	onScopeDispose(dispose, true);
+	function onboard(registrations) {
+		return registry.batch(() => registrations.map((registration) => register(registration)));
+	}
+	return {
+		...registry,
+		register,
+		unregister,
+		onboard,
+		offboard,
+		pause,
+		resume,
+		clear,
+		dispose,
+		get size() {
+			return registry.size;
+		}
+	};
+}
+/**
+* Creates a new queue context.
+*
+* @param options The options for the queue context.
+* @template Z The type of the queue ticket.
+* @template E The type of the queue context.
+* @returns A new queue context.
+*
+* @see https://0.vuetifyjs.com/composables/registration/create-queue
+*
+* @example
+* ```ts
+* import { createQueueContext } from '@vuetify/v0'
+*
+* export const [useQueue, provideQueue, context] = createQueueContext({
+*   timeout: 5000,
+* })
+* ```
+*/
+function createQueueContext(_options = {}) {
+	const { namespace = "v0:queue", ...options } = _options;
+	const [useQueueContext, _provideQueueContext] = createContext(namespace);
+	const context = createQueue(options);
+	function provideQueueContext(_context = context, app) {
+		return _provideQueueContext(_context, app);
+	}
+	return createTrinity(useQueueContext, provideQueueContext, context);
+}
+/**
+* Returns the current queue instance.
+*
+* @param namespace The namespace for the queue context. Defaults to `'v0:queue'`.
+* @returns The current queue instance.
+*
+* @see https://0.vuetifyjs.com/composables/registration/create-queue
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { useQueue } from '@vuetify/v0'
+*
+*   const queue = useQueue()
+* <\/script>
+* ```
+*/
+function useQueue(namespace = "v0:queue") {
+	return useContext(namespace);
+}
+//#endregion
+//#region src/composables/useNotifications/index.ts
+/**
+* @module useNotifications
+* @see https://0.vuetifyjs.com/composables/plugins/use-notifications
+*
+* @remarks
+* Notification management composable built on createRegistry and createQueue.
+* Registry stores the full notification lifecycle (permanent record).
+* Queue manages the display surface (toasts) with FIFO ordering and auto-dismiss.
+*
+* Supports:
+* - Push notifications with severity levels and configurable timeouts
+* - State mutations: read, seen, archived, snoozed
+* - Bulk operations: readAll, archiveAll, clear
+* - Toast queue with pause/resume and auto-dismiss
+* - Adapter integration via event system
+* - Plugin installation via createNotificationsPlugin
+*/
+function createNotifications(options = {}) {
+	const { timeout = 3e3, ...registryOptions } = options;
+	const registry = createRegistry({
+		...registryOptions,
+		events: true,
+		reactive: true
+	});
+	const queue = createQueue({
+		timeout,
+		events: true,
+		reactive: true
+	});
+	registry.on("unregister:ticket", (ticket) => {
+		if (queue.has(ticket.id)) queue.unregister(ticket.id);
+	});
+	/**
+	* Build a full {@link NotificationTicket} from raw input
+	*
+	* @param input The notification input to hydrate.
+	* @returns A partial ticket with timestamps, lifecycle methods, and an ID.
+	* @internal Used by {@link send}, {@link register}, and {@link onboard}.
+	*/
+	function hydrate(input) {
+		const id = input.id ?? /* @__PURE__ */ useId();
+		const now = /* @__PURE__ */ new Date();
+		return {
+			...input,
+			id,
+			createdAt: now,
+			readAt: null,
+			seenAt: null,
+			archivedAt: null,
+			snoozedUntil: null,
+			read: () => read(id),
+			unread: () => unread(id),
+			seen: () => seen(id),
+			archive: () => archive(id),
+			unarchive: () => unarchive(id),
+			snooze: (until) => snooze(id, until),
+			wake: () => wake(id),
+			dismiss: () => queue.unregister(id)
+		};
+	}
+	/**
+	* Create a notification and enqueue it for toast display
+	*
+	* @param input The notification input to create.
+	* @returns The hydrated notification ticket.
+	* @remarks Hydrates the input with timestamps and lifecycle methods, registers
+	* it in the registry, adds it to the display queue, and emits
+	* `notification:received`. The ticket auto-dismisses after the configured
+	* timeout unless paused.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#send
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* // Basic toast
+	* notifications.send({ subject: 'Changes saved', severity: 'success' })
+	*
+	* // With custom timeout
+	* const ticket = notifications.send({ subject: 'Connection lost', severity: 'error', timeout: 10000 })
+	*
+	* console.log(ticket.id)        // 'generated-id'
+	* console.log(ticket.createdAt) // Date
+	* console.log(ticket.readAt)    // null
+	*
+	* // Ticket convenience methods
+	* ticket.read()    // marks as read
+	* ticket.dismiss() // removes from toast queue, keeps in registry
+	* ```
+	*/
+	function send(input) {
+		const ticket = registry.register(hydrate(input));
+		queue.register(/* @__PURE__ */ isUndefined(input.timeout) ? { id: ticket.id } : {
+			id: ticket.id,
+			timeout: input.timeout
+		});
+		registry.emit("notification:received", ticket);
+		return ticket;
+	}
+	/**
+	* Register a notification in the registry without adding it to the toast queue
+	*
+	* @param input The notification input to register.
+	* @returns The hydrated notification ticket.
+	* @remarks Overrides the base registry `register` to hydrate the input with
+	* timestamps and lifecycle methods. Use for historical or pre-existing items
+	* that should appear in an inbox but not pop up as toasts.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#register
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* // Register a historical item (appears in inbox, not as toast)
+	* const ticket = notifications.register({ id: 'old-1', subject: 'Deployed v2.1' })
+	*
+	* console.log(ticket.createdAt) // Date
+	* console.log(ticket.readAt)    // null
+	*
+	* // Lifecycle methods work the same as send()
+	* ticket.read()
+	* ticket.archive()
+	* ```
+	*/
+	function register(input) {
+		return registry.register(hydrate(input));
+	}
+	/**
+	* Bulk version of {@link register}
+	*
+	* @param inputs Array of notification inputs to register.
+	* @returns Array of hydrated notification tickets.
+	* @remarks Registers multiple notifications into the registry without toast
+	* display. Wraps all registrations in a single `registry.batch()` call so
+	* reactive updates are deferred until the entire batch completes.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#onboard
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* // Load historical items on mount
+	* const tickets = notifications.onboard([
+	*   { id: 'n1', subject: 'Welcome to the team' },
+	*   { id: 'n2', subject: 'Setup complete', severity: 'success' },
+	* ])
+	*
+	* console.log(tickets.length)              // 2
+	* console.log(notifications.queue.values()) // [] (no toasts)
+	* console.log(notifications.values().length) // 2 (in registry)
+	* ```
+	*/
+	function onboard(inputs) {
+		return registry.batch(() => inputs.map((input) => register(input)));
+	}
+	/**
+	* Mark a notification as read
+	*
+	* @param id The ID of the notification to mark as read.
+	* @remarks Sets `readAt` to the current time and emits `notification:read`.
+	* Adapters listen to this event for outbound sync.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#read
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* const ticket = notifications.send({ subject: 'New message' })
+	*
+	* notifications.read(ticket.id)
+	* console.log(ticket.readAt) // Date
+	*
+	* // Or via ticket convenience method
+	* ticket.read()
+	* ```
+	*/
+	function read(id) {
+		registry.upsert(id, { readAt: /* @__PURE__ */ new Date() }, "notification:read");
+	}
+	/**
+	* Mark a notification as unread
+	*
+	* @param id The ID of the notification to mark as unread.
+	* @remarks Clears `readAt` and emits `notification:unread`.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#unread
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.unread('notif-1')
+	* ```
+	*/
+	function unread(id) {
+		registry.upsert(id, { readAt: null }, "notification:unread");
+	}
+	/**
+	* Mark a notification as seen
+	*
+	* @param id The ID of the notification to mark as seen.
+	* @remarks Sets `seenAt` to the current time and emits `notification:seen`.
+	* Distinct from read — seen tracks whether the notification appeared in the
+	* user's viewport, while read indicates the user actively engaged with it.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#seen
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* // Mark as seen when visible in inbox viewport
+	* notifications.seen('notif-1')
+	* ```
+	*/
+	function seen(id) {
+		registry.upsert(id, { seenAt: /* @__PURE__ */ new Date() }, "notification:seen");
+	}
+	/**
+	* Archive a notification
+	*
+	* @param id The ID of the notification to archive.
+	* @remarks Sets `archivedAt` to the current time and emits `notification:archived`.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#archive
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.archive('notif-1')
+	* ```
+	*/
+	function archive(id) {
+		registry.upsert(id, { archivedAt: /* @__PURE__ */ new Date() }, "notification:archived");
+	}
+	/**
+	* Restore an archived notification
+	*
+	* @param id The ID of the notification to unarchive.
+	* @remarks Clears `archivedAt` and emits `notification:unarchived`.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#unarchive
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.unarchive('notif-1')
+	* ```
+	*/
+	function unarchive(id) {
+		registry.upsert(id, { archivedAt: null }, "notification:unarchived");
+	}
+	/**
+	* Snooze a notification until a given time
+	*
+	* @param id The ID of the notification to snooze.
+	* @param until The time at which the snooze expires.
+	* @remarks Sets `snoozedUntil` and emits `notification:snoozed`. The composable
+	* does not auto-wake — consumers are responsible for calling {@link wake} when
+	* the snooze expires (e.g., via a timer or server push).
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#snooze
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* const tomorrow = new Date(Date.now() + 86_400_000)
+	* notifications.snooze('notif-1', tomorrow)
+	* ```
+	*/
+	function snooze(id, until) {
+		registry.upsert(id, { snoozedUntil: until }, "notification:snoozed");
+	}
+	/**
+	* Cancel a snooze
+	*
+	* @param id The ID of the notification to wake.
+	* @remarks Clears `snoozedUntil` and emits `notification:unsnoozed`.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#wake
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.wake('notif-1')
+	* ```
+	*/
+	function wake(id) {
+		registry.upsert(id, { snoozedUntil: null }, "notification:unsnoozed");
+	}
+	/**
+	* Mark all unread notifications as read
+	*
+	* @remarks Iterates all notifications and marks unread ones as read in a single
+	* batch. Skips already-read notifications to preserve their original `readAt`
+	* timestamp. Emits `notification:read` for each affected notification.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#readall
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.send({ subject: 'Message 1' })
+	* notifications.send({ subject: 'Message 2' })
+	*
+	* notifications.readAll()
+	*
+	* console.log(notifications.values().every(t => t.readAt !== null)) // true
+	* ```
+	*/
+	function readAll() {
+		const now = /* @__PURE__ */ new Date();
+		registry.batch(() => {
+			for (const ticket of registry.values()) if (/* @__PURE__ */ isNull(ticket.readAt)) registry.upsert(ticket.id, { readAt: now }, "notification:read");
+		});
+	}
+	/**
+	* Archive all unarchived notifications
+	*
+	* @remarks Iterates all notifications and archives unarchived ones in a single
+	* batch. Skips already-archived notifications to preserve their original
+	* `archivedAt` timestamp. Emits `notification:archived` for each affected notification.
+	*
+	* @see https://0.vuetifyjs.com/composables/plugins/use-notifications#archiveall
+	*
+	* @example
+	* ```ts
+	* import { useNotifications } from '@vuetify/v0'
+	*
+	* const notifications = useNotifications()
+	*
+	* notifications.send({ subject: 'Alert 1' })
+	* notifications.send({ subject: 'Alert 2' })
+	*
+	* notifications.archiveAll()
+	*
+	* console.log(notifications.values().every(t => t.archivedAt !== null)) // true
+	* ```
+	*/
+	function archiveAll() {
+		const now = /* @__PURE__ */ new Date();
+		registry.batch(() => {
+			for (const ticket of registry.values()) if (/* @__PURE__ */ isNull(ticket.archivedAt)) registry.upsert(ticket.id, { archivedAt: now }, "notification:archived");
+		});
+	}
+	return {
+		...registry,
+		send,
+		register,
 		onboard,
-		clear,
-		reset,
+		queue,
+		read,
+		unread,
+		seen,
+		archive,
+		unarchive,
+		snooze,
+		wake,
+		readAll,
+		archiveAll,
 		get size() {
-			return group.size;
+			return registry.size;
 		}
 	};
-	return context;
+}
+function noop() {}
+const EMPTY = [];
+function createNotificationsFallback() {
+	const stub = {
+		id: "",
+		index: 0,
+		value: 0,
+		valueIsIndex: true,
+		createdAt: /* @__PURE__ */ new Date(0),
+		readAt: null,
+		seenAt: null,
+		archivedAt: null,
+		snoozedUntil: null,
+		read: noop,
+		unread: noop,
+		seen: noop,
+		archive: noop,
+		unarchive: noop,
+		snooze: noop,
+		wake: noop,
+		dismiss: noop,
+		unregister: noop
+	};
+	return {
+		collection: /* @__PURE__ */ new Map(),
+		size: 0,
+		send: () => stub,
+		queue: {
+			collection: /* @__PURE__ */ new Map(),
+			size: 0,
+			register: () => ({}),
+			unregister: () => void 0,
+			has: () => false,
+			get: () => void 0,
+			keys: () => EMPTY,
+			values: () => EMPTY,
+			entries: () => EMPTY,
+			browse: () => void 0,
+			lookup: () => void 0,
+			upsert: () => ({}),
+			seek: () => void 0,
+			move: () => void 0,
+			on: noop,
+			off: noop,
+			emit: noop,
+			dispose: noop,
+			clear: noop,
+			reindex: noop,
+			batch: (fn) => fn(),
+			onboard: () => EMPTY,
+			offboard: noop,
+			pause: () => void 0,
+			resume: () => void 0
+		},
+		read: noop,
+		unread: noop,
+		seen: noop,
+		archive: noop,
+		unarchive: noop,
+		snooze: noop,
+		wake: noop,
+		readAll: noop,
+		archiveAll: noop,
+		clear: noop,
+		has: () => false,
+		get: () => void 0,
+		keys: () => EMPTY,
+		values: () => EMPTY,
+		entries: () => EMPTY,
+		browse: () => void 0,
+		lookup: () => void 0,
+		upsert: () => stub,
+		register: () => stub,
+		unregister: noop,
+		reindex: noop,
+		move: () => void 0,
+		seek: () => void 0,
+		on: noop,
+		off: noop,
+		emit: noop,
+		dispose: noop,
+		batch: (fn) => fn(),
+		onboard: () => EMPTY,
+		offboard: noop
+	};
 }
 /**
-* Creates a new nested context with provide/inject pattern.
+* Notification management with registry, event system, and optional adapters.
 *
-* @param options The options for the nested context.
-* @returns A trinity tuple [useNested, provideNested, defaultNested]
-*
-* @see https://0.vuetifyjs.com/composables/selection/use-nested
+* @see https://0.vuetifyjs.com/composables/plugins/use-notifications
 *
 * @example
 * ```ts
-* import { createNestedContext } from '@vuetify/v0'
+* import { createNotificationsPlugin, useNotifications } from '@vuetify/v0'
 *
-* export const [useTree, provideTree, tree] = createNestedContext()
+* // Install as plugin
+* app.use(createNotificationsPlugin())
 *
-* // In parent: provideTree()
-* // In child: const tree = useTree()
+* // Use in components
+* const notifications = useNotifications()
+* notifications.send({ subject: 'Saved', severity: 'success' })
 * ```
 */
-function createNestedContext(_options = {}) {
-	const { namespace = "v0:nested", ...options } = _options;
-	const [useNestedContext, _provideNestedContext] = createContext(namespace);
-	const context = createNested(options);
-	function provideNestedContext(_context = context, app) {
-		return _provideNestedContext(_context, app);
+const [createNotificationsContext, createNotificationsPlugin, useNotifications] = createPluginContext("v0:notifications", (options) => createNotifications(options), {
+	fallback: () => createNotificationsFallback(),
+	setup: (context, app, options) => {
+		app.onUnmount(() => {
+			context.dispose();
+			context.queue.dispose();
+		});
+		const { adapter } = options;
+		if (!adapter) return;
+		adapter.setup({
+			send: context.send,
+			register: context.register,
+			on: context.on,
+			off: context.off
+		});
+		if (/* @__PURE__ */ isFunction(adapter.dispose)) app.onUnmount(() => adapter.dispose());
 	}
-	return createTrinity(useNestedContext, provideNestedContext, context);
-}
-/**
-* Returns the current nested instance from context.
-*
-* @param namespace The namespace for the nested context. Defaults to `'v0:nested'`.
-* @returns The current nested instance.
-*
-* @see https://0.vuetifyjs.com/composables/selection/use-nested
-*/
-function useNested(namespace = "v0:nested") {
-	return useContext(namespace);
-}
+});
 //#endregion
 //#region src/composables/usePermissions/adapters/adapter.ts
 var PermissionAdapter = class {};
@@ -8028,17 +9223,28 @@ const [createPermissionsContext, createPermissionsPlugin, usePermissions] = crea
 * without wrapping the Popover compound component.
 */
 function usePopover(options = {}) {
-	const { id: _id, positionArea = "bottom", positionTry = "most-width bottom" } = options;
+	const { id: _id, positionArea = "bottom", positionTry = "most-width bottom", showDelay = 0, hideDelay = 0 } = options;
 	const id = _id ?? /* @__PURE__ */ useId();
 	const isOpen = options.isOpen ?? shallowRef(false);
-	function open() {
+	const showTimer = showDelay > 0 ? useTimer(() => {
 		isOpen.value = true;
+	}, { duration: showDelay }) : void 0;
+	const hideTimer = hideDelay > 0 ? useTimer(() => {
+		isOpen.value = false;
+	}, { duration: hideDelay }) : void 0;
+	function open() {
+		hideTimer?.stop();
+		if (showTimer) showTimer.start();
+		else isOpen.value = true;
 	}
 	function close() {
-		isOpen.value = false;
+		showTimer?.stop();
+		if (hideTimer) hideTimer.start();
+		else isOpen.value = false;
 	}
 	function toggle() {
-		isOpen.value = !isOpen.value;
+		if (isOpen.value) close();
+		else open();
 	}
 	const anchorStyles = toRef(() => ({ anchorName: `--${id}` }));
 	const contentAttrs = toRef(() => ({
@@ -8085,197 +9291,70 @@ function usePopover(options = {}) {
 	};
 }
 //#endregion
-//#region src/composables/createQueue/index.ts
+//#region src/composables/useRaf/index.ts
 /**
-* @module createQueue
+* @module useRaf
+*
+* @see https://0.vuetifyjs.com/composables/system/use-raf
 *
 * @remarks
-* A queue composable for managing time-based collections with:
-* - Automatic timeout-based removal
-* - Pause/resume functionality
-* - FIFO (First In, First Out) ordering
-* - Manual dismissal support
-* - Queue progression management
+* Scope-disposed safe requestAnimationFrame composable.
 *
-* Built on top of createRegistry, the queue automatically manages timeouts for tickets,
-* ensuring only the first ticket in the queue is active at any time. When a ticket
-* expires or is removed, the next ticket in the queue automatically becomes active.
+* Key features:
+* - Cancel-then-request pattern (deduplicates rapid calls)
+* - Automatic cleanup on scope disposal
+* - SSR-safe (no-op in non-browser environments)
+* - Callable function with cancel method
+*
+* Perfect for throttling updates to the next animation frame.
 */
 /**
-* Creates a new queue instance
+* Scope-disposed safe requestAnimationFrame.
 *
-* @param options The options for the queue instance
-* @template Z The type of queue ticket that extends QueueTicket. Use this to add custom properties to tickets.
-* @template E The type of queue context that extends QueueContext<Z>. Use this when extending the queue with additional methods.
-* @returns A new queue instance
+* @param callback Function to call on animation frame.
+* @returns Callable that requests frame (canceling pending), with cancel method.
 *
-* @see https://0.vuetifyjs.com/composables/registration/create-queue
+* @see https://0.vuetifyjs.com/composables/system/use-raf
 *
 * @example
 * ```ts
-* import { useQueue } from '@vuetify/v0'
-*
-* const queue = useQueue()
-*
-* // Register an ticket with default timeout (3000ms)
-* const ticket1 = queue.register({ value: 'Ticket 1' })
-*
-* // Register an ticket with custom timeout
-* const ticket2 = queue.register({ value: 'Ticket 2', timeout: 5000 })
+* // Basic usage
+* const update = useRaf((timestamp) => {
+*   // Runs on next animation frame
+* })
 *
-* // Register a persistent ticket that must be manually dismissed
-* const ticket3 = queue.register({ value: 'Ticket 3', timeout: -1 })
+* update() // Request frame
+* update() // Cancels previous, requests new (deduplicated)
 *
-* // Dismiss an ticket using the convenience method
-* ticket3.dismiss()
+* // Manual cancel
+* update.cancel()
 *
-* console.log(queue.size) // 2
+* // Check if pending
+* if (update.isActive.value) { ... }
 * ```
 */
-function createQueue(_options = {}) {
-	const { timeout: _timeout = 3e3, ...options } = _options;
-	const registry = createRegistry({
-		...options,
-		events: true
-	});
-	const timeouts = /* @__PURE__ */ new Map();
-	function startTimeout(ticket) {
-		if (/* @__PURE__ */ isUndefined(ticket.timeout) || ticket.timeout < 0 || ticket.isPaused) return;
-		const timeout = setTimeout(() => {
-			timeouts.delete(ticket.id);
-			registry.unregister(ticket.id);
-			resume();
-		}, ticket.timeout);
-		timeouts.set(ticket.id, timeout);
-	}
-	function clearTimeout(id) {
-		const timeout = timeouts.get(id);
-		if (timeout) {
-			globalThis.clearTimeout(timeout);
-			timeouts.delete(id);
-		}
-	}
-	function register(registration = {}) {
-		const id = registration.id ?? /* @__PURE__ */ useId();
-		const timeout = Object.prototype.hasOwnProperty.call(registration, "timeout") ? registration.timeout : _timeout;
-		const ticket = {
-			...registration,
-			id,
-			timeout,
-			isPaused: registry.size > 0,
-			dismiss: () => unregister(id)
-		};
-		const registered = registry.register(ticket);
-		startTimeout(registered);
-		return registered;
-	}
-	function unregister(id) {
-		const ticket = /* @__PURE__ */ isUndefined(id) ? registry.seek("first") : registry.get(id);
-		if (!ticket) return void 0;
-		const wasFirst = ticket.index === 0;
-		clearTimeout(ticket.id);
-		registry.unregister(ticket.id);
-		if (wasFirst) resume();
-		return ticket;
-	}
-	function offboard(ids) {
-		let hadFirst = false;
-		for (const id of ids) {
-			const ticket = registry.get(id);
-			if (!ticket) continue;
-			if (ticket.index === 0) hadFirst = true;
-			clearTimeout(ticket.id);
+function useRaf(callback) {
+	const id = shallowRef();
+	const isActive = toRef(() => !/* @__PURE__ */ isUndefined(id.value));
+	function cancel() {
+		if (!/* @__PURE__ */ isUndefined(id.value)) {
+			cancelAnimationFrame(id.value);
+			id.value = void 0;
 		}
-		registry.offboard(ids);
-		if (hadFirst) resume();
-	}
-	function pause() {
-		const ticket = registry.seek("first");
-		if (!ticket || ticket.isPaused) return void 0;
-		clearTimeout(ticket.id);
-		return registry.upsert(ticket.id, { isPaused: true });
-	}
-	function resume() {
-		const ticket = registry.seek("first");
-		if (!ticket || ticket.index !== 0 || !ticket.isPaused) return void 0;
-		const updated = registry.upsert(ticket.id, { isPaused: false });
-		startTimeout(updated);
-		return updated;
-	}
-	function clear() {
-		for (const id of timeouts.keys()) clearTimeout(id);
-		registry.clear();
-	}
-	function dispose() {
-		clear();
-		registry.dispose();
-	}
-	onScopeDispose(dispose, true);
-	function onboard(registrations) {
-		return registry.batch(() => registrations.map((registration) => register(registration)));
 	}
-	return {
-		...registry,
-		register,
-		unregister,
-		onboard,
-		offboard,
-		pause,
-		resume,
-		clear,
-		dispose,
-		get size() {
-			return registry.size;
-		}
-	};
-}
-/**
-* Creates a new queue context.
-*
-* @param options The options for the queue context.
-* @template Z The type of the queue ticket.
-* @template E The type of the queue context.
-* @returns A new queue context.
-*
-* @see https://0.vuetifyjs.com/composables/registration/create-queue
-*
-* @example
-* ```ts
-* import { createQueueContext } from '@vuetify/v0'
-*
-* export const [useQueue, provideQueue, context] = createQueueContext({
-*   timeout: 5000,
-* })
-* ```
-*/
-function createQueueContext(_options = {}) {
-	const { namespace = "v0:queue", ...options } = _options;
-	const [useQueueContext, _provideQueueContext] = createContext(namespace);
-	const context = createQueue(options);
-	function provideQueueContext(_context = context, app) {
-		return _provideQueueContext(_context, app);
+	function request() {
+		if (!IN_BROWSER) return;
+		cancel();
+		id.value = requestAnimationFrame((timestamp) => {
+			id.value = void 0;
+			callback(timestamp);
+		});
 	}
-	return createTrinity(useQueueContext, provideQueueContext, context);
-}
-/**
-* Returns the current queue instance.
-*
-* @param namespace The namespace for the queue context. Defaults to `'v0:queue'`.
-* @returns The current queue instance.
-*
-* @see https://0.vuetifyjs.com/composables/registration/create-queue
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useQueue } from '@vuetify/v0'
-*
-*   const queue = useQueue()
-* <\/script>
-* ```
-*/
-function useQueue(namespace = "v0:queue") {
-	return useContext(namespace);
+	onScopeDispose(cancel, true);
+	return Object.assign(request, {
+		cancel,
+		isActive
+	});
 }
 //#endregion
 //#region src/composables/useRules/adapters/standard.ts
@@ -8866,6 +9945,9 @@ function createSlider(options = {}) {
 	function ceil(index) {
 		set(index, max);
 	}
+	function onboard(registrations) {
+		return model.batch(() => registrations.map((r) => register(r)));
+	}
 	return {
 		...model,
 		values,
@@ -8882,6 +9964,7 @@ function createSlider(options = {}) {
 		orientation,
 		inverted,
 		register,
+		onboard,
 		snap,
 		fromValue,
 		fromPercent,
@@ -8961,12 +10044,12 @@ function createStack(_options = {}) {
 		const id = input.id ?? /* @__PURE__ */ useId();
 		const blocking = input.blocking ?? false;
 		const onDismiss = input.onDismiss;
-		const zIndex = computed(() => {
+		const zIndex = toRef(() => {
 			const position = ids().indexOf(id);
 			if (position === -1) return baseZIndex;
 			return baseZIndex + position * increment;
 		});
-		const globalTop = computed(() => {
+		const globalTop = toRef(() => {
 			const list = ids();
 			if (list.length === 0) return false;
 			return list.at(-1) === id;
@@ -9633,7 +10716,7 @@ function createTheme(_options = {}) {
 		});
 		if (id === options.default && !registry.selectedId.value) registry.select(id);
 	}
-	const names = computed(() => registry.keys());
+	const names = toRef(() => registry.keys());
 	const colors = computed(() => {
 		const resolved = {};
 		for (const theme of registry.values()) {
@@ -9654,10 +10737,13 @@ function createTheme(_options = {}) {
 		return resolved;
 	}
 	function register(registration = {}) {
+		const { colors, ...rest } = registration;
+		if (colors && rest.id && !registry.has(rest.id)) tokens.onboard(flatten({ [rest.id]: { colors } }, "", true));
 		const item = {
 			lazy: false,
 			dark: false,
-			...registration
+			...rest,
+			...colors ? { value: colors } : {}
 		};
 		return registry.register(item);
 	}
@@ -9767,6 +10853,12 @@ function createTimeline(_options = {}) {
 	function redo() {
 		if (stack.length === 0) return void 0;
 		const item = stack.pop();
+		if (registry.size >= size) {
+			const oldest = registry.seek("first");
+			if (overflow.length === size) overflow.shift();
+			overflow.push(oldest);
+			registry.unregister(oldest.id);
+		}
 		const ticket = registry.register(item);
 		registry.reindex();
 		return ticket;
@@ -10823,7 +11915,7 @@ function useClickOutside(target, handler, options = {}) {
 }
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -10907,7 +11999,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -10928,7 +12020,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -10949,7 +12041,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -11011,17 +12103,17 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Dialog = {
-	Root: _sfc_main$20,
-	Activator: _sfc_main$16,
-	Content: _sfc_main$18,
-	Title: _sfc_main$21,
-	Description: _sfc_main$19,
-	Close: _sfc_main$17
+	Root: _sfc_main$26,
+	Activator: _sfc_main$22,
+	Content: _sfc_main$24,
+	Title: _sfc_main$27,
+	Description: _sfc_main$25,
+	Close: _sfc_main$23
 };
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11081,7 +12173,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -11127,7 +12219,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -11175,7 +12267,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -11208,7 +12300,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -11241,15 +12333,15 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/expansion-panels
 */
 const ExpansionPanel = {
-	Root: _sfc_main$26,
-	Item: _sfc_main$25,
-	Header: _sfc_main$24,
-	Activator: _sfc_main$22,
-	Content: _sfc_main$23
+	Root: _sfc_main$32,
+	Item: _sfc_main$31,
+	Header: _sfc_main$30,
+	Activator: _sfc_main$28,
+	Content: _sfc_main$29
 };
 //#endregion
 //#region src/components/Form/Form.vue
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "Form",
 	inheritAttrs: false,
 	__name: "Form",
@@ -11320,7 +12412,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11372,7 +12464,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -11429,8 +12521,8 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/group
 */
 const Group = {
-	Root: _sfc_main$29,
-	Item: _sfc_main$28
+	Root: _sfc_main$35,
+	Item: _sfc_main$34
 };
 //#endregion
 //#region src/components/Input/InputRoot.vue
@@ -11446,7 +12538,7 @@ function parseValidateOn(value) {
 		modifier
 	};
 }
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "InputRoot",
 	inheritAttrs: false,
 	__name: "InputRoot",
@@ -11593,7 +12685,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputControl.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "InputControl",
 	inheritAttrs: false,
 	__name: "InputControl",
@@ -11669,7 +12761,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputDescription.vue
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "InputDescription",
 	inheritAttrs: false,
 	__name: "InputDescription",
@@ -11705,7 +12797,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputError.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "InputError",
 	inheritAttrs: false,
 	__name: "InputError",
@@ -11779,17 +12871,17 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Input = {
-	Control: _sfc_main$30,
-	Description: _sfc_main$31,
-	Error: _sfc_main$32,
-	Root: _sfc_main$33
+	Control: _sfc_main$36,
+	Description: _sfc_main$37,
+	Error: _sfc_main$38,
+	Root: _sfc_main$39
 };
 //#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$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11868,7 +12960,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 			prev: pagination.prev,
 			select: pagination.select,
 			attrs: {
-				"aria-label": locale.t("Pagination.label", void 0, "Pagination"),
+				"aria-label": locale.t("Pagination.label"),
 				"role": __props.as === "nav" ? void 0 : "navigation"
 			}
 		}));
@@ -11891,7 +12983,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -11934,7 +13026,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -11965,7 +13057,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			first,
 			attrs: {
-				"aria-label": locale.t("Pagination.first", void 0, "Go to first page"),
+				"aria-label": locale.t("Pagination.first"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -11991,7 +13083,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -12019,7 +13111,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		}, { immediate: true });
 		const isSelected = toRef(() => pagination.page.value === __props.value);
 		const ariaLabel = toRef(() => {
-			return isSelected.value ? locale.t("Pagination.currentPage", { page: __props.value }, `Page ${__props.value}, current page`) : locale.t("Pagination.goToPage", { page: __props.value }, `Go to page ${__props.value}`);
+			return isSelected.value ? locale.t("Pagination.currentPage", { page: __props.value }) : locale.t("Pagination.goToPage", { page: __props.value });
 		});
 		function select() {
 			if (__props.disabled) return;
@@ -12059,7 +13151,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -12090,7 +13182,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			last,
 			attrs: {
-				"aria-label": locale.t("Pagination.last", void 0, "Go to last page"),
+				"aria-label": locale.t("Pagination.last"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -12116,7 +13208,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -12147,7 +13239,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			next,
 			attrs: {
-				"aria-label": locale.t("Pagination.next", void 0, "Go to next page"),
+				"aria-label": locale.t("Pagination.next"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -12173,7 +13265,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -12204,7 +13296,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			prev,
 			attrs: {
-				"aria-label": locale.t("Pagination.prev", void 0, "Go to previous page"),
+				"aria-label": locale.t("Pagination.prev"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -12230,7 +13322,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -12249,7 +13341,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 				text.value = locale.t("Pagination.status", {
 					page,
 					pages: pagination.pages
-				}, `Page ${page} of ${pagination.pages}`);
+				});
 			}, 100);
 		});
 		/* v8 ignore stop */
@@ -12282,19 +13374,19 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/pagination
 */
 const Pagination = {
-	Root: _sfc_main$40,
-	Item: _sfc_main$36,
-	First: _sfc_main$35,
-	Prev: _sfc_main$39,
-	Ellipsis: _sfc_main$34,
-	Next: _sfc_main$38,
-	Last: _sfc_main$37,
-	Status: _sfc_main$41
+	Root: _sfc_main$46,
+	Item: _sfc_main$42,
+	First: _sfc_main$41,
+	Prev: _sfc_main$45,
+	Ellipsis: _sfc_main$40,
+	Next: _sfc_main$44,
+	Last: _sfc_main$43,
+	Status: _sfc_main$47
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -12337,7 +13429,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -12374,7 +13466,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -12434,14 +13526,14 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/popover
 */
 const Popover = {
-	Root: _sfc_main$44,
-	Activator: _sfc_main$42,
-	Content: _sfc_main$43
+	Root: _sfc_main$50,
+	Activator: _sfc_main$48,
+	Content: _sfc_main$49
 };
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -12506,7 +13598,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -12627,7 +13719,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$46, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$52, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -12651,7 +13743,7 @@ const visuallyHiddenStyle$2 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -12688,7 +13780,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -12753,14 +13845,14 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Radio = {
-	Group: _sfc_main$45,
-	HiddenInput: _sfc_main$46,
-	Indicator: _sfc_main$47,
-	Root: _sfc_main$48
+	Group: _sfc_main$51,
+	HiddenInput: _sfc_main$52,
+	Indicator: _sfc_main$53,
+	Root: _sfc_main$54
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -12854,7 +13946,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$92 = /* @__PURE__ */ defineComponent({
 	name: "SelectHiddenInput",
 	__name: "SelectHiddenInput",
 	props: { namespace: { default: "v0:select" } },
@@ -12888,7 +13980,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Select/SelectRoot.vue
 const [useSelectContext, provideSelectContext] = createContext();
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 	name: "SelectRoot",
 	__name: "SelectRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -12927,10 +14019,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			events: true
 		});
 		useProxyModel(selection, model, { multiple: __props.multiple });
-		const selectedId = toRef(() => {
-			const ids = Array.from(selection.selectedIds);
-			return ids.length > 0 ? ids[0] : void 0;
-		});
+		const selectedId = toRef(() => selection.selectedIds.values().next().value);
 		const popover = usePopover({ id });
 		const isOpen = popover.isOpen;
 		const activatorEl = shallowRef(null);
@@ -13003,13 +14092,13 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$81, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$92, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/Select/SelectActivator.vue
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	name: "SelectActivator",
 	__name: "SelectActivator",
 	props: {
@@ -13087,7 +14176,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectContent.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "SelectContent",
 	__name: "SelectContent",
 	props: {
@@ -13124,7 +14213,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectCue.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "SelectCue",
 	__name: "SelectCue",
 	props: {
@@ -13151,7 +14240,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectItem.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "SelectItem",
 	__name: "SelectItem",
 	props: {
@@ -13206,7 +14295,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectPlaceholder.vue
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "SelectPlaceholder",
 	__name: "SelectPlaceholder",
 	props: {
@@ -13230,7 +14319,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectValue.vue
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 	name: "SelectValue",
 	__name: "SelectValue",
 	props: {
@@ -13308,18 +14397,18 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Select = {
-	Root: _sfc_main$55,
-	Activator: _sfc_main$50,
-	Value: _sfc_main$56,
-	Content: _sfc_main$51,
-	Cue: _sfc_main$52,
-	Item: _sfc_main$53,
-	Placeholder: _sfc_main$54
+	Root: _sfc_main$61,
+	Activator: _sfc_main$56,
+	Value: _sfc_main$62,
+	Content: _sfc_main$57,
+	Cue: _sfc_main$58,
+	Item: _sfc_main$59,
+	Placeholder: _sfc_main$60
 };
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -13371,7 +14460,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -13421,13 +14510,238 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/selection
 */
 const Selection = {
-	Root: _sfc_main$58,
-	Item: _sfc_main$57
+	Root: _sfc_main$64,
+	Item: _sfc_main$63
+};
+//#endregion
+//#region src/components/Snackbar/SnackbarPortal.vue
+const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarPortal",
+	inheritAttrs: false,
+	__name: "SnackbarPortal",
+	props: {
+		teleport: {
+			type: [String, Boolean],
+			default: "body"
+		},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const ticket = useStack().register();
+		onUnmounted(() => ticket.unregister());
+		const styles = toRef(() => ({ zIndex: ticket.zIndex.value }));
+		const slotProps = toRef(() => ({ zIndex: ticket.zIndex.value }));
+		return (_ctx, _cache) => {
+			return __props.teleport ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: __props.teleport
+			}, [createVNode(unref(_sfc_main), 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), mergeProps({
+				key: 1,
+				as: __props.as,
+				style: styles.value
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "style"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarQueue.vue
+const [useSnackbarQueueContext, provideSnackbarQueueContext] = createContext({ suffix: "queue" });
+const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarQueue",
+	__name: "SnackbarQueue",
+	props: {
+		namespace: { default: "v0:notifications" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const notifications = useNotifications(__props.namespace);
+		function dismiss(id) {
+			notifications.unregister(id);
+			if (reasons.size > 0) notifications.queue.pause();
+		}
+		provideSnackbarQueueContext(__props.namespace, { dismiss });
+		const items = computed(() => notifications.queue.values().map((q) => notifications.get(q.id)).filter((n) => !/* @__PURE__ */ isUndefined(n)).toReversed());
+		const container = useTemplateRef("container");
+		const reasons = /* @__PURE__ */ new Set();
+		function pause(reason) {
+			reasons.add(reason);
+			notifications.queue.pause();
+		}
+		function resume(reason) {
+			reasons.delete(reason);
+			if (reasons.size === 0) notifications.queue.resume();
+		}
+		function onEnter() {
+			pause("hover");
+		}
+		function onLeave() {
+			resume("hover");
+		}
+		function onFocusin() {
+			pause("focus");
+		}
+		function onFocusout(e) {
+			const el = container.value?.element ?? null;
+			if (/* @__PURE__ */ isElement(el) && /* @__PURE__ */ isElement(e.relatedTarget) && el.contains(e.relatedTarget)) return;
+			resume("focus");
+		}
+		onUnmounted(() => {
+			if (reasons.size > 0) {
+				reasons.clear();
+				notifications.queue.resume();
+			}
+		});
+		const slotProps = toRef(() => ({
+			items: items.value,
+			attrs: {
+				onMouseenter: onEnter,
+				onMouseleave: onLeave,
+				onFocusin,
+				onFocusout
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				ref_key: "container",
+				ref: container
+			}, slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarRoot.vue
+const [useSnackbarRootContext, provideSnackbarRootContext] = createContext({ suffix: "root" });
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarRoot",
+	__name: "SnackbarRoot",
+	props: {
+		namespace: { default: "v0:notifications" },
+		id: { default: () => /* @__PURE__ */ useId() },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	emits: ["dismiss"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const queue = useSnackbarQueueContext(__props.namespace, null);
+		function onDismiss() {
+			if (queue) queue.dismiss(__props.id);
+			else emit("dismiss", __props.id);
+		}
+		provideSnackbarRootContext(__props.namespace, {
+			id: __props.id,
+			onDismiss
+		});
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			attrs: { role: "status" }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarContent.vue
+const _sfc_main$73 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarContent",
+	__name: "SnackbarContent",
+	props: {
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), { as: __props.as }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarClose.vue
+const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarClose",
+	__name: "SnackbarClose",
+	props: {
+		namespace: { default: "v0:notifications" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSnackbarRootContext(__props.namespace);
+		function onClick() {
+			context.onDismiss();
+		}
+		const slotProps = toRef(() => ({ attrs: {
+			"type": __props.as === "button" ? "button" : void 0,
+			"aria-label": "Close",
+			"onClick": onClick
+		} }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/index.ts
+/**
+* Snackbar component with sub-components for building toast notifications.
+*
+* @see https://0.vuetifyjs.com/components/snackbar
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Snackbar } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Snackbar.Portal>
+*     <Snackbar.Queue v-slot="{ items }">
+*       <template v-for="item in items" :key="item.id">
+*         <Snackbar.Root :id="item.id">
+*           <Snackbar.Content>{{ item.subject }}</Snackbar.Content>
+*           <Snackbar.Close />
+*         </Snackbar.Root>
+*       </template>
+*     </Snackbar.Queue>
+*   </Snackbar.Portal>
+* </template>
+* ```
+*/
+const Snackbar = {
+	Portal: _sfc_main$74,
+	Queue: _sfc_main$75,
+	Root: _sfc_main$76,
+	Content: _sfc_main$73,
+	Close: _sfc_main$72
 };
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 	name: "SliderRoot",
 	inheritAttrs: false,
 	__name: "SliderRoot",
@@ -13559,7 +14873,7 @@ const _sfc_main$63 = /* @__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$61, {
+				return openBlock(), createBlock(_sfc_main$67, {
 					key: index,
 					index
 				}, null, 8, ["index"]);
@@ -13575,7 +14889,7 @@ const _hoisted_1$1 = [
 	"name",
 	"value"
 ];
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 	name: "SliderHiddenInput",
 	__name: "SliderHiddenInput",
 	props: {
@@ -13600,7 +14914,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderRange.vue
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 	name: "SliderRange",
 	inheritAttrs: false,
 	__name: "SliderRange",
@@ -13661,7 +14975,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderThumb.vue
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 	name: "SliderThumb",
 	inheritAttrs: false,
 	__name: "SliderThumb",
@@ -13775,7 +15089,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderTrack.vue
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 	name: "SliderTrack",
 	inheritAttrs: false,
 	__name: "SliderTrack",
@@ -13869,16 +15183,16 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Slider = {
-	Root: _sfc_main$63,
-	Track: _sfc_main$65,
-	Range: _sfc_main$62,
-	Thumb: _sfc_main$64,
-	HiddenInput: _sfc_main$61
+	Root: _sfc_main$69,
+	Track: _sfc_main$71,
+	Range: _sfc_main$68,
+	Thumb: _sfc_main$70,
+	HiddenInput: _sfc_main$67
 };
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -14043,10 +15357,14 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				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
@@ -14060,7 +15378,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
@@ -14154,12 +15472,16 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				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
@@ -14173,7 +15495,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -14197,7 +15519,6 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 		});
 		const hovering = shallowRef(false);
 		const startPosition = shallowRef(0);
-		let rafId = 0;
 		let latestPos = 0;
 		const isDisabled = toRef(() => __props.disabled || splitter.disabled.value);
 		const isHorizontal = toRef(() => splitter.orientation.value === "horizontal");
@@ -14230,23 +15551,21 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 			splitter.onStartDrag(ticket.index);
 		}
 		useToggleScope(() => splitter.draggingHandle.value === ticket.index, () => {
+			const update = useRaf(() => {
+				const root = splitter.rootEl.value;
+				if (!root) return;
+				const rootSize = isHorizontal.value ? root.offsetWidth : root.offsetHeight;
+				if (!rootSize) return;
+				const delta = (latestPos - startPosition.value) / rootSize * 100;
+				startPosition.value = latestPos;
+				splitter.resize(ticket.index, delta);
+			});
 			useDocumentEventListener("pointermove", (e) => {
 				latestPos = isHorizontal.value ? e.clientX : e.clientY;
-				if (rafId) return;
-				rafId = requestAnimationFrame(() => {
-					const root = splitter.rootEl.value;
-					if (!root) return;
-					const rootSize = isHorizontal.value ? root.offsetWidth : root.offsetHeight;
-					if (!rootSize) return;
-					const delta = (latestPos - startPosition.value) / rootSize * 100;
-					startPosition.value = latestPos;
-					splitter.resize(ticket.index, delta);
-					rafId = 0;
-				});
+				update();
 			});
 			useDocumentEventListener("pointerup", () => {
-				if (rafId) cancelAnimationFrame(rafId);
-				rafId = 0;
+				update.cancel();
 				if (IN_BROWSER) {
 					document.documentElement.style.userSelect = "";
 					document.documentElement.style.touchAction = "";
@@ -14254,8 +15573,6 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 				splitter.onEndDrag();
 			});
 			onScopeDispose(() => {
-				if (rafId) cancelAnimationFrame(rafId);
-				rafId = 0;
 				splitter.onEndDrag();
 				if (IN_BROWSER) {
 					document.documentElement.style.userSelect = "";
@@ -14356,11 +15673,19 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: { flexShrink: 0 }
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{ flexShrink: 0 }
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]);
+			}, 16, [
+				"as",
+				"renderless",
+				"style"
+			]);
 		};
 	}
 });
@@ -14393,14 +15718,14 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Splitter = {
-	Root: _sfc_main$68,
-	Panel: _sfc_main$67,
-	Handle: _sfc_main$66
+	Root: _sfc_main$79,
+	Panel: _sfc_main$78,
+	Handle: _sfc_main$77
 };
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$71 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -14469,7 +15794,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Switch/SwitchRoot.vue
 const [useSwitchRoot, provideSwitchRoot] = createContext();
-const _sfc_main$73 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
@@ -14599,7 +15924,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$72, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$83, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -14623,7 +15948,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -14661,7 +15986,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -14749,7 +16074,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -14784,7 +16109,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -14843,17 +16168,17 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Switch = {
-	Group: _sfc_main$71,
-	HiddenInput: _sfc_main$72,
-	Root: _sfc_main$73,
-	SelectAll: _sfc_main$74,
-	Thumb: _sfc_main$75,
-	Track: _sfc_main$76
+	Group: _sfc_main$82,
+	HiddenInput: _sfc_main$83,
+	Root: _sfc_main$84,
+	SelectAll: _sfc_main$85,
+	Thumb: _sfc_main$86,
+	Track: _sfc_main$87
 };
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -14899,7 +16224,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -14949,13 +16274,13 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/single
 */
 const Single = {
-	Root: _sfc_main$60,
-	Item: _sfc_main$59
+	Root: _sfc_main$66,
+	Item: _sfc_main$65
 };
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$70 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -15006,7 +16331,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$69 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -15056,13 +16381,13 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/step
 */
 const Step = {
-	Root: _sfc_main$70,
-	Item: _sfc_main$69
+	Root: _sfc_main$81,
+	Item: _sfc_main$80
 };
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -15130,7 +16455,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -15171,7 +16496,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$88 = /* @__PURE__ */ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -15286,7 +16611,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -15367,10 +16692,10 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Tabs = {
-	Root: _sfc_main$80,
-	List: _sfc_main$78,
-	Item: _sfc_main$77,
-	Panel: _sfc_main$79
+	Root: _sfc_main$91,
+	List: _sfc_main$89,
+	Item: _sfc_main$88,
+	Panel: _sfc_main$90
 };
 //#endregion
-export { _sfc_main as Atom, Avatar, _sfc_main$1 as AvatarFallback, _sfc_main$2 as AvatarImage, _sfc_main$3 as AvatarRoot, Breadcrumbs, _sfc_main$4 as BreadcrumbsDivider, _sfc_main$5 as BreadcrumbsEllipsis, _sfc_main$6 as BreadcrumbsItem, _sfc_main$7 as BreadcrumbsLink, _sfc_main$8 as BreadcrumbsList, _sfc_main$9 as BreadcrumbsPage, _sfc_main$10 as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, _sfc_main$11 as CheckboxGroup, _sfc_main$12 as CheckboxHiddenInput, _sfc_main$13 as CheckboxIndicator, _sfc_main$14 as CheckboxRoot, _sfc_main$15 as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$16 as DialogActivator, _sfc_main$17 as DialogClose, _sfc_main$18 as DialogContent, _sfc_main$19 as DialogDescription, _sfc_main$20 as DialogRoot, _sfc_main$21 as DialogTitle, ExpansionPanel, _sfc_main$22 as ExpansionPanelActivator, _sfc_main$23 as ExpansionPanelContent, _sfc_main$24 as ExpansionPanelHeader, _sfc_main$25 as ExpansionPanelItem, _sfc_main$26 as ExpansionPanelRoot, FeaturesAdapter, _sfc_main$27 as Form, Group, _sfc_main$28 as GroupItem, _sfc_main$29 as GroupRoot, IN_BROWSER, Input, _sfc_main$30 as InputControl, _sfc_main$31 as InputDescription, _sfc_main$32 as InputError, _sfc_main$33 as InputRoot, MemoryAdapter, Pagination, _sfc_main$34 as PaginationEllipsis, _sfc_main$35 as PaginationFirst, _sfc_main$36 as PaginationItem, _sfc_main$37 as PaginationLast, _sfc_main$38 as PaginationNext, _sfc_main$39 as PaginationPrev, _sfc_main$40 as PaginationRoot, _sfc_main$41 as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, _sfc_main$42 as PopoverActivator, _sfc_main$43 as PopoverContent, _sfc_main$44 as PopoverRoot, Radio, _sfc_main$45 as RadioGroup, _sfc_main$46 as RadioHiddenInput, _sfc_main$47 as RadioIndicator, _sfc_main$48 as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$49 as Scrim, Select, _sfc_main$50 as SelectActivator, _sfc_main$51 as SelectContent, _sfc_main$52 as SelectCue, _sfc_main$53 as SelectItem, _sfc_main$54 as SelectPlaceholder, _sfc_main$55 as SelectRoot, _sfc_main$56 as SelectValue, Selection, _sfc_main$57 as SelectionItem, _sfc_main$58 as SelectionRoot, ServerAdapter, Single, _sfc_main$59 as SingleItem, _sfc_main$60 as SingleRoot, Slider, _sfc_main$61 as SliderHiddenInput, _sfc_main$62 as SliderRange, _sfc_main$63 as SliderRoot, _sfc_main$64 as SliderThumb, _sfc_main$65 as SliderTrack, Splitter, _sfc_main$66 as SplitterHandle, _sfc_main$67 as SplitterPanel, _sfc_main$68 as SplitterRoot, Step, _sfc_main$69 as StepItem, _sfc_main$70 as StepRoot, Switch, _sfc_main$71 as SwitchGroup, _sfc_main$72 as SwitchHiddenInput, _sfc_main$73 as SwitchRoot, _sfc_main$74 as SwitchSelectAll, _sfc_main$75 as SwitchThumb, _sfc_main$76 as SwitchTrack, Tabs, _sfc_main$77 as TabsItem, _sfc_main$78 as TabsList, _sfc_main$79 as TabsPanel, _sfc_main$80 as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0RtlAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, provideInputRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectContext, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useInputRoot, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopover, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useRovingFocus, useRtl, useRules, useSelectContext, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useVirtualFocus, useWindowEventListener, version };
+export { _sfc_main as Atom, Avatar, _sfc_main$1 as AvatarFallback, _sfc_main$2 as AvatarImage, _sfc_main$3 as AvatarRoot, Breadcrumbs, _sfc_main$4 as BreadcrumbsDivider, _sfc_main$5 as BreadcrumbsEllipsis, _sfc_main$6 as BreadcrumbsItem, _sfc_main$7 as BreadcrumbsLink, _sfc_main$8 as BreadcrumbsList, _sfc_main$9 as BreadcrumbsPage, _sfc_main$10 as BreadcrumbsRoot, Button, _sfc_main$11 as ButtonContent, _sfc_main$12 as ButtonGroup, _sfc_main$13 as ButtonHiddenInput, _sfc_main$14 as ButtonIcon, _sfc_main$15 as ButtonLoading, _sfc_main$16 as ButtonRoot, COMMON_ELEMENTS, Checkbox, _sfc_main$17 as CheckboxGroup, _sfc_main$18 as CheckboxHiddenInput, _sfc_main$19 as CheckboxIndicator, _sfc_main$20 as CheckboxRoot, _sfc_main$21 as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$22 as DialogActivator, _sfc_main$23 as DialogClose, _sfc_main$24 as DialogContent, _sfc_main$25 as DialogDescription, _sfc_main$26 as DialogRoot, _sfc_main$27 as DialogTitle, ExpansionPanel, _sfc_main$28 as ExpansionPanelActivator, _sfc_main$29 as ExpansionPanelContent, _sfc_main$30 as ExpansionPanelHeader, _sfc_main$31 as ExpansionPanelItem, _sfc_main$32 as ExpansionPanelRoot, FeaturesAdapter, _sfc_main$33 as Form, Group, _sfc_main$34 as GroupItem, _sfc_main$35 as GroupRoot, IN_BROWSER, Input, _sfc_main$36 as InputControl, _sfc_main$37 as InputDescription, _sfc_main$38 as InputError, _sfc_main$39 as InputRoot, MemoryAdapter, Pagination, _sfc_main$40 as PaginationEllipsis, _sfc_main$41 as PaginationFirst, _sfc_main$42 as PaginationItem, _sfc_main$43 as PaginationLast, _sfc_main$44 as PaginationNext, _sfc_main$45 as PaginationPrev, _sfc_main$46 as PaginationRoot, _sfc_main$47 as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, _sfc_main$48 as PopoverActivator, _sfc_main$49 as PopoverContent, _sfc_main$50 as PopoverRoot, Radio, _sfc_main$51 as RadioGroup, _sfc_main$52 as RadioHiddenInput, _sfc_main$53 as RadioIndicator, _sfc_main$54 as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$55 as Scrim, Select, _sfc_main$56 as SelectActivator, _sfc_main$57 as SelectContent, _sfc_main$58 as SelectCue, _sfc_main$59 as SelectItem, _sfc_main$60 as SelectPlaceholder, _sfc_main$61 as SelectRoot, _sfc_main$62 as SelectValue, Selection, _sfc_main$63 as SelectionItem, _sfc_main$64 as SelectionRoot, ServerAdapter, Single, _sfc_main$65 as SingleItem, _sfc_main$66 as SingleRoot, Slider, _sfc_main$67 as SliderHiddenInput, _sfc_main$68 as SliderRange, _sfc_main$69 as SliderRoot, _sfc_main$70 as SliderThumb, _sfc_main$71 as SliderTrack, Snackbar, _sfc_main$72 as SnackbarClose, _sfc_main$73 as SnackbarContent, _sfc_main$74 as SnackbarPortal, _sfc_main$75 as SnackbarQueue, _sfc_main$76 as SnackbarRoot, Splitter, _sfc_main$77 as SplitterHandle, _sfc_main$78 as SplitterPanel, _sfc_main$79 as SplitterRoot, Step, _sfc_main$80 as StepItem, _sfc_main$81 as StepRoot, Switch, _sfc_main$82 as SwitchGroup, _sfc_main$83 as SwitchHiddenInput, _sfc_main$84 as SwitchRoot, _sfc_main$85 as SwitchSelectAll, _sfc_main$86 as SwitchThumb, _sfc_main$87 as SwitchTrack, Tabs, _sfc_main$88 as TabsItem, _sfc_main$89 as TabsList, _sfc_main$90 as TabsPanel, _sfc_main$91 as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0RtlAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createNotifications, createNotificationsContext, createNotificationsPlugin, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, flatten, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideButtonGroup, provideButtonRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, provideInputRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectContext, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSnackbarQueueContext, provideSnackbarRootContext, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useButtonGroup, useButtonRoot, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useInputRoot, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useNotifications, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopover, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRaf, useRegistry, useResizeObserver, useRovingFocus, useRtl, useRules, useSelectContext, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSnackbarQueueContext, useSnackbarRootContext, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useTimer, useToggleScope, useTokens, useVirtual, useVirtualFocus, useWindowEventListener, version };