@vuetify/v0 0.1.8 → 0.1.9

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.9";
 /* 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]: {} });
@@ -1203,7 +1204,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 +1239,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 +1379,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 +2155,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 +3430,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 +3443,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 +3608,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,40 +3692,24 @@ 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 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 n(value) {
+		return adapter.n(value);
 	}
 	return {
 		...registry,
@@ -3690,7 +3723,7 @@ function createLocale(_options = {}) {
 function createLocaleFallback() {
 	return {
 		size: 0,
-		t: (key, _params, fallback) => fallback ?? key,
+		t: (key) => key,
 		n: String
 	};
 }
@@ -3821,7 +3854,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 +4164,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)));
@@ -4729,10 +4763,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 +5357,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 +5866,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 +5892,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 +5914,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 +5931,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 +5942,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: () => {}
 	};
@@ -6951,6 +6977,132 @@ function useElementIntersection(target, options = {}) {
 	};
 }
 //#endregion
+//#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/composables/useLazy/index.ts
 /**
 * @module useLazy
@@ -7014,11 +7166,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 +7236,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() {
@@ -7871,6 +8028,722 @@ 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,
+		queue,
+		read,
+		unread,
+		seen,
+		archive,
+		unarchive,
+		snooze,
+		wake,
+		readAll,
+		archiveAll,
+		get size() {
+			return registry.size;
+		}
+	};
+}
+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
+	};
+}
+/**
+* Notification management with registry, event system, and optional adapters.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-notifications
+*
+* @example
+* ```ts
+* import { createNotificationsPlugin, useNotifications } from '@vuetify/v0'
+*
+* // Install as plugin
+* app.use(createNotificationsPlugin())
+*
+* // Use in components
+* const notifications = useNotifications()
+* notifications.send({ subject: 'Saved', severity: 'success' })
+* ```
+*/
+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());
+	}
+});
+//#endregion
 //#region src/composables/usePermissions/adapters/adapter.ts
 var PermissionAdapter = class {};
 //#endregion
@@ -8028,17 +8901,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(() => ({
@@ -8054,228 +8938,101 @@ function usePopover(options = {}) {
 		"position-try-fallbacks": positionTry
 	}));
 	/* v8 ignore start -- browser popover API */
-	function attach(el) {
-		onMounted(() => {
-			const element = toValue(el);
-			if (isOpen.value) element?.showPopover();
-		});
-		watch(isOpen, (value) => {
-			const element = toValue(el);
-			if (!element?.isConnected) return;
-			if (value === element.matches?.(":popover-open")) return;
-			if (value) element.showPopover?.();
-			else element.hidePopover?.();
-		});
-		useEventListener(el, "toggle", (e) => {
-			if (!toValue(el)?.isConnected) return;
-			isOpen.value = e.newState === "open";
-		});
-	}
-	/* v8 ignore stop */
-	return {
-		isOpen,
-		id,
-		open,
-		close,
-		toggle,
-		anchorStyles,
-		contentAttrs,
-		contentStyles,
-		attach
-	};
-}
-//#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 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);
-		}
-		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)));
+	function attach(el) {
+		onMounted(() => {
+			const element = toValue(el);
+			if (isOpen.value) element?.showPopover();
+		});
+		watch(isOpen, (value) => {
+			const element = toValue(el);
+			if (!element?.isConnected) return;
+			if (value === element.matches?.(":popover-open")) return;
+			if (value) element.showPopover?.();
+			else element.hidePopover?.();
+		});
+		useEventListener(el, "toggle", (e) => {
+			if (!toValue(el)?.isConnected) return;
+			isOpen.value = e.newState === "open";
+		});
 	}
+	/* v8 ignore stop */
 	return {
-		...registry,
-		register,
-		unregister,
-		onboard,
-		offboard,
-		pause,
-		resume,
-		clear,
-		dispose,
-		get size() {
-			return registry.size;
-		}
+		isOpen,
+		id,
+		open,
+		close,
+		toggle,
+		anchorStyles,
+		contentAttrs,
+		contentStyles,
+		attach
 	};
 }
+//#endregion
+//#region src/composables/useRaf/index.ts
 /**
-* Creates a new queue context.
+* @module useRaf
 *
-* @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/system/use-raf
 *
-* @see https://0.vuetifyjs.com/composables/registration/create-queue
+* @remarks
+* Scope-disposed safe requestAnimationFrame composable.
 *
-* @example
-* ```ts
-* import { createQueueContext } from '@vuetify/v0'
+* 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
 *
-* export const [useQueue, provideQueue, context] = createQueueContext({
-*   timeout: 5000,
-* })
-* ```
+* Perfect for throttling updates to the next animation frame.
 */
-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.
+* Scope-disposed safe requestAnimationFrame.
 *
-* @param namespace The namespace for the queue context. Defaults to `'v0:queue'`.
-* @returns The current 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
-* ```vue
-* <script setup lang="ts">
-*   import { useQueue } from '@vuetify/v0'
+* ```ts
+* // Basic usage
+* const update = useRaf((timestamp) => {
+*   // Runs on next animation frame
+* })
 *
-*   const queue = useQueue()
-* <\/script>
+* update() // Request frame
+* update() // Cancels previous, requests new (deduplicated)
+*
+* // Manual cancel
+* update.cancel()
+*
+* // Check if pending
+* if (update.isActive.value) { ... }
 * ```
 */
-function useQueue(namespace = "v0:queue") {
-	return useContext(namespace);
+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;
+		}
+	}
+	function request() {
+		if (!IN_BROWSER) return;
+		cancel();
+		id.value = requestAnimationFrame((timestamp) => {
+			id.value = void 0;
+			callback(timestamp);
+		});
+	}
+	onScopeDispose(cancel, true);
+	return Object.assign(request, {
+		cancel,
+		isActive
+	});
 }
 //#endregion
 //#region src/composables/useRules/adapters/standard.ts
@@ -8866,6 +9623,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 +9642,7 @@ function createSlider(options = {}) {
 		orientation,
 		inverted,
 		register,
+		onboard,
 		snap,
 		fromValue,
 		fromPercent,
@@ -8961,12 +9722,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 +10394,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()) {
@@ -9767,6 +10528,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;
@@ -11868,7 +12635,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"
 			}
 		}));
@@ -11965,7 +12732,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,
@@ -12019,7 +12786,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;
@@ -12090,7 +12857,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,
@@ -12147,7 +12914,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,
@@ -12204,7 +12971,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,
@@ -12249,7 +13016,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 */
@@ -12854,7 +13621,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 	name: "SelectHiddenInput",
 	__name: "SelectHiddenInput",
 	props: { namespace: { default: "v0:select" } },
@@ -12927,10 +13694,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,7 +13767,7 @@ 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$86, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -13425,6 +14189,231 @@ const Selection = {
 	Item: _sfc_main$57
 };
 //#endregion
+//#region src/components/Snackbar/SnackbarPortal.vue
+const _sfc_main$68 = /* @__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$69 = /* @__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$70 = /* @__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$67 = /* @__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$66 = /* @__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$68,
+	Queue: _sfc_main$69,
+	Root: _sfc_main$70,
+	Content: _sfc_main$67,
+	Close: _sfc_main$66
+};
+//#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
 const _sfc_main$63 = /* @__PURE__ */ defineComponent({
@@ -13878,7 +14867,7 @@ const Slider = {
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -14043,10 +15032,10 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: {
+				style: [unref(attrs).style, {
 					display: "flex",
 					flexDirection: __props.orientation === "horizontal" ? "row" : "column"
-				}
+				}]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -14060,7 +15049,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
@@ -14154,12 +15143,12 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: {
+				style: [unref(attrs).style, {
 					flexGrow: 0,
 					flexShrink: 0,
 					flexBasis: `${size.value}%`,
 					overflow: "hidden"
-				}
+				}]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -14173,7 +15162,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -14197,7 +15186,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 +15218,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 +15240,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 +15340,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 +15385,14 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Splitter = {
-	Root: _sfc_main$68,
-	Panel: _sfc_main$67,
-	Handle: _sfc_main$66
+	Root: _sfc_main$73,
+	Panel: _sfc_main$72,
+	Handle: _sfc_main$71
 };
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$71 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -14469,7 +15461,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$78 = /* @__PURE__ */ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
@@ -14599,7 +15591,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$77, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -14623,7 +15615,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -14661,7 +15653,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -14749,7 +15741,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -14784,7 +15776,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -14843,12 +15835,12 @@ 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$76,
+	HiddenInput: _sfc_main$77,
+	Root: _sfc_main$78,
+	SelectAll: _sfc_main$79,
+	Thumb: _sfc_main$80,
+	Track: _sfc_main$81
 };
 //#endregion
 //#region src/components/Single/SingleRoot.vue
@@ -14955,7 +15947,7 @@ const Single = {
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$70 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -15006,7 +15998,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$69 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -15056,13 +16048,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$75,
+	Item: _sfc_main$74
 };
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -15130,7 +16122,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -15171,7 +16163,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -15286,7 +16278,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -15367,10 +16359,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$85,
+	List: _sfc_main$83,
+	Item: _sfc_main$82,
+	Panel: _sfc_main$84
 };
 //#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, 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, Snackbar, _sfc_main$66 as SnackbarClose, _sfc_main$67 as SnackbarContent, _sfc_main$68 as SnackbarPortal, _sfc_main$69 as SnackbarQueue, _sfc_main$70 as SnackbarRoot, Splitter, _sfc_main$71 as SplitterHandle, _sfc_main$72 as SplitterPanel, _sfc_main$73 as SplitterRoot, Step, _sfc_main$74 as StepItem, _sfc_main$75 as StepRoot, Switch, _sfc_main$76 as SwitchGroup, _sfc_main$77 as SwitchHiddenInput, _sfc_main$78 as SwitchRoot, _sfc_main$79 as SwitchSelectAll, _sfc_main$80 as SwitchThumb, _sfc_main$81 as SwitchTrack, Tabs, _sfc_main$82 as TabsItem, _sfc_main$83 as TabsList, _sfc_main$84 as TabsPanel, _sfc_main$85 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, 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, provideSnackbarQueueContext, provideSnackbarRootContext, 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, 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 };