@vuetify/v0 0.0.16 → 0.0.18

package/dist/browser/index.js

@@ -216,7 +216,7 @@ function debounce(fn, delay) {
 
 //#endregion
 //#region src/components/Atom/Atom.vue
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -247,7 +247,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$26;
+var Atom_default = _sfc_main$27;
 
 //#endregion
 //#region src/composables/createContext/index.ts
@@ -513,7 +513,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.0.16";
+const version = "0.0.18";
 const __LOGGER_ENABLED__ = false;
 
 //#endregion
@@ -700,12 +700,12 @@ function createFallbackLogger(namespace = "v0:logger") {
 		return `[${namespace} ${type}] ${message}`;
 	}
 	return {
-		debug: (message, ...args) => console.log(format(message, "debug"), ...args),
-		info: (message, ...args) => console.log(format(message, "info"), ...args),
-		warn: (message, ...args) => console.log(format(message, "warn"), ...args),
-		error: (message, ...args) => console.log(format(message, "error"), ...args),
-		trace: (message, ...args) => console.log(format(message, "trace"), ...args),
-		fatal: (message, ...args) => console.log(format(message, "fatal"), ...args),
+		debug: (message, ...args) => console.debug(format(message, "debug"), ...args),
+		info: (message, ...args) => console.info(format(message, "info"), ...args),
+		warn: (message, ...args) => console.warn(format(message, "warn"), ...args),
+		error: (message, ...args) => console.error(format(message, "error"), ...args),
+		trace: (message, ...args) => console.trace(format(message, "trace"), ...args),
+		fatal: (message, ...args) => console.error(format(message, "fatal"), ...args),
 		level: () => {},
 		current: () => "info",
 		enabled: () => true,
@@ -733,7 +733,7 @@ function createFallbackLogger(namespace = "v0:logger") {
 * ```
 */
 function createLoggerContext(_options = {}) {
-	const { namespace = "v0:logger",...options } = _options;
+	const { namespace = "v0:logger", ...options } = _options;
 	const [useLoggerContext, _provideLoggerContext] = createContext(namespace);
 	const context = createLogger(options);
 	function provideLoggerContext(_context = context, app) {
@@ -768,7 +768,7 @@ function createLoggerContext(_options = {}) {
 * ```
 */
 function createLoggerPlugin(_options = {}) {
-	const { namespace = "v0:logger",...options } = _options;
+	const { namespace = "v0:logger", ...options } = _options;
 	const [, provideLoggerContext, context] = createLoggerContext({
 		...options,
 		namespace
@@ -863,6 +863,8 @@ function useRegistry(options) {
 	let indexDependentCount = 0;
 	let needsReindex = false;
 	let minDirtyIndex = Infinity;
+	let batching = false;
+	let pendingEmits = [];
 	function emit(event, data = void 0) {
 		if (!events) return;
 		const cbs = listeners.get(event);
@@ -938,24 +940,19 @@ function useRegistry(options) {
 	function assign(value, id) {
 		const bucket = catalog.get(value);
 		if (bucket) {
-			if (/* @__PURE__ */ isArray(bucket)) {
-				if (!bucket.includes(id)) bucket.push(id);
-			} else if (bucket !== id) catalog.set(value, [bucket, id]);
-		} else catalog.set(value, id);
+			if (!bucket.includes(id)) bucket.push(id);
+		} else catalog.set(value, [id]);
 	}
 	function unassign(value, id) {
 		const bucket = catalog.get(value);
 		if (!bucket) return;
-		if (/* @__PURE__ */ isArray(bucket)) {
-			const next = bucket.filter((v) => v !== id);
-			if (next.length === 0) catalog.delete(value);
-			else if (next.length === 1) catalog.set(value, next[0]);
-			else catalog.set(value, next);
-		} else if (bucket === id) catalog.delete(value);
+		const next = bucket.filter((v) => v !== id);
+		if (next.length === 0) catalog.delete(value);
+		else catalog.set(value, next);
 	}
 	function keys() {
 		const cached = cache.get("keys");
-		if (cached != void 0) return cached;
+		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const keys$1 = Array.from(collection.keys());
 		cache.set("keys", keys$1);
 		return keys$1;
@@ -985,8 +982,30 @@ function useRegistry(options) {
 		emit("clear:registry");
 	}
 	function invalidate() {
+		if (batching) return;
 		if (cache.size > 0) cache.clear();
 	}
+	function queueEmit(event, data) {
+		if (batching) pendingEmits.push({
+			event,
+			data
+		});
+		else emit(event, data);
+	}
+	function batch(fn) {
+		if (batching) return fn();
+		batching = true;
+		pendingEmits = [];
+		try {
+			const result = fn();
+			if (cache.size > 0) cache.clear();
+			for (const { event, data } of pendingEmits) emit(event, data);
+			return result;
+		} finally {
+			batching = false;
+			pendingEmits = [];
+		}
+	}
 	function reindex() {
 		const startIndex = minDirtyIndex === Infinity ? 0 : minDirtyIndex;
 		if (startIndex === 0) {
@@ -1037,7 +1056,7 @@ function useRegistry(options) {
 		directory.set(ticket.index, ticket.id);
 		assign(ticket.value, ticket.id);
 		invalidate();
-		emit("register:ticket", ticket);
+		queueEmit("register:ticket", ticket);
 		return ticket;
 	}
 	function unregister(id) {
@@ -1047,15 +1066,12 @@ function useRegistry(options) {
 		collection.delete(ticket.id);
 		directory.delete(ticket.index);
 		unassign(ticket.value, ticket.id);
-		invalidate();
+		const willReindex = indexDependentCount > 0 && ticket.index < collection.size;
+		if (!willReindex) invalidate();
 		emit("unregister:ticket", ticket);
-		if (indexDependentCount > 0 && ticket.index < collection.size) {
-			minDirtyIndex = Math.min(minDirtyIndex, ticket.index);
-			reindex();
-		} else {
-			minDirtyIndex = Math.min(minDirtyIndex, ticket.index);
-			needsReindex = true;
-		}
+		minDirtyIndex = Math.min(minDirtyIndex, ticket.index);
+		if (willReindex) reindex();
+		else needsReindex = true;
 	}
 	function offboard(ids) {
 		const removed = [];
@@ -1112,8 +1128,9 @@ function useRegistry(options) {
 		unregister,
 		reindex,
 		seek,
+		batch,
 		onboard(registrations) {
-			return registrations.map((registration) => register(registration));
+			return batch(() => registrations.map((registration) => register(registration)));
 		},
 		offboard,
 		get size() {
@@ -1124,8 +1141,7 @@ function useRegistry(options) {
 /**
 * Creates a new registry context.
 *
-* @param namespace The namespace for the registry context.
-* @param options The options for the registry context.
+* @param options The options for the registry context, including `namespace` (defaults to `'v0:registry'`) and `events`.
 * @template Z The type of registry ticket that extends RegistryTicket. Use this to add custom properties to tickets.
 * @template E The type of registry context that extends RegistryContext<Z>. Use this when extending the registry with additional methods.
 * @returns A new registry context.
@@ -1151,7 +1167,7 @@ function useRegistry(options) {
 * ```
 */
 function createRegistryContext(_options = {}) {
-	const { namespace = "v0:registry",...options } = _options;
+	const { namespace = "v0:registry", ...options } = _options;
 	const [useRegistryContext, _provideRegistryContext] = createContext(namespace);
 	const context = useRegistry(options);
 	function provideRegistryContext(_context = context, app) {
@@ -1224,14 +1240,14 @@ function createRegistryContext(_options = {}) {
 * ```
 */
 function createSelection(_options = {}) {
-	const { disabled = false, enroll = false, mandatory = false, multiple = false,...options } = _options;
+	const { disabled = false, enroll = false, mandatory = false, multiple = false, ...options } = _options;
 	const registry = useRegistry(options);
 	const selectedIds = shallowReactive(/* @__PURE__ */ new Set());
 	const selectedItems = computed(() => {
-		return new Set(Array.from(selectedIds).map((id) => registry.get(id)));
+		return new Set(Array.from(selectedIds).map((id) => registry.get(id)).filter((item) => !/* @__PURE__ */ isUndefined(item)));
 	});
 	const selectedValues = computed(() => {
-		return new Set(Array.from(selectedItems.value).map((item) => item?.value));
+		return new Set(Array.from(selectedItems.value).map((item) => item.value));
 	});
 	function seek(direction = "first", from) {
 		return registry.seek(direction, from, (ticket) => !toValue(ticket.disabled));
@@ -1242,16 +1258,19 @@ function createSelection(_options = {}) {
 		if (ticket) select(ticket.id);
 	}
 	function select(id) {
+		if (toValue(disabled)) return;
 		const item = registry.get(id);
 		if (!item || toValue(item.disabled)) return;
 		if (!multiple) selectedIds.clear();
 		selectedIds.add(id);
 	}
 	function unselect(id) {
+		if (toValue(disabled)) return;
 		if (mandatory && selectedIds.size === 1) return;
 		selectedIds.delete(id);
 	}
 	function toggle(id) {
+		if (toValue(disabled)) return;
 		if (selected(id)) unselect(id);
 		else select(id);
 	}
@@ -1270,7 +1289,7 @@ function createSelection(_options = {}) {
 			id
 		};
 		const ticket = registry.register(item);
-		if (enroll && !toValue(item.disabled)) selectedIds.add(ticket.id);
+		if (enroll && !toValue(disabled) && !toValue(item.disabled)) selectedIds.add(ticket.id);
 		if (mandatory === "force") mandate();
 		return ticket;
 	}
@@ -1341,7 +1360,7 @@ function createSelection(_options = {}) {
 * ```
 */
 function createSelectionContext(_options = {}) {
-	const { namespace = "v0:selection",...options } = _options;
+	const { namespace = "v0:selection", ...options } = _options;
 	const [useSelectionContext, _provideSelectionContext] = createContext(namespace);
 	const context = createSelection(options);
 	function provideSelectionContext(_context = context, app) {
@@ -1379,7 +1398,7 @@ function useSelection(namespace = "v0:selection") {
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarContext] = createContext();
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -1404,11 +1423,11 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$25;
+var AvatarRoot_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -1433,11 +1452,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$24;
+var AvatarFallback_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -1497,14 +1516,19 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$23;
+var AvatarImage_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/Avatar/index.ts
+/**
+* Avatar component with sub-components for building avatars.
+*
+* @see https://0.vuetifyjs.com/components/avatar
+*/
 const Avatar = {
-	Fallback: AvatarFallback_default,
+	Root: AvatarRoot_default,
 	Image: AvatarImage_default,
-	Root: AvatarRoot_default
+	Fallback: AvatarFallback_default
 };
 
 //#endregion
@@ -1599,12 +1623,9 @@ function useProxyModel(registry, model, options) {
 	const pending = new Set(modelAsArray);
 	for (const value of modelAsArray) {
 		const ids = registry.browse(value);
-		if (/* @__PURE__ */ isArray(ids)) {
+		if (ids) {
 			for (const id of ids) registry.select(id);
 			pending.delete(value);
-		} else if (ids) {
-			registry.select(ids);
-			pending.delete(value);
 		}
 	}
 	const registryWatch = watch(registry.selectedValues, (val) => {
@@ -1618,8 +1639,7 @@ function useProxyModel(registry, model, options) {
 		const targetIds = /* @__PURE__ */ new Set();
 		for (const value of transformIn(val)) {
 			const ids = registry.browse(value);
-			if (/* @__PURE__ */ isArray(ids)) for (const single of ids) targetIds.add(single);
-			else if (ids) targetIds.add(ids);
+			if (ids) for (const id of ids) targetIds.add(id);
 		}
 		if (multiple) {
 			for (const id of currentIds.difference(targetIds)) registry.selectedIds.delete(id);
@@ -1657,7 +1677,7 @@ function useProxyModel(registry, model, options) {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelSelection] = createContext();
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1714,12 +1734,12 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$22;
+var ExpansionPanelRoot_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -1763,11 +1783,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$21;
+var ExpansionPanelItem_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -1813,11 +1833,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$20;
+var ExpansionPanelActivator_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -1848,11 +1868,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$19;
+var ExpansionPanelContent_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -1877,10 +1897,15 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$18;
+var ExpansionPanelHeader_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
+/**
+* ExpansionPanel component with sub-components for building expansion panels.
+*
+* @see https://0.vuetifyjs.com/components/expansion-panels
+*/
 const ExpansionPanel = {
 	Root: ExpansionPanelRoot_default,
 	Item: ExpansionPanelItem_default,
@@ -2049,7 +2074,7 @@ function useProxyRegistry(registry, options) {
 * ```
 */
 function createGroup(_options = {}) {
-	const { mandatory = false, multiple = true,...options } = _options;
+	const { mandatory = false, multiple = true, ...options } = _options;
 	const selection = createSelection({
 		...options,
 		mandatory,
@@ -2059,10 +2084,10 @@ function createGroup(_options = {}) {
 	const proxy = useProxyRegistry(selection);
 	const mixedIds = shallowReactive(/* @__PURE__ */ new Set());
 	const selectedIndexes = computed(() => {
-		return new Set(Array.from(selection.selectedItems.value).map((item) => item?.index));
+		return new Set(Array.from(selection.selectedItems.value).map((item) => item?.index).filter((index) => !/* @__PURE__ */ isUndefined(index)));
 	});
 	const mixedItems = computed(() => {
-		return new Set(Array.from(mixedIds).map((id) => selection.get(id)));
+		return new Set(Array.from(mixedIds).map((id) => selection.get(id)).filter((item) => !/* @__PURE__ */ isUndefined(item)));
 	});
 	function mixed(id) {
 		return mixedIds.has(id);
@@ -2129,10 +2154,10 @@ function createGroup(_options = {}) {
 		if (items.length === 0) return false;
 		return items.every((item) => selection.selectedIds.has(item.id));
 	});
-	const isMixed = toRef(() => {
+	const isNoneSelected = computed(() => selection.selectedIds.size === 0);
+	const isMixed = computed(() => {
 		return mixedIds.size > 0 || !isNoneSelected.value && !isAllSelected.value;
 	});
-	const isNoneSelected = toRef(() => selection.selectedIds.size === 0);
 	function selectAll() {
 		for (const item of selectableItems.value) {
 			mixedIds.delete(item.id);
@@ -2204,7 +2229,7 @@ function createGroup(_options = {}) {
 * ```
 */
 function createGroupContext(_options = {}) {
-	const { namespace = "v0:group",...options } = _options;
+	const { namespace = "v0:group", ...options } = _options;
 	const [useGroupContext, _provideGroupContext] = createContext(namespace);
 	const context = createGroup(options);
 	function provideGroupContext(_context = context, app) {
@@ -2242,7 +2267,7 @@ function useGroup(namespace = "v0:group") {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2263,7 +2288,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: ["update:modelValue"],
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -2292,11 +2317,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$17;
+var GroupRoot_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -2332,7 +2357,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			mix: ticket.mix,
 			unmix: ticket.unmix,
 			attrs: {
-				"aria-selected": toValue(ticket.isSelected),
+				"role": "checkbox",
+				"aria-checked": toValue(ticket.isMixed) ? "mixed" : toValue(ticket.isSelected),
 				"aria-disabled": toValue(isDisabled),
 				"data-selected": toValue(ticket.isSelected) || void 0,
 				"data-disabled": toValue(isDisabled) || void 0,
@@ -2344,10 +2370,15 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$16;
+var GroupItem_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Group/index.ts
+/**
+* Group component with sub-components for multi-selection.
+*
+* @see https://0.vuetifyjs.com/components/group
+*/
 const Group = {
 	Root: GroupRoot_default,
 	Item: GroupItem_default
@@ -2455,7 +2486,7 @@ function createHydrationContext(_options = {}) {
 * ```
 */
 function createHydrationPlugin(_options = {}) {
-	const { namespace = "v0:hydration",...options } = _options;
+	const { namespace = "v0:hydration", ...options } = _options;
 	const [, provideHydrationContext, context] = createHydrationContext({
 		...options,
 		namespace
@@ -2828,7 +2859,7 @@ function createOverflow(options = {}) {
 * ```
 */
 function createOverflowContext(_options = {}) {
-	const { namespace = "v0:overflow",...options } = _options;
+	const { namespace = "v0:overflow", ...options } = _options;
 	const [useOverflowContext, _provideOverflowContext] = createContext(namespace);
 	const context = createOverflow(options);
 	function provideOverflowContext(_context = context, app) {
@@ -2944,7 +2975,7 @@ function createPagination(_options = {}) {
 		};
 	}
 	function filter(array) {
-		return array.filter(Boolean);
+		return array.filter((item) => item !== false);
 	}
 	return {
 		page,
@@ -3059,7 +3090,7 @@ function createPagination(_options = {}) {
 * ```
 */
 function createPaginationContext(_options = {}) {
-	const { namespace = "v0:pagination",...options } = _options;
+	const { namespace = "v0:pagination", ...options } = _options;
 	const [usePaginationContext, _providePaginationContext] = createContext(namespace);
 	const context = createPagination(options);
 	function providePaginationContext(_context = context, app) {
@@ -3157,7 +3188,7 @@ function usePagination(namespace = "v0:pagination") {
 * ```
 */
 function createSingle(_options = {}) {
-	const { mandatory = false, multiple = false,...options } = _options;
+	const { mandatory = false, multiple = false, ...options } = _options;
 	const registry = createSelection({
 		...options,
 		mandatory,
@@ -3214,7 +3245,7 @@ function createSingle(_options = {}) {
 * ```
 */
 function createSingleContext(_options = {}) {
-	const { namespace = "v0:single",...options } = _options;
+	const { namespace = "v0:single", ...options } = _options;
 	const [useSingleContext, _provideSingleContext] = createContext(namespace);
 	const context = createSingle(options);
 	function provideSingleContext(_context = context, app) {
@@ -3402,7 +3433,7 @@ function createTokens(tokens = {}, options = {}) {
 * ```
 */
 function createTokensContext(_options) {
-	const { namespace = "v0:tokens", tokens = {},...options } = _options;
+	const { namespace = "v0:tokens", tokens = {}, ...options } = _options;
 	const [useTokensContext, _provideTokensContext] = createContext(namespace);
 	const context = createTokens(tokens, options);
 	function provideTokensContext(_context = context, app) {
@@ -3567,7 +3598,7 @@ var Vuetify0LocaleAdapter = class {
 * @see https://0.vuetifyjs.com/composables/plugins/use-locale
 */
 function createLocale(_options = {}) {
-	const { adapter = new Vuetify0LocaleAdapter(), messages = {},...options } = _options;
+	const { adapter = new Vuetify0LocaleAdapter(), messages = {}, ...options } = _options;
 	const tokens = createTokens(messages);
 	const registry = createSingle(options);
 	for (const id in messages) {
@@ -3643,7 +3674,7 @@ function createLocaleFallback() {
 * ```
 */
 function createLocaleContext(_options = {}) {
-	const { namespace = "v0:locale",...options } = _options;
+	const { namespace = "v0:locale", ...options } = _options;
 	const [useLocaleContext, _provideLocaleContext] = createContext(namespace);
 	const context = createLocale(options);
 	function provideLocaleContext(_context = context, app) {
@@ -3664,7 +3695,7 @@ function createLocaleContext(_options = {}) {
 * @see https://0.vuetifyjs.com/composables/plugins/use-locale
 */
 function createLocalePlugin(_options = {}) {
-	const { namespace = "v0:locale", adapter = new Vuetify0LocaleAdapter(), messages = {},...options } = _options;
+	const { namespace = "v0:locale", adapter = new Vuetify0LocaleAdapter(), messages = {}, ...options } = _options;
 	const [, provideLocaleContext, context] = createLocaleContext({
 		...options,
 		namespace,
@@ -3700,7 +3731,7 @@ function useLocale(namespace = "v0:locale") {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -3748,7 +3779,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			page,
 			visible: computed(() => {
 				const totalCap = overflow.capacity.value;
-				if (totalCap === Infinity) return __props.totalVisible ?? Infinity;
+				if (totalCap === Infinity) return __props.totalVisible ?? 7;
 				const pageCap = Math.max(0, totalCap - controls.size);
 				const noVisible = /* @__PURE__ */ isNullOrUndefined(__props.totalVisible);
 				if (pageCap > 0) return noVisible ? pageCap : Math.min(__props.totalVisible, pageCap);
@@ -3773,7 +3804,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			next: pagination.next,
 			prev: pagination.prev,
 			select: pagination.select,
-			attrs: { "aria-label": locale.t("Pagination.label", void 0, "Pagination") }
+			attrs: {
+				"aria-label": locale.t("Pagination.label", void 0, "Pagination"),
+				"role": __props.as === "nav" ? void 0 : "navigation"
+			}
 		}));
 		providePaginationRoot(__props.namespace, pagination);
 		providePaginationControls(__props.namespace, controls);
@@ -3792,11 +3826,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$15;
+var PaginationRoot_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -3837,11 +3871,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$14;
+var PaginationEllipsis_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -3873,9 +3907,10 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			first,
 			attrs: {
 				"aria-label": locale.t("Pagination.first", void 0, "Go to first page"),
-				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"tabindex": isDisabled.value ? -1 : 0,
 				"type": __props.as === "button" ? "button" : void 0,
 				"onClick": first
 			}
@@ -3895,11 +3930,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$13;
+var PaginationFirst_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -3941,9 +3976,11 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"aria-label": ariaLabel.value,
 				"aria-current": isSelected.value ? "page" : void 0,
+				"aria-disabled": __props.disabled,
 				"data-selected": isSelected.value || void 0,
 				"data-disabled": __props.disabled || void 0,
 				"disabled": __props.as === "button" ? __props.disabled : void 0,
+				"tabindex": __props.disabled ? -1 : 0,
 				"type": __props.as === "button" ? "button" : void 0,
 				"onClick": select
 			}
@@ -3957,17 +3994,17 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(__props.value), 1)])]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$12;
+var PaginationItem_default = _sfc_main$13;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -3999,9 +4036,10 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 			last,
 			attrs: {
 				"aria-label": locale.t("Pagination.last", void 0, "Go to last page"),
-				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"tabindex": isDisabled.value ? -1 : 0,
 				"type": __props.as === "button" ? "button" : void 0,
 				"onClick": last
 			}
@@ -4021,11 +4059,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$11;
+var PaginationLast_default = _sfc_main$12;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -4057,9 +4095,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			next,
 			attrs: {
 				"aria-label": locale.t("Pagination.next", void 0, "Go to next page"),
-				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"tabindex": isDisabled.value ? -1 : 0,
 				"type": __props.as === "button" ? "button" : void 0,
 				"onClick": next
 			}
@@ -4079,11 +4118,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$10;
+var PaginationNext_default = _sfc_main$11;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -4115,9 +4154,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 			prev,
 			attrs: {
 				"aria-label": locale.t("Pagination.prev", void 0, "Go to previous page"),
-				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
+				"tabindex": isDisabled.value ? -1 : 0,
 				"type": __props.as === "button" ? "button" : void 0,
 				"onClick": prev
 			}
@@ -4137,10 +4177,61 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$9;
+var PaginationPrev_default = _sfc_main$10;
+
+//#endregion
+//#region src/components/Pagination/PaginationStatus.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "PaginationStatus",
+	__name: "PaginationStatus",
+	props: {
+		namespace: { default: "v0:pagination" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const locale = useLocale();
+		const pagination = usePaginationRoot(__props.namespace);
+		const text = shallowRef("");
+		watch(() => pagination.page.value, (page, prevPage) => {
+			if (prevPage === void 0) return;
+			setTimeout(() => {
+				text.value = locale.t("Pagination.status", {
+					page,
+					pages: pagination.pages
+				}, `Page ${page} of ${pagination.pages}`);
+			}, 100);
+		});
+		const slotProps = toRef(() => ({
+			page: pagination.page.value,
+			pages: pagination.pages,
+			text: text.value,
+			attrs: {
+				"aria-atomic": true,
+				"aria-live": "polite",
+				"role": "status"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(text.value), 1)])]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var PaginationStatus_default = _sfc_main$9;
 
 //#endregion
 //#region src/components/Pagination/index.ts
+/**
+* Pagination component with sub-components for building pagination controls.
+*
+* @see https://0.vuetifyjs.com/components/pagination
+*/
 const Pagination = {
 	Root: PaginationRoot_default,
 	Item: PaginationItem_default,
@@ -4148,7 +4239,8 @@ const Pagination = {
 	Prev: PaginationPrev_default,
 	Ellipsis: PaginationEllipsis_default,
 	Next: PaginationNext_default,
-	Last: PaginationLast_default
+	Last: PaginationLast_default,
+	Status: PaginationStatus_default
 };
 
 //#endregion
@@ -4295,6 +4387,11 @@ var PopoverContent_default = _sfc_main$6;
 
 //#endregion
 //#region src/components/Popover/index.ts
+/**
+* Popover component with sub-components for building popovers.
+*
+* @see https://0.vuetifyjs.com/components/popover
+*/
 const Popover = {
 	Root: PopoverRoot_default,
 	Anchor: PopoverAnchor_default,
@@ -4329,7 +4426,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: ["update:modelValue"],
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = createSelection({
@@ -4404,6 +4501,11 @@ var SelectionItem_default = _sfc_main$4;
 
 //#endregion
 //#region src/components/Selection/index.ts
+/**
+* Selection component with sub-components for managing item selection state.
+*
+* @see https://0.vuetifyjs.com/components/selection
+*/
 const Selection = {
 	Root: SelectionRoot_default,
 	Item: SelectionItem_default
@@ -4506,6 +4608,11 @@ var SingleItem_default = _sfc_main$2;
 
 //#endregion
 //#region src/components/Single/index.ts
+/**
+* Single component with sub-components for building single-selection interfaces.
+*
+* @see https://0.vuetifyjs.com/components/single
+*/
 const Single = {
 	Root: SingleRoot_default,
 	Item: SingleItem_default
@@ -4596,7 +4703,7 @@ const Single = {
 * ```
 */
 function createStep(_options = {}) {
-	const { circular = false,...options } = _options;
+	const { circular = false, ...options } = _options;
 	const registry = createSingle(options);
 	function first() {
 		const ticket = registry.seek("first");
@@ -4672,7 +4779,7 @@ function createStep(_options = {}) {
 * ```
 */
 function createStepContext(_options = {}) {
-	const { namespace = "v0:step",...options } = _options;
+	const { namespace = "v0:step", ...options } = _options;
 	const [useStepContext, _provideStepContext] = createContext(namespace);
 	const context = createStep(options);
 	function provideStepContext(_context = context, app) {
@@ -4810,6 +4917,11 @@ var StepItem_default = _sfc_main;
 
 //#endregion
 //#region src/components/Step/index.ts
+/**
+* Step component with sub-components for building stepper navigation.
+*
+* @see https://0.vuetifyjs.com/components/step
+*/
 const Step = {
 	Root: StepRoot_default,
 	Item: StepItem_default
@@ -5203,7 +5315,7 @@ function createBreakpoints(_options = {}) {
 * ```
 */
 function createBreakpointsContext(_options = {}) {
-	const { namespace = "v0:breakpoints",...options } = _options;
+	const { namespace = "v0:breakpoints", ...options } = _options;
 	const [useBreakpointsContext, _provideBreakpointsContext] = createContext(namespace);
 	const context = createBreakpoints(options);
 	function provideBreakpointsContext(_context = context, app) {
@@ -5247,7 +5359,7 @@ function createBreakpointsContext(_options = {}) {
 * ```
 */
 function createBreakpointsPlugin(_options = {}) {
-	const { namespace = "v0:breakpoints",...options } = _options;
+	const { namespace = "v0:breakpoints", ...options } = _options;
 	const [, provideBreakpointsContext, context] = createBreakpointsContext({
 		...options,
 		namespace
@@ -5348,7 +5460,7 @@ function useBreakpoints(namespace = "v0:breakpoints") {
 * ```
 */
 function createFeatures(_options = {}) {
-	const { features,...options } = _options;
+	const { features, ...options } = _options;
 	const tokens = createTokens(features, { flat: true });
 	const registry = createGroup(options);
 	for (const [id, { value }] of tokens.entries()) register({
@@ -5402,7 +5514,7 @@ function createFeatures(_options = {}) {
 * ```
 */
 function createFeaturesContext(_options = {}) {
-	const { namespace = "v0:features",...options } = _options;
+	const { namespace = "v0:features", ...options } = _options;
 	const [useFeaturesContext, _provideFeaturesContext] = createContext(namespace);
 	const context = createFeatures(options);
 	function provideFeaturesContext(_context = context, app) {
@@ -5441,7 +5553,7 @@ function createFeaturesContext(_options = {}) {
 * ```
 */
 function createFeaturesPlugin(_options = {}) {
-	const { namespace = "v0:features",...options } = _options;
+	const { namespace = "v0:features", ...options } = _options;
 	const [, provideFeaturesContext, context] = createFeaturesContext({
 		...options,
 		namespace
@@ -5495,6 +5607,7 @@ function useFeatures(namespace = "v0:features") {
 * - Case-insensitive filtering
 * - Custom filter functions
 * - Reactive updates
+* - Context-based DI support
 * - Perfect for search, multi-criteria filtering
 *
 * Filters arrays based on query strings with configurable matching strategies.
@@ -5512,6 +5625,89 @@ function defaultFilter(query, item, keys, mode = "some") {
 	return false;
 }
 /**
+* Creates a filter context with pre-configured options.
+*
+* @param options The filter options
+* @template Z The type of the items
+* @template E The type of the filter context
+* @returns A filter context
+*
+* @see https://0.vuetifyjs.com/composables/utilities/use-filter
+*
+* @example
+* ```ts
+* import { createFilter } from '@vuetify/v0'
+*
+* const filter = createFilter({
+*   mode: 'intersection',
+*   keys: ['name', 'email'],
+* })
+*
+* const { items } = filter.apply(query, users)
+* ```
+*/
+function createFilter(options = {}) {
+	const { customFilter, keys, mode = "some" } = options;
+	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, keys, mode));
+	const query = toRef("");
+	function apply(_query, items) {
+		const itemsRef = isRef(items) ? items : toRef(() => items);
+		const queryRef = toRef(_query);
+		return { items: computed(() => {
+			const q = toValue(queryRef);
+			query.value = q;
+			const queries = (Array.isArray(q) ? q : [q]).filter((q$1) => String(q$1).trim());
+			if (queries.length === 0) return itemsRef.value;
+			const queryParam = queries.length === 1 ? queries[0] : queries;
+			return itemsRef.value.filter((item) => filterFunction(queryParam, item));
+		}) };
+	}
+	return {
+		mode,
+		keys,
+		customFilter,
+		query,
+		apply
+	};
+}
+/**
+* Creates a filter context with dependency injection support.
+*
+* @param options The filter context options
+* @template Z The type of the items
+* @template E The type of the filter context
+* @returns A trinity tuple: [useContext, provideContext, defaultContext]
+*
+* @see https://0.vuetifyjs.com/composables/utilities/use-filter
+*
+* @example
+* ```ts
+* import { createFilterContext } from '@vuetify/v0'
+*
+* export const [useSearchFilter, provideSearchFilter, searchFilter] = createFilterContext({
+*   namespace: 'app:search',
+*   mode: 'union',
+*   keys: ['title', 'description'],
+* })
+*
+* // In parent component
+* provideSearchFilter()
+*
+* // In child component
+* const filter = useSearchFilter()
+* const { items } = filter.apply(query, products)
+* ```
+*/
+function createFilterContext(_options = {}) {
+	const { namespace = "v0:filter", ...options } = _options;
+	const [useFilterContext$1, _provideFilterContext] = createContext(namespace);
+	const context = createFilter(options);
+	function provideFilterContext(_context = context, app) {
+		return _provideFilterContext(_context, app);
+	}
+	return createTrinity(useFilterContext$1, provideFilterContext, context);
+}
+/**
 * A reusable function for filtering an array of items.
 *
 * @param query The query to filter by.
@@ -5540,17 +5736,30 @@ function defaultFilter(query, item, keys, mode = "some") {
 * ```
 */
 function useFilter(query, items, options = {}) {
-	const { customFilter, keys, mode = "some" } = options;
-	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, keys, mode));
-	const itemsRef = isRef(items) ? items : toRef(() => items);
-	const queryRef = toRef(query);
-	return { items: computed(() => {
-		const q = toValue(queryRef);
-		const queries = (Array.isArray(q) ? q : [q]).filter((q$1) => String(q$1).trim());
-		if (queries.length === 0) return itemsRef.value;
-		const queryParam = queries.length === 1 ? queries[0] : queries;
-		return itemsRef.value.filter((item) => filterFunction(queryParam, item));
-	}) };
+	return createFilter(options).apply(query, items);
+}
+/**
+* Returns the current filter context from dependency injection.
+*
+* @param namespace The namespace for the filter context. Defaults to `'v0:filter'`.
+* @template Z The type of the items.
+* @template E The type of the filter context.
+* @returns The current filter context.
+*
+* @see https://0.vuetifyjs.com/composables/utilities/use-filter
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { useFilterContext } from '@vuetify/v0'
+*
+*   const filter = useFilterContext()
+*   const { items } = filter.apply(query, products)
+* <\/script>
+* ```
+*/
+function useFilterContext(namespace = "v0:filter") {
+	return useContext(namespace);
 }
 
 //#endregion
@@ -5739,7 +5948,7 @@ function createForm(options) {
 * ```
 */
 function createFormContext(_options = {}) {
-	const { namespace = "v0:form",...options } = _options;
+	const { namespace = "v0:form", ...options } = _options;
 	const [useFormContext, _provideFormContext] = createContext(namespace);
 	const context = createForm(options);
 	function provideFormContext(_context = context, app) {
@@ -6229,7 +6438,7 @@ var Vuetify0PermissionAdapter = class extends PermissionAdapter {
 * ```
 */
 function createPermissions(_options = {}) {
-	const { adapter = new Vuetify0PermissionAdapter(), permissions = {},...options } = _options;
+	const { adapter = new Vuetify0PermissionAdapter(), permissions = {}, ...options } = _options;
 	const record = {};
 	for (const role in permissions) {
 		if (!record[role]) record[role] = {};
@@ -6271,7 +6480,7 @@ function createPermissions(_options = {}) {
 * ```
 */
 function createPermissionsContext(_options = {}) {
-	const { namespace = "v0:permissions",...options } = _options;
+	const { namespace = "v0:permissions", ...options } = _options;
 	const [usePermissionsContext, _providePermissionsContext] = createContext(namespace);
 	const context = createPermissions(options);
 	function providePermissionsContext(_context = context, app) {
@@ -6310,7 +6519,7 @@ function createPermissionsContext(_options = {}) {
 * ```
 */
 function createPermissionsPlugin(_options = {}) {
-	const { namespace = "v0:permissions",...options } = _options;
+	const { namespace = "v0:permissions", ...options } = _options;
 	const [, providePermissionContext, context] = createPermissionsContext({
 		...options,
 		namespace
@@ -6398,7 +6607,7 @@ function usePermissions(namespace = "v0:permissions") {
 * ```
 */
 function createQueue(_options = {}) {
-	const { timeout: _timeout = 3e3,...options } = _options;
+	const { timeout: _timeout = 3e3, ...options } = _options;
 	const registry = useRegistry({
 		...options,
 		events: true
@@ -6493,7 +6702,6 @@ function createQueue(_options = {}) {
 /**
 * Creates a new queue context.
 *
-* @param namespace The namespace for the 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.
@@ -6505,13 +6713,13 @@ function createQueue(_options = {}) {
 * ```ts
 * import { createQueueContext } from '@vuetify/v0'
 *
-* export const [useQueue, provideQueue] = createQueueContext('v0:queue', {
+* export const [useQueue, provideQueue, context] = createQueueContext({
 *   timeout: 5000,
 * })
 * ```
 */
-function createQueueContext(_options) {
-	const { namespace,...options } = _options;
+function createQueueContext(_options = {}) {
+	const { namespace = "v0:queue", ...options } = _options;
 	const [useQueueContext, _provideQueueContext] = createContext(namespace);
 	const context = createQueue(options);
 	function provideQueueContext(_context = context, app) {
@@ -6669,7 +6877,7 @@ function createStorage(options = {}) {
 	};
 }
 function createStorageContext(_options = {}) {
-	const { namespace = "v0:storage",...options } = _options;
+	const { namespace = "v0:storage", ...options } = _options;
 	const [useStorageContext, _provideStorageContext] = createContext(namespace);
 	const context = createStorage(options);
 	function provideStorageContext(_context = context, app) {
@@ -6699,7 +6907,7 @@ function createStorageContext(_options = {}) {
 * ```
 */
 function createStoragePlugin(_options = {}) {
-	const { namespace = "v0:storage",...options } = _options;
+	const { namespace = "v0:storage", ...options } = _options;
 	const [, provideStorageContext, context] = createStorageContext({
 		...options,
 		namespace
@@ -6872,14 +7080,14 @@ var Vuetify0ThemeAdapter = class extends ThemeAdapter {
 * ```
 */
 function createTheme(_options = {}) {
-	const { themes = {}, palette = {},...options } = _options;
+	const { themes = {}, palette = {}, ...options } = _options;
 	const tokens = createTokens({
 		palette,
 		...themes
 	}, { flat: true });
 	const registry = createSingle(options);
 	for (const id in themes) {
-		const { colors: value,...theme } = themes[id];
+		const { colors: value, ...theme } = themes[id];
 		register({
 			id,
 			value,
@@ -6961,7 +7169,7 @@ function createTheme(_options = {}) {
 * ```
 */
 function createThemeContext(_options = {}) {
-	const { namespace = "v0:theme",...options } = _options;
+	const { namespace = "v0:theme", ...options } = _options;
 	const [useThemeContext, _provideThemeContext] = createContext(namespace);
 	const context = createTheme(options);
 	function provideThemeContext(_context = context, app) {
@@ -7011,7 +7219,7 @@ function createThemeContext(_options = {}) {
 * ```
 */
 function createThemePlugin(_options = {}) {
-	const { adapter = new Vuetify0ThemeAdapter(), namespace = "v0:theme", palette = {}, themes = {}, target,...options } = _options;
+	const { adapter = new Vuetify0ThemeAdapter(), namespace = "v0:theme", palette = {}, themes = {}, target, ...options } = _options;
 	const [, provideThemeContext, context] = createThemeContext({
 		...options,
 		namespace,
@@ -7100,7 +7308,7 @@ function useTheme(namespace = "v0:theme") {
 * ```
 */
 function createTimeline(_options = {}) {
-	const { size = 10,...options } = _options;
+	const { size = 10, ...options } = _options;
 	const registry = useRegistry(options);
 	const stack = [];
 	const overflow = [];
@@ -7175,7 +7383,7 @@ function createTimeline(_options = {}) {
 * ```
 */
 function createTimelineContext(_options = {}) {
-	const { namespace = "v0:timeline",...options } = _options;
+	const { namespace = "v0:timeline", ...options } = _options;
 	const [useTimelineContext, _provideTimelineContext] = createContext(namespace);
 	const context = createTimeline(options);
 	function provideTimelineContext(_context = context, app) {
@@ -7560,6 +7768,11 @@ function useVirtual(items, _options = {}) {
 			element.value.scrollTop = totalHeight;
 		}
 	}
+	onScopeDispose(() => {
+		cancelAnimationFrame(raf);
+		cancelAnimationFrame(rebuildRaf);
+		cancelAnimationFrame(edgeRaf);
+	});
 	return {
 		element,
 		items: computedItems,
@@ -7575,4 +7788,4 @@ function useVirtual(items, _options = {}) {
 }
 
 //#endregion
-export { Atom_default as Atom, Avatar, COMMON_ELEMENTS, ConsolaLoggerAdapter, ExpansionPanel, Group, IN_BROWSER, MemoryAdapter, Pagination, PermissionAdapter, PinoLoggerAdapter, Popover, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Selection, Single, Step, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createQueue, createQueueContext, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, debounce, genId, isArray, isBoolean, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, provideAvatarContext, provideContext, provideExpansionPanelItem, provideExpansionPanelSelection, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideSelectionRoot, provideSingleRoot, provideStepRoot, range, toArray, toReactive, useAvatarRoot, useBreakpoints, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHydration, useIntersectionObserver, useKeydown, useLocale, useLogger, useMutationObserver, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, useProxyModel, useProxyRegistry, useQueue, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStep, useStepRoot, useStorage, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };
+export { Atom_default as Atom, Avatar, AvatarFallback_default as AvatarFallback, AvatarImage_default as AvatarImage, AvatarRoot_default as AvatarRoot, COMMON_ELEMENTS, ConsolaLoggerAdapter, ExpansionPanel, ExpansionPanelActivator_default as ExpansionPanelActivator, ExpansionPanelContent_default as ExpansionPanelContent, ExpansionPanelHeader_default as ExpansionPanelHeader, ExpansionPanelItem_default as ExpansionPanelItem, ExpansionPanelRoot_default as ExpansionPanelRoot, Group, GroupItem_default as GroupItem, GroupRoot_default as GroupRoot, IN_BROWSER, MemoryAdapter, Pagination, PaginationEllipsis_default as PaginationEllipsis, PaginationFirst_default as PaginationFirst, PaginationItem_default as PaginationItem, PaginationLast_default as PaginationLast, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, PaginationRoot_default as PaginationRoot, PaginationStatus_default as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, PopoverAnchor_default as PopoverAnchor, PopoverContent_default as PopoverContent, PopoverRoot_default as PopoverRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Selection, SelectionItem_default as SelectionItem, SelectionRoot_default as SelectionRoot, Single, SingleItem_default as SingleItem, SingleRoot_default as SingleRoot, Step, StepItem_default as StepItem, StepRoot_default as StepRoot, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createQueue, createQueueContext, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, debounce, genId, isArray, isBoolean, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, provideAvatarContext, provideContext, provideExpansionPanelItem, provideExpansionPanelSelection, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideSelectionRoot, provideSingleRoot, provideStepRoot, range, toArray, toReactive, useAvatarRoot, useBreakpoints, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useFilterContext, useForm, useGroup, useGroupRoot, useHydration, useIntersectionObserver, useKeydown, useLocale, useLogger, useMutationObserver, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, useProxyModel, useProxyRegistry, useQueue, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStep, useStepRoot, useStorage, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };