@vuetify/v0 0.1.7 → 0.1.9

package/dist/{useClickOutside-YOGwKo7v.mjs → useClickOutside-hOhNk4eS.mjs}

@@ -1,16 +1,16 @@
-import { a as SUPPORTS_OBSERVER, i as SUPPORTS_MUTATION_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, r as SUPPORTS_MATCH_MEDIA, t as IN_BROWSER } from "./globals-BqRH_jdr.mjs";
+import { a as SUPPORTS_OBSERVER, i as SUPPORTS_MUTATION_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, r as SUPPORTS_MATCH_MEDIA, t as IN_BROWSER } from "./globals-3i9umzyz.mjs";
 import { clamp, instanceExists, isElement, isFunction, isNull, isNullOrUndefined, isNumber, isObject, isString, isUndefined, mergeDeep, useId as useId$1 } from "./utilities/index.mjs";
 import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-C_c8eedz.mjs";
-import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-B70T4SgK.mjs";
-import { i as createRegistry } from "./createTokens-CMRBDlzN.mjs";
-import { i as createModel, t as createSelection } from "./createSelection-DvOR2tKk.mjs";
-import { t as createSingle } from "./createSingle-Bbcwcq4R.mjs";
-import { t as createGroup } from "./createGroup-Cf6lK9BR.mjs";
+import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-cGK00Ywd.mjs";
+import { i as createRegistry } from "./createTokens-C1gIuKCK.mjs";
+import { i as createModel, t as createSelection } from "./createSelection-DbWP6c7H.mjs";
+import { t as createSingle } from "./createSingle-CeAJpbXs.mjs";
+import { t as createGroup } from "./createGroup-PvzsLu9E.mjs";
 import { t as toArray } from "./toArray-VdROPpy-.mjs";
-import { a as useLocale } from "./useLocale-C8I_fNAS.mjs";
-import { a as useRules, o as isStandardSchema, s as toRule } from "./useRules-7C92Xzyt.mjs";
+import { a as useLocale } from "./useLocale-BaufqE5Z.mjs";
+import { a as useRules, o as isStandardSchema } from "./useRules-LD-_-Hxt.mjs";
 import { t as MemoryAdapter } from "./memory-XCMtkld1.mjs";
-import { computed, effectScope, isRef, nextTick, onScopeDispose, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, toRef, toValue, unref, watch, watchEffect } from "vue";
+import { computed, effectScope, isRef, nextTick, onMounted, onScopeDispose, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, toRef, toValue, unref, watch, watchEffect } from "vue";
 //#region src/composables/createBreadcrumbs/index.ts
 /**
 * @module createBreadcrumbs
@@ -747,7 +747,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)));
@@ -1010,24 +1011,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;
@@ -1038,15 +1037,14 @@ 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,
+		mobileBreakpoint,
 		name: readonly(name),
 		width: readonly(width),
 		height: readonly(height),
@@ -1061,25 +1059,25 @@ 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
 	};
 }
 function createBreakpointsFallback(options = {}) {
 	if (options.ssr) return createBreakpoints(options);
+	const defaults = createDefaultBreakpoints();
 	return {
-		breakpoints: createDefaultBreakpoints().breakpoints,
+		breakpoints: defaults.breakpoints,
+		mobileBreakpoint: defaults.mobileBreakpoint,
 		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)),
@@ -1089,12 +1087,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: () => {}
 	};
@@ -1362,14 +1358,14 @@ function useDate(namespace = "v0:date") {
 * @example
 * ```ts
 * import { createForm, createValidation } from '@vuetify/v0'
+* import { shallowRef } from 'vue'
 *
 * const form = createForm()
 *
-* // Validations register themselves — form is just the coordinator
-* const validation = createValidation()
-* const email = validation.register({
-*   id: 'email',
-*   value: '',
+* // Each validation is one input — form is just the coordinator
+* const email = shallowRef('')
+* const validation = createValidation({
+*   value: email,
 *   rules: ['required', 'email'],
 * })
 *
@@ -1379,12 +1375,12 @@ function useDate(namespace = "v0:date") {
 * form.reset()
 * ```
 */
-function createForm(options) {
-	const registry = createRegistry(options);
-	const disabled = shallowRef(false);
-	const readonly = shallowRef(false);
-	if (!/* @__PURE__ */ isNullOrUndefined(options?.disabled)) disabled.value = toValue(options.disabled) ?? false;
-	if (!/* @__PURE__ */ isNullOrUndefined(options?.readonly)) readonly.value = toValue(options.readonly) ?? false;
+function createForm(options = {}) {
+	const { disabled = false, readonly = false, ..._options } = options;
+	const registry = createRegistry({
+		..._options,
+		reactive: true
+	});
 	const isValidating = computed(() => {
 		for (const ticket of registry.values()) if (ticket.value.isValidating.value) return true;
 		return false;
@@ -1404,14 +1400,14 @@ function createForm(options) {
 		return registry.register(registration);
 	}
 	function reset() {
-		for (const ticket of registry.values()) for (const field of ticket.value.values()) field.reset();
+		for (const ticket of registry.values()) ticket.value.reset();
 	}
 	async function submit(id) {
 		const ids = id ? toArray(id) : [...registry.keys()];
-		return (await Promise.all(ids.map(async (id) => {
-			const ticket = registry.get(id);
+		return (await Promise.all(ids.map(async (key) => {
+			const ticket = registry.get(key);
 			if (!ticket) return true;
-			return (await Promise.all([...ticket.value.values()].map((field) => field.validate()))).every(Boolean);
+			return ticket.value.validate();
 		}))).every(Boolean);
 	}
 	return {
@@ -2012,6 +2008,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
@@ -2075,11 +2197,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;
@@ -2140,7 +2267,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() {
@@ -2985,21 +3112,22 @@ function createQueue(_options = {}) {
 		...options,
 		events: true
 	});
-	const timeouts = /* @__PURE__ */ new Map();
-	function startTimeout(ticket) {
+	const timers = /* @__PURE__ */ new Map();
+	function createTicketTimer(ticket) {
 		if (/* @__PURE__ */ isUndefined(ticket.timeout) || ticket.timeout < 0 || ticket.isPaused) return;
-		const timeout = setTimeout(() => {
-			timeouts.delete(ticket.id);
+		const timer = useTimer(() => {
+			timers.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);
+		}, { 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 = {}) {
@@ -3013,14 +3141,14 @@ function createQueue(_options = {}) {
 			dismiss: () => unregister(id)
 		};
 		const registered = registry.register(ticket);
-		startTimeout(registered);
+		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;
-		clearTimeout(ticket.id);
+		stopTimer(ticket.id);
 		registry.unregister(ticket.id);
 		if (wasFirst) resume();
 		return ticket;
@@ -3031,7 +3159,7 @@ function createQueue(_options = {}) {
 			const ticket = registry.get(id);
 			if (!ticket) continue;
 			if (ticket.index === 0) hadFirst = true;
-			clearTimeout(ticket.id);
+			stopTimer(ticket.id);
 		}
 		registry.offboard(ids);
 		if (hadFirst) resume();
@@ -3039,18 +3167,21 @@ function createQueue(_options = {}) {
 	function pause() {
 		const ticket = registry.seek("first");
 		if (!ticket || ticket.isPaused) return void 0;
-		clearTimeout(ticket.id);
+		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 });
-		startTimeout(updated);
+		const timer = timers.get(updated.id);
+		if (timer) timer.start();
+		else createTicketTimer(updated);
 		return updated;
 	}
 	function clear() {
-		for (const id of timeouts.keys()) clearTimeout(id);
+		for (const timer of timers.values()) timer.stop();
+		timers.clear();
 		registry.clear();
 	}
 	function dispose() {
@@ -3125,6 +3256,909 @@ 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$1();
+		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/usePopover/index.ts
+/**
+* @module usePopover
+*
+* @remarks
+* Composable for native popover API behavior with CSS anchor positioning.
+* Manages open/close state, anchor styles, content attributes, and
+* bidirectional sync between reactive state and native popover events.
+*
+* Key features:
+* - Native popover API (showPopover/hidePopover)
+* - CSS anchor positioning (position-area, position-try-fallbacks)
+* - Toggle event sync for native state changes
+* - SSR-safe (no DOM ops outside browser)
+* - Optional external isOpen ref for v-model integration
+*
+* Perfect for building select, combobox, tooltip, and menu components
+* without wrapping the Popover compound component.
+*/
+function usePopover(options = {}) {
+	const { id: _id, positionArea = "bottom", positionTry = "most-width bottom", showDelay = 0, hideDelay = 0 } = options;
+	const id = _id ?? /* @__PURE__ */ useId$1();
+	const isOpen = options.isOpen ?? shallowRef(false);
+	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() {
+		showTimer?.stop();
+		if (hideTimer) hideTimer.start();
+		else isOpen.value = false;
+	}
+	function toggle() {
+		if (isOpen.value) close();
+		else open();
+	}
+	const anchorStyles = toRef(() => ({ anchorName: `--${id}` }));
+	const contentAttrs = toRef(() => ({
+		id,
+		popover: ""
+	}));
+	const contentStyles = toRef(() => ({
+		"position": "fixed",
+		"margin": "unset",
+		"inset-area": positionArea,
+		"position-area": positionArea,
+		"position-anchor": `--${id}`,
+		"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/useRaf/index.ts
+/**
+* @module useRaf
+*
+* @see https://0.vuetifyjs.com/composables/system/use-raf
+*
+* @remarks
+* Scope-disposed safe requestAnimationFrame composable.
+*
+* 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.
+*/
+/**
+* Scope-disposed safe requestAnimationFrame.
+*
+* @param callback Function to call on animation frame.
+* @returns Callable that requests frame (canceling pending), with cancel method.
+*
+* @see https://0.vuetifyjs.com/composables/system/use-raf
+*
+* @example
+* ```ts
+* // Basic usage
+* const update = useRaf((timestamp) => {
+*   // Runs on next animation frame
+* })
+*
+* update() // Request frame
+* update() // Cancels previous, requests new (deduplicated)
+*
+* // Manual cancel
+* update.cancel()
+*
+* // Check if pending
+* if (update.isActive.value) { ... }
+* ```
+*/
+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/createFocusTraversal/index.ts
+/**
+* @module createFocusTraversal
+*
+* @remarks
+* Internal factory for keyboard-driven traversal of ordered item lists.
+* Encapsulates stride-based navigation, disabled-item skipping, circular/bounded
+* movement, grid row scoping, and key-to-action mapping shared by
+* useRovingFocus and useVirtualFocus.
+*
+* Not exported from the package barrel — consumed only by sibling composables.
+*/
+function mod(length, index) {
+	return (index % length + length) % length;
+}
+function isRtl(e) {
+	if (!IN_BROWSER) return false;
+	const el = e.currentTarget;
+	return el ? getComputedStyle(el).direction === "rtl" : false;
+}
+function createFocusTraversal(items, activate, options = {}) {
+	const { orientation = "vertical", circular = false, columns: _columns } = options;
+	const activeId = shallowRef();
+	function enabled() {
+		return items().filter((item) => !toValue(item.disabled));
+	}
+	function indexOf(id) {
+		return items().findIndex((item) => item.id === id);
+	}
+	function go(id) {
+		activeId.value = id;
+		activate(id);
+	}
+	function step(stride) {
+		const all = items();
+		const length = all.length;
+		if (!length) return;
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? -1 : indexOf(activeId.value);
+		const direction = stride > 0 ? 1 : -1;
+		const absStride = Math.abs(stride);
+		let index = current + stride;
+		const maxHops = Math.ceil(length / absStride);
+		let hops = 0;
+		if (circular) index = mod(length, index);
+		else if (index < 0 || index >= length) return;
+		while (hops < maxHops) {
+			const item = all[index];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+			hops++;
+			index = circular ? mod(length, index + stride) : index + direction * absStride;
+			if (!circular && (index < 0 || index >= length)) return;
+		}
+	}
+	function next() {
+		step(1);
+	}
+	function prev() {
+		step(-1);
+	}
+	function first() {
+		const list = enabled();
+		if (list.length > 0) go(list[0].id);
+	}
+	function last() {
+		const list = enabled();
+		if (list.length > 0) go(list.at(-1).id);
+	}
+	/** Focus first non-disabled item in the current row (grid mode) */
+	function rowFirst() {
+		const cols = toValue(_columns) ?? 0;
+		if (!cols) return first();
+		const all = items();
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? 0 : indexOf(activeId.value);
+		const rowStart = current - current % cols;
+		const rowEnd = Math.min(rowStart + cols, all.length);
+		for (let i = rowStart; i < rowEnd; i++) {
+			const item = all[i];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+		}
+	}
+	/** Focus last non-disabled item in the current row (grid mode) */
+	function rowLast() {
+		const cols = toValue(_columns) ?? 0;
+		if (!cols) return last();
+		const all = items();
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? 0 : indexOf(activeId.value);
+		const rowStart = current - current % cols;
+		const rowEnd = Math.min(rowStart + cols, all.length);
+		for (let i = rowEnd - 1; i >= rowStart; i--) {
+			const item = all[i];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+		}
+	}
+	function onKeydown(e) {
+		const cols = toValue(_columns);
+		const rtl = isRtl(e);
+		if (cols) {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault();
+					step(rtl ? -1 : 1);
+					break;
+				case "ArrowLeft":
+					e.preventDefault();
+					step(rtl ? 1 : -1);
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					step(cols);
+					break;
+				case "ArrowUp":
+					e.preventDefault();
+					step(-cols);
+					break;
+				case "Home":
+					e.preventDefault();
+					if (e.ctrlKey) first();
+					else rowFirst();
+					break;
+				case "End":
+					e.preventDefault();
+					if (e.ctrlKey) last();
+					else rowLast();
+					break;
+			}
+			return;
+		}
+		const prevKeys = [];
+		const nextKeys = [];
+		if (orientation === "vertical" || orientation === "both") {
+			prevKeys.push("ArrowUp");
+			nextKeys.push("ArrowDown");
+		}
+		if (orientation === "horizontal" || orientation === "both") {
+			prevKeys.push(rtl ? "ArrowRight" : "ArrowLeft");
+			nextKeys.push(rtl ? "ArrowLeft" : "ArrowRight");
+		}
+		if (prevKeys.includes(e.key)) {
+			e.preventDefault();
+			prev();
+		} else if (nextKeys.includes(e.key)) {
+			e.preventDefault();
+			next();
+		} else if (e.key === "Home") {
+			e.preventDefault();
+			first();
+		} else if (e.key === "End") {
+			e.preventDefault();
+			last();
+		}
+	}
+	return {
+		activeId,
+		step,
+		next,
+		prev,
+		first,
+		last,
+		onKeydown
+	};
+}
+//#endregion
+//#region src/composables/useRovingFocus/index.ts
+/**
+* @module useRovingFocus
+*
+* @remarks
+* Roving tabindex composable for keyboard navigation within composite widgets.
+*
+* Key features:
+* - Arrow key navigation with orientation support
+* - Grid mode for 2D navigation (data tables, calendars)
+* - Automatic disabled item skipping
+* - Optional circular navigation
+* - Home/End key support (row-scoped in grid mode)
+* - Auto-attaches keydown listener when target is provided
+*
+* Perfect for toolbars, menus, tree items, grids, and other composite widgets.
+*/
+function useRovingFocus(items, options = {}) {
+	const { orientation, circular, columns, onFocus, target } = options;
+	function applyFocus(id) {
+		const item = items().find((i) => i.id === id);
+		if (!item?.el) return false;
+		onFocus?.(id);
+		nextTick(() => {
+			toValue(item.el)?.focus();
+		});
+		return true;
+	}
+	const traversal = createFocusTraversal(items, (id) => applyFocus(id), {
+		orientation,
+		circular,
+		columns
+	});
+	function focus(id) {
+		const prev = traversal.activeId.value;
+		traversal.activeId.value = id;
+		if (!applyFocus(id)) traversal.activeId.value = prev;
+	}
+	function enabled() {
+		return items().filter((item) => !toValue(item.disabled));
+	}
+	function isTabbable(id) {
+		if (!/* @__PURE__ */ isUndefined(traversal.activeId.value)) return traversal.activeId.value === id;
+		const list = enabled();
+		return list.length > 0 && list[0]?.id === id;
+	}
+	if (target) useEventListener(target, "keydown", traversal.onKeydown);
+	return {
+		focusedId: traversal.activeId,
+		isTabbable,
+		focus,
+		next: traversal.next,
+		prev: traversal.prev,
+		first: traversal.first,
+		last: traversal.last,
+		onKeydown: traversal.onKeydown
+	};
+}
+//#endregion
 //#region src/composables/useRtl/adapters/v0.ts
 var Vuetify0RtlAdapter = class {
 	setup(app, context, target) {
@@ -3343,6 +4377,9 @@ function createSlider(options = {}) {
 	function ceil(index) {
 		set(index, max);
 	}
+	function onboard(registrations) {
+		return model.batch(() => registrations.map((r) => register(r)));
+	}
 	return {
 		...model,
 		values,
@@ -3359,6 +4396,7 @@ function createSlider(options = {}) {
 		orientation,
 		inverted,
 		register,
+		onboard,
 		snap,
 		fromValue,
 		fromPercent,
@@ -3438,12 +4476,12 @@ function createStack(_options = {}) {
 		const id = input.id ?? /* @__PURE__ */ useId$1();
 		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;
@@ -4016,6 +5054,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;
@@ -4093,31 +5137,27 @@ function useTimeline(namespace = "v0:timeline") {
 * @module createValidation
 *
 * @remarks
-* Per-field validation lifecycle composable.
+* Per-input validation composable built on createGroup.
 *
 * Key features:
+* - Each ticket is a rule — enable/disable via select/unselect
 * - Auto-register with parent form via useForm() injection
 * - Async rule support with generation-based race safety
 * - Silent validation mode
 * - Tri-state isValid (null/true/false)
-* - isPristine tracking
 *
 * Uses useRules() to resolve alias strings via shared context.
 */
+const UNSET = Symbol("unset");
 /**
-* Resolves raw rule inputs to FormValidationRule[].
-* Uses the provided RulesContext if available, otherwise handles
-* functions and Standard Schema objects directly.
-*/
-function resolveRules(raw, context) {
-	if (context) return context.resolve(raw);
-	return raw.filter((r) => /* @__PURE__ */ isFunction(r) || isStandardSchema(r)).map((r) => isStandardSchema(r) ? toRule(r) : r);
-}
-/**
-* Creates a new validation instance.
+* Creates a per-input validation instance.
+*
+* Built on `createGroup` — each registered rule becomes a ticket that can be
+* enabled/disabled via selection methods (`select`, `unselect`, `toggle`).
+* Only selected (active) rules run during validation.
 *
 * @param options The options for the validation instance.
-* @returns A new validation context with register(), aggregate state, etc.
+* @returns A new validation context.
 *
 * @see https://0.vuetifyjs.com/composables/forms/create-validation
 *
@@ -4125,111 +5165,83 @@ function resolveRules(raw, context) {
 * ```ts
 * import { createValidation } from '@vuetify/v0'
 *
-* const validation = createValidation()
-*
-* const field = validation.register({
-*   id: 'email',
-*   value: '',
-*   rules: [(v) => !!v || 'Required'],
+* const validation = createValidation({
+*   rules: [
+*     v => !!v || 'Required',
+*     v => /^.+@\S+\.\S+$/.test(String(v)) || 'Invalid email',
+*   ],
 * })
 *
-* await field.validate()
+* await validation.validate('')
 *
-* console.log(field.errors.value) // ['Required']
+* console.log(validation.errors.value) // ['Required', 'Invalid email']
 *
-* field.reset()
+* validation.reset()
 * ```
 */
-function createValidation(options = {}) {
-	const registry = createRegistry(options);
-	const rules = useRules();
-	const isValidating = computed(() => {
-		for (const ticket of registry.values()) if (ticket.isValidating.value) return true;
-		return false;
+function createValidation(_options = {}) {
+	const { rules: initialRules = [], value: valueSource, enroll = true, ...options } = _options;
+	const group = createGroup({
+		...options,
+		enroll,
+		multiple: true
 	});
-	const isValid = computed(() => {
-		let hasNull = false;
-		let hasFields = false;
-		for (const ticket of registry.values()) {
-			hasFields = true;
-			if (ticket.isValid.value === false) return false;
-			if (/* @__PURE__ */ isNull(ticket.isValid.value)) hasNull = true;
+	const rulesContext = useRules();
+	const errors = shallowRef([]);
+	const isValid = shallowRef(null);
+	const isValidating = shallowRef(false);
+	let generation = 0;
+	function register(input) {
+		if (/* @__PURE__ */ isFunction(input) || /* @__PURE__ */ isString(input) || isStandardSchema(input)) {
+			const resolved = rulesContext.resolve([input]);
+			return group.register({ value: resolved[0] ?? (() => true) });
 		}
-		if (!hasFields) return null;
-		return hasNull ? null : true;
-	});
-	function register(registration = {}) {
-		const model = shallowRef(/* @__PURE__ */ isNullOrUndefined(registration.value) ? "" : toValue(registration.value));
-		const resolved = resolveRules(registration.rules || [], rules);
-		const errors = shallowRef([]);
-		const isFieldValidating = shallowRef(false);
-		const initialValue = model.value;
-		const isPristine = shallowRef(true);
-		const isFieldValid = shallowRef(null);
-		function reset() {
-			model.value = initialValue;
-			errors.value = [];
-			isPristine.value = true;
-			isFieldValid.value = null;
-			isFieldValidating.value = false;
-			validationGeneration++;
+		return group.register(input);
+	}
+	function onboard(rules) {
+		return group.batch(() => rules.map((r) => register(r)));
+	}
+	async function validate(_value = UNSET, silent = false) {
+		const val = _value === UNSET ? toValue(valueSource) : _value;
+		const activeRules = [];
+		for (const ticket of group.selectedItems.value) activeRules.push(ticket.value);
+		if (activeRules.length === 0) {
+			if (!silent) isValid.value = true;
+			return true;
 		}
-		let validationGeneration = 0;
-		async function validate(silent = false) {
-			if (resolved.length === 0) return isFieldValid.value = true;
-			const generation = ++validationGeneration;
-			isFieldValidating.value = true;
-			try {
-				const results = await Promise.all(resolved.map((rule) => rule(model.value)));
-				if (generation !== validationGeneration) return isFieldValid.value ?? false;
-				const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result) || result === false).map((result) => result === false ? "Validation failed" : result);
-				if (!silent) {
-					errors.value = errorMessages;
-					isFieldValid.value = errorMessages.length === 0;
-					isPristine.value = model.value === initialValue;
-				}
-				return errorMessages.length === 0;
-			} finally {
-				if (generation === validationGeneration) isFieldValidating.value = false;
+		const gen = ++generation;
+		if (!silent) isValidating.value = true;
+		try {
+			const results = await Promise.all(activeRules.map((rule) => rule(val)));
+			if (gen !== generation) return isValid.value ?? false;
+			const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result) || result === false).map((result) => result === false ? "Validation failed" : result);
+			if (!silent) {
+				errors.value = errorMessages;
+				isValid.value = errorMessages.length === 0;
 			}
+			return errorMessages.length === 0;
+		} finally {
+			if (gen === generation && !silent) isValidating.value = false;
 		}
-		const item = {
-			...registration,
-			rules: resolved,
-			errors,
-			disabled: registration.disabled || false,
-			isValidating: isFieldValidating,
-			isPristine,
-			isValid: isFieldValid,
-			reset,
-			validate
-		};
-		const ticket = registry.register(item);
-		Object.defineProperty(ticket, "value", {
-			get() {
-				return model.value;
-			},
-			set(val) {
-				model.value = val;
-				isPristine.value = val === initialValue;
-				isFieldValid.value = null;
-			},
-			enumerable: true,
-			configurable: true
-		});
-		return ticket;
 	}
-	function onboard(registrations) {
-		return registry.batch(() => registrations.map((r) => register(r)));
+	function reset() {
+		errors.value = [];
+		isValid.value = null;
+		isValidating.value = false;
+		generation++;
 	}
+	if (initialRules.length > 0) onboard(initialRules);
 	const context = {
-		...registry,
+		...group,
 		register,
 		onboard,
+		validate,
+		reset,
+		errors,
 		isValid,
 		isValidating,
 		get size() {
-			return registry.size;
+			return group.size;
 		}
 	};
 	const form = useForm();
@@ -4684,6 +5696,80 @@ function useVirtual(namespace = "v0:virtual") {
 	return useContext(namespace);
 }
 //#endregion
+//#region src/composables/useVirtualFocus/index.ts
+/**
+* @module useVirtualFocus
+*
+* @remarks
+* Virtual focus composable for aria-activedescendant keyboard navigation.
+* DOM focus stays on a control element while a virtual cursor highlights
+* items in a list.
+*
+* Key features:
+* - Arrow key navigation with orientation support
+* - Grid mode for 2D navigation
+* - Automatic disabled item skipping
+* - Optional circular navigation
+* - Home/End key support (row-scoped in grid mode)
+* - Auto-attaches keydown listener when target is provided
+* - Sets aria-activedescendant and data-highlighted attributes
+*
+* Perfect for comboboxes, autocompletes, listboxes, and other widgets
+* where DOM focus must remain on the control element.
+*/
+function useVirtualFocus(items, options) {
+	const { control, target, orientation, circular, columns, onHighlight } = options;
+	let previousEl = null;
+	function applyHighlight(id) {
+		const item = items().find((i) => i.id === id);
+		if (!item?.el) return false;
+		const el = toValue(item.el);
+		if (!el) return false;
+		const controlEl = toValue(control);
+		if (controlEl) {
+			const itemId = el.getAttribute("id");
+			if (itemId) controlEl.setAttribute("aria-activedescendant", itemId);
+		}
+		if (previousEl) delete previousEl.dataset.highlighted;
+		el.dataset.highlighted = "";
+		previousEl = el;
+		el.scrollIntoView({ block: "nearest" });
+		onHighlight?.(id);
+		return true;
+	}
+	const traversal = createFocusTraversal(items, (id) => applyHighlight(id), {
+		orientation,
+		circular,
+		columns
+	});
+	function highlight(id) {
+		const prev = traversal.activeId.value;
+		traversal.activeId.value = id;
+		if (!applyHighlight(id)) traversal.activeId.value = prev;
+	}
+	function clear() {
+		traversal.activeId.value = void 0;
+		const controlEl = toValue(control);
+		if (controlEl) controlEl.removeAttribute("aria-activedescendant");
+		if (previousEl) {
+			delete previousEl.dataset.highlighted;
+			previousEl = null;
+		}
+	}
+	const listener = target ?? control;
+	if (listener) useEventListener(listener, "keydown", traversal.onKeydown);
+	return {
+		highlightedId: traversal.activeId,
+		highlight,
+		clear,
+		next: traversal.next,
+		prev: traversal.prev,
+		first: traversal.first,
+		last: traversal.last,
+		onKeydown: traversal.onKeydown
+	};
+}
+//#endregion
 //#region src/composables/useEventListener/index.ts
 /**
 * @module useEventListener
@@ -5029,4 +6115,4 @@ function useClickOutside(target, handler, options = {}) {
 	};
 }
 //#endregion
-export { createDatePlugin as $, Vuetify0RtlAdapter as A, useMediaQuery as B, useStack as C, createRtlFallback as D, createRtlContext as E, createNestedContext as F, useElementIntersection as G, usePrefersDark as H, useNested as I, createForm as J, useIntersectionObserver as K, multipleOpenStrategy as L, createQueueContext as M, useQueue as N, createRtlPlugin as O, createNested as P, createDateContext as Q, singleOpenStrategy as R, createStackPlugin as S, createRtl as T, usePrefersReducedMotion as U, usePrefersContrast as V, useLazy as W, useForm as X, createFormContext as Y, createDate as Z, createStep as _, useHydration as _t, createVirtual as a, toReactive as at, createStack as b, useBreadcrumbs as bt, useToggleScope as c, createOverflowContext as ct, createTimelineContext as d, useResizeObserver as dt, useDate as et, useTimeline as f, toElement as ft, useStorage as g, createHydrationPlugin as gt, createStoragePlugin as h, createHydrationContext as ht, useWindowEventListener as i, useBreakpoints as it, createQueue as j, useRtl as k, createValidation as l, useOverflow as lt, createStorageContext as m, createHydration as mt, useDocumentEventListener as n, createBreakpointsContext as nt, createVirtualContext as o, useProxyModel as ot, createStorage as p, createFallbackHydration as pt, useHotkey as q, useEventListener as r, createBreakpointsPlugin as rt, useVirtual as s, createOverflow as st, useClickOutside as t, createBreakpoints as tt, createTimeline as u, useElementSize as ut, createStepContext as v, createBreadcrumbs as vt, createSlider as w, createStackContext as x, useStep as y, createBreadcrumbsContext as yt, useMutationObserver as z };
+export { useTimer as $, useRtl as A, createQueueContext as B, createStackPlugin as C, createHydration as Ct, createRtlContext as D, createBreadcrumbs as Dt, createRtl as E, useHydration as Et, createNotifications as F, multipleOpenStrategy as G, createNested as H, createNotificationsContext as I, useMediaQuery as J, singleOpenStrategy as K, createNotificationsPlugin as L, useRovingFocus as M, useRaf as N, createRtlFallback as O, createBreadcrumbsContext as Ot, usePopover as P, useLazy as Q, useNotifications as R, createStackContext as S, createFallbackHydration as St, createSlider as T, createHydrationPlugin as Tt, createNestedContext as U, useQueue as V, useNested as W, usePrefersDark as X, usePrefersContrast as Y, usePrefersReducedMotion as Z, useStorage as _, createOverflowContext as _t, useVirtualFocus as a, useForm as at, useStep as b, useResizeObserver as bt, useVirtual as c, createDatePlugin as ct, createTimeline as d, createBreakpointsContext as dt, useElementIntersection as et, createTimelineContext as f, createBreakpointsPlugin as ft, createStoragePlugin as g, createOverflow as gt, createStorageContext as h, useProxyModel as ht, useWindowEventListener as i, createFormContext as it, Vuetify0RtlAdapter as j, createRtlPlugin as k, useBreadcrumbs as kt, useToggleScope as l, useDate as lt, createStorage as m, toReactive as mt, useDocumentEventListener as n, useHotkey as nt, createVirtual as o, createDate as ot, useTimeline as p, useBreakpoints as pt, useMutationObserver as q, useEventListener as r, createForm as rt, createVirtualContext as s, createDateContext as st, useClickOutside as t, useIntersectionObserver as tt, createValidation as u, createBreakpoints as ut, createStep as v, useOverflow as vt, useStack as w, createHydrationContext as wt, createStack as x, toElement as xt, createStepContext as y, useElementSize as yt, createQueue as z };