@vuetify/v0 0.1.3 → 0.1.5

package/dist/browser/index.js

@@ -1,5 +1,5 @@
 import * as Vue from "vue";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, inject, isRef, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowReactive, shallowReadonly, shallowRef, toDisplayString, toRaw, toRef, toValue, unref, useAttrs, useId as useId$1, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, hasInjectionContext, inject, isRef, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowReactive, shallowReadonly, shallowRef, toDisplayString, toRaw, toRef, toValue, unref, useAttrs, useId as useId$1, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 
 //#region src/constants/htmlElements.ts
 const selfClosingTags = [
@@ -85,7 +85,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "0.1.3";
+const version = "0.1.5";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 
@@ -227,6 +227,23 @@ function isArray(item) {
 	return Array.isArray(item);
 }
 /**
+* Checks if a value is a DOM Element
+*
+* @param item The value to check
+* @returns True if the value is a DOM Element
+*
+* @example
+* ```ts
+* isElement(document.body) // true
+* isElement('string')      // false
+* isElement(null)          // false
+* ```
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function isElement(item) {
+	return item instanceof Element;
+}
+/**
 * Checks if a value is null
 *
 * @param item The value to check
@@ -511,7 +528,7 @@ function debounce(fn, delay) {
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -542,7 +559,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$54;
+var Atom_default = _sfc_main$60;
 
 //#endregion
 //#region src/composables/createContext/index.ts
@@ -691,6 +708,21 @@ function createTrinity(useContext$1, provideContext$1, context) {
 
 //#endregion
 //#region src/composables/createPlugin/index.ts
+/**
+* @module createPlugin
+*
+* @see https://vuejs.org/guide/reusability/plugins.html
+* @see https://0.vuetifyjs.com/composables/foundation/create-plugin
+*
+* @remarks
+* Factory for creating Vue plugins with proper context provision.
+*
+* Wraps the provide function in app.runWithContext() to ensure proper execution context,
+* allowing plugins to safely provide dependency injection contexts at the application level.
+*
+* Also exports `createPluginContext` — a higher-level factory that generates the standard
+* context/plugin/consumer triple for plugin composables, eliminating boilerplate.
+*/
 const INSTALLED = Symbol.for("v0:installed-plugins");
 function getInstalled(app) {
 	const ctx = app._context;
@@ -731,6 +763,68 @@ function createPlugin(options) {
 		});
 	} };
 }
+/**
+* Creates the three standard functions for a plugin composable.
+*
+* @param defaultNamespace The default DI namespace string (e.g. `'v0:logger'`).
+* @param factory Function that creates the composable context instance from options.
+* @param config Optional setup callback and fallback factory.
+* @returns A readonly tuple: `[createXContext, createXPlugin, useX]`.
+*
+* @example
+* ```ts
+* // Simple — no setup or fallback
+* export const [createStorageContext, createStoragePlugin, useStorage] =
+*   createPluginContext('v0:storage', options => createStorage(options))
+*
+* // With fallback — safe outside component instances
+* export const [createLoggerContext, createLoggerPlugin, useLogger] =
+*   createPluginContext('v0:logger', options => createLogger(options), {
+*     fallback: ns => createFallbackLogger(ns),
+*     setup: (context) => {
+*       if (__DEV__ && IN_BROWSER) (window as any).__v0Logger__ = context
+*     },
+*   })
+* ```
+*/
+function createPluginContext(defaultNamespace, factory, config) {
+	function createXContext(_options = {}) {
+		const { namespace = defaultNamespace, ...options } = _options;
+		const [_use, _provide] = createContext(namespace);
+		const context = factory(options);
+		function provide$1(_context = context, app) {
+			return _provide(_context, app);
+		}
+		return createTrinity(_use, provide$1, context);
+	}
+	function createXPlugin(_options = {}) {
+		const { namespace = defaultNamespace, ...options } = _options;
+		const [, provide$1, context] = createXContext({
+			...options,
+			namespace
+		});
+		return createPlugin({
+			namespace,
+			provide: (app) => {
+				provide$1(context, app);
+			},
+			setup: config?.setup ? (app) => config.setup(context, app, options) : void 0
+		});
+	}
+	function useX(namespace = defaultNamespace) {
+		if (config?.fallback) {
+			const instance = config.fallback(namespace);
+			if (!hasInjectionContext()) return instance;
+			return useContext(namespace, instance);
+		}
+		return useContext(namespace);
+	}
+	return [
+		createXContext,
+		createXPlugin,
+		useX
+	];
+}
 
 //#endregion
 //#region src/composables/useLogger/adapters/consola.ts
@@ -1026,85 +1120,12 @@ function createFallbackLogger(namespace = "v0:logger") {
 * })
 * ```
 */
-function createLoggerContext(_options = {}) {
-	const { namespace = "v0:logger", ...options } = _options;
-	const [useLoggerContext, _provideLoggerContext] = createContext(namespace);
-	const context = createLogger(options);
-	function provideLoggerContext(_context = context, app) {
-		return _provideLoggerContext(_context, app);
-	}
-	return createTrinity(useLoggerContext, provideLoggerContext, context);
-}
-/**
-* Creates a new logger plugin.
-*
-* @param options The options for the logger plugin.
-* @returns A new logger plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-logger
-*
-* @example
-* ```ts
-* import { createApp } from 'vue'
-* import { createLoggerPlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
-*
-* app.use(
-*  createLoggerPlugin({
-*    level: 'debug',
-*    prefix: '[MyApp]',
-*  })
-* )
-*
-* app.mount('#app')
-* ```
-*/
-function createLoggerPlugin(_options = {}) {
-	const { namespace = "v0:logger", ...options } = _options;
-	const [, provideLoggerContext, context] = createLoggerContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideLoggerContext(context, app);
-		},
-		setup: (_app) => {}
-	});
-}
-/**
-* Uses an existing or creates a new logger instance.
-*
-* @param namespace The namespace for the logger context. Defaults to `'v0:logger'`.
-* @returns The logger instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-logger
-*
-* @example
-* ```ts
-* import { useLogger } from '@vuetify/v0'
-*
-* const logger = useLogger()
-*
-* logger.info('This is an info message')
-* logger.debug('This is a debug message')
-* logger.error('This is an error message')
-* logger.level('debug')
-* logger.debug('This debug message will now be logged')
-* ```
-*/
-function useLogger(namespace = "v0:logger") {
-	const fallback = createFallbackLogger(namespace);
-	if (!instanceExists()) return fallback;
-	try {
-		return useContext(namespace, fallback);
-	} catch {
-		return fallback;
+const [createLoggerContext, createLoggerPlugin, useLogger] = createPluginContext("v0:logger", (options) => createLogger(options), {
+	fallback: (ns) => createFallbackLogger(ns),
+	setup: (context, _app, _options) => {
+		if (!/* @__PURE__ */ isUndefined(false) && false);
 	}
-}
+});
 
 //#endregion
 //#region src/composables/createRegistry/index.ts
@@ -1767,7 +1788,7 @@ function useSelection(namespace = "v0:selection") {
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -1792,11 +1813,11 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$53;
+var AvatarRoot_default = _sfc_main$59;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -1821,11 +1842,11 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$52;
+var AvatarFallback_default = _sfc_main$58;
 
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -1885,7 +1906,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$51;
+var AvatarImage_default = _sfc_main$57;
 
 //#endregion
 //#region src/components/Avatar/index.ts
@@ -2688,92 +2709,137 @@ function createFallbackHydration() {
 * })
 * ```
 */
-function createHydrationContext(_options = {}) {
-	const { namespace = "v0:hydration" } = _options;
-	const [useHydrationContext, _provideHydrationContext] = createContext(namespace);
-	const context = createHydration();
-	function provideHydrationContext(_context = context, app) {
-		return _provideHydrationContext(_context, app);
+const [createHydrationContext, createHydrationPlugin, useHydration] = createPluginContext("v0:hydration", () => createHydration(), {
+	fallback: () => createFallbackHydration(),
+	setup: (context, app, _options) => {
+		app.mixin({ async mounted() {
+			if (!/* @__PURE__ */ isNull(this.$parent)) return;
+			context.hydrate();
+			await nextTick();
+			context.settle();
+		} });
 	}
-	return createTrinity(useHydrationContext, provideHydrationContext, context);
-}
+});
+
+//#endregion
+//#region src/composables/toElement/index.ts
 /**
-* Creates a new hydration plugin.
+* Resolves a {@link MaybeElementRef} to a DOM Element or undefined.
 *
-* @param options The options for the hydration plugin.
-* @template E The type of the hydration context.
-* @returns A new hydration plugin.
+* Handles:
+* - `Ref<Element>`, `ShallowRef<HTMLElement>`, getter functions
+* - Vue component instances (extracts `$el`)
+* - Raw DOM elements (pass-through)
+* - null/undefined (returns undefined)
 *
-* @see https://0.vuetifyjs.com/composables/plugins/use-hydration
+* @param target The element ref, getter, or raw value to resolve
+* @returns The resolved DOM Element, or undefined if not available
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-element
 *
 * @example
 * ```ts
-* import { createApp } from 'vue'
-* import { createHydrationPlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
+* import { toElement } from '@vuetify/v0'
 *
-* app.use(createHydrationPlugin())
+* const el = shallowRef<HTMLElement | null>(null)
+* toElement(el) // HTMLElement | undefined
 *
-* app.mount('#app')
+* const component = ref<ComponentPublicInstance>()
+* toElement(component) // Element | undefined (from $el)
 * ```
 */
-function createHydrationPlugin(_options = {}) {
-	const { namespace = "v0:hydration", ...options } = _options;
-	const [, provideHydrationContext, context] = createHydrationContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideHydrationContext(context, app);
-		},
-		setup: (app) => {
-			app.mixin({ async mounted() {
-				if (!/* @__PURE__ */ isNull(this.$parent)) return;
-				context.hydrate();
-				await nextTick();
-				context.settle();
-			} });
-		}
-	});
+/* @__NO_SIDE_EFFECTS__ */
+function toElement(target) {
+	const raw = typeof target === "function" ? target() : target && typeof target === "object" && "value" in target ? target.value : target;
+	if (!raw) return void 0;
+	if (raw instanceof Element) return raw;
+	if ("$el" in raw) return raw.$el;
 }
+
+//#endregion
+//#region src/composables/createObserver/index.ts
 /**
-* Returns the current hydration instance.
-*
-* @param namespace The namespace for the hydration context. Defaults to `v0:hydration`.
-* @returns The current hydration instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-hydration
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useHydration } from '@vuetify/v0'
-*
-*   const { isHydrated, isSettled } = useHydration()
+* @module createObserver
 *
-*   // Use isSettled to gate animations after state restoration
-*   const transition = computed(() => isSettled.value ? 'fade' : undefined)
-* <\/script>
+* @remarks
+* Internal factory for browser Observer API composables. Encapsulates the
+* shared lifecycle, hydration, pause/resume/stop, and target-watch logic
+* used by useResizeObserver, useIntersectionObserver, and useMutationObserver.
 *
-* <template>
-*   <Transition :name="transition">
-*     <div v-if="show">Animates only after hydration settles</div>
-*   </Transition>
-* </template>
-* ```
+* The `observer` ref uses a three-state sentinel:
+* - `undefined` — not yet created
+* - `null` — permanently stopped (`stop()` was called; `setup()` is a no-op)
+* - instance — active observer
 */
-function useHydration(namespace = "v0:hydration") {
-	const fallback = createFallbackHydration();
-	if (!instanceExists()) return fallback;
-	try {
-		return useContext(namespace, fallback);
-	} catch {
-		return fallback;
+function createObserver(target, userCallback, config) {
+	const { isHydrated } = useHydration();
+	const resolved = toRef(() => /* @__PURE__ */ toElement(target));
+	const observer = shallowRef(void 0);
+	const isPaused = shallowRef(false);
+	const isActive = toRef(() => !!observer.value);
+	function invoke(entries) {
+		config.onEntry?.(entries);
+		userCallback(entries);
+		if (config.once) {
+			if (config.shouldStop ? config.shouldStop(entries) : true) stop();
+		}
+	}
+	function setup() {
+		if (/* @__PURE__ */ isNull(observer.value)) return;
+		const el = resolved.value;
+		if (!isHydrated.value || !config.supports || !/* @__PURE__ */ isElement(el) || isPaused.value) return;
+		observer.value = config.create(invoke);
+		config.observe(observer.value, el);
+		if (config.immediate) {
+			const entries = config.immediate(el);
+			if (config.onceIncludesImmediate) invoke(entries);
+			else {
+				config.onEntry?.(entries);
+				userCallback(entries);
+			}
+		}
+	}
+	watch(resolved, (el, oldEl) => {
+		if (oldEl || observer.value) cleanup();
+		if (isHydrated.value && /* @__PURE__ */ isElement(el)) setup();
+	}, { immediate: true });
+	let stopHydrationWatch;
+	if (!isHydrated.value) stopHydrationWatch = watch(() => isHydrated.value, (hydrated) => {
+		if (hydrated && /* @__PURE__ */ isElement(resolved.value) && !observer.value) {
+			setup();
+			stopHydrationWatch?.();
+			stopHydrationWatch = void 0;
+		}
+	});
+	function cleanup() {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = void 0;
+		}
 	}
+	function pause() {
+		isPaused.value = true;
+		config.onPause?.();
+		observer.value?.disconnect();
+	}
+	function resume() {
+		isPaused.value = false;
+		setup();
+	}
+	function stop() {
+		stopHydrationWatch?.();
+		stopHydrationWatch = void 0;
+		cleanup();
+		observer.value = null;
+	}
+	onScopeDispose(stop, true);
+	return {
+		isActive: shallowReadonly(isActive),
+		isPaused: shallowReadonly(isPaused),
+		pause,
+		resume,
+		stop
+	};
 }
 
 //#endregion
@@ -2836,80 +2902,34 @@ function useHydration(namespace = "v0:hydration") {
 * ```
 */
 function useResizeObserver(target, callback, options = {}) {
-	const { isHydrated } = useHydration();
-	const targetRef = toRef(target);
-	const observer = shallowRef();
-	const isPaused = shallowRef(false);
-	const isActive = toRef(() => !!observer.value);
-	function setup() {
-		if (/* @__PURE__ */ isNull(observer.value)) return;
-		if (!isHydrated.value || !SUPPORTS_OBSERVER || !targetRef.value || isPaused.value) return;
-		observer.value = new ResizeObserver((entries) => {
-			callback(entries.map((entry) => ({
+	return createObserver(target, callback, {
+		supports: SUPPORTS_OBSERVER,
+		once: options.once,
+		create: (cb) => new ResizeObserver((entries) => {
+			cb(entries.map((e) => ({
 				contentRect: {
-					width: entry.contentRect.width,
-					height: entry.contentRect.height,
-					top: entry.contentRect.top,
-					left: entry.contentRect.left
+					width: e.contentRect.width,
+					height: e.contentRect.height,
+					top: e.contentRect.top,
+					left: e.contentRect.left
 				},
-				target: entry.target
+				target: e.target
 			})));
-			if (options.once) stop();
-		});
-		observer.value.observe(targetRef.value, { box: options.box || "content-box" });
-		if (options.immediate) {
-			const rect = targetRef.value.getBoundingClientRect();
-			callback([{
+		}),
+		observe: (obs, el) => obs.observe(el, { box: options.box ?? "content-box" }),
+		immediate: options.immediate ? (el) => {
+			const rect = el.getBoundingClientRect();
+			return [{
 				contentRect: {
 					width: rect.width,
 					height: rect.height,
 					top: rect.top,
 					left: rect.left
 				},
-				target: targetRef.value
-			}]);
-		}
-	}
-	watch(() => targetRef.value, (el, oldEl) => {
-		if (oldEl || observer.value) cleanup();
-		if (isHydrated.value && el) setup();
-	}, { immediate: true });
-	let stopHydrationWatch;
-	if (!isHydrated.value) stopHydrationWatch = watch(() => isHydrated.value, (hydrated) => {
-		if (hydrated && targetRef.value && !observer.value) {
-			setup();
-			stopHydrationWatch?.();
-			stopHydrationWatch = void 0;
-		}
+				target: el
+			}];
+		} : void 0
 	});
-	function cleanup() {
-		if (observer.value) {
-			observer.value.disconnect();
-			observer.value = void 0;
-		}
-	}
-	function pause() {
-		isPaused.value = true;
-		observer.value?.disconnect();
-	}
-	function resume() {
-		isPaused.value = false;
-		setup();
-	}
-	function stop() {
-		stopHydrationWatch?.();
-		stopHydrationWatch = void 0;
-		cleanup();
-		observer.value = null;
-	}
-	onScopeDispose(stop, true);
-	return {
-		isActive: shallowReadonly(isActive),
-		isPaused: shallowReadonly(isPaused),
-		pause,
-		resume,
-		stop
-	};
 }
 /**
 * A convenience composable that uses the Resize Observer API to track an
@@ -2953,7 +2973,7 @@ function useElementSize(target) {
 		width,
 		height,
 		isActive,
-		isPaused,
+		isPaused: shallowReadonly(isPaused),
 		pause,
 		resume,
 		stop
@@ -3534,93 +3554,12 @@ function createLocaleFallback() {
 		n: String
 	};
 }
-/**
-* Creates a new locale context.
-*
-* @param options The options for the locale context.
-* @template Z The type of the locale ticket.
-* @template E The type of the locale context.
-* @returns A new locale context.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-locale
-*
-* @example
-* ```ts
-* import { createLocaleContext } from '@vuetify/v0'
-*
-* export const [useAppLocale, provideAppLocale, appLocale] = createLocaleContext({
-*   namespace: 'app:locale',
-*   messages: {
-*     en: { hello: 'Hello' },
-*     es: { hello: 'Hola' },
-*   },
-* })
-*
-* // In a parent component:
-* provideAppLocale()
-*
-* // In a child component:
-* const locale = useAppLocale()
-* locale.select('es')
-* ```
-*/
-function createLocaleContext(_options = {}) {
-	const { namespace = "v0:locale", ...options } = _options;
-	const [useLocaleContext, _provideLocaleContext] = createContext(namespace);
-	const context = createLocale(options);
-	function provideLocaleContext(_context = context, app) {
-		return _provideLocaleContext(_context, app);
-	}
-	return createTrinity(useLocaleContext, provideLocaleContext, context);
-}
-/**
-* Creates a new locale plugin.
-*
-* @param options The options for the locale plugin.
-* @template Z The type of the locale ticket.
-* @template E The type of the locale context.
-* @template R The type of the token ticket.
-* @template O The type of the token context.
-* @returns A new locale plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-locale
-*/
-function createLocalePlugin(_options = {}) {
-	const { namespace = "v0:locale", adapter = new Vuetify0LocaleAdapter(), messages = {}, ...options } = _options;
-	const [, provideLocaleContext, context] = createLocaleContext({
-		...options,
-		namespace,
-		adapter,
-		messages
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideLocaleContext(context, app);
-		}
-	});
-}
-/**
-* Returns the current locale instance.
-*
-* @returns The current locale instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-locale
-*/
-function useLocale(namespace = "v0:locale") {
-	const fallback = createLocaleFallback();
-	if (!instanceExists()) return fallback;
-	try {
-		return useContext(namespace, fallback);
-	} catch {
-		return fallback;
-	}
-}
+const [createLocaleContext, createLocalePlugin, useLocale] = createPluginContext("v0:locale", (options) => createLocale(options), { fallback: () => createLocaleFallback() });
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -3759,11 +3698,11 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsRoot_default = _sfc_main$50;
+var BreadcrumbsRoot_default = _sfc_main$56;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -3810,11 +3749,11 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsDivider_default = _sfc_main$49;
+var BreadcrumbsDivider_default = _sfc_main$55;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -3868,11 +3807,11 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsEllipsis_default = _sfc_main$48;
+var BreadcrumbsEllipsis_default = _sfc_main$54;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -3922,11 +3861,11 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsItem_default = _sfc_main$47;
+var BreadcrumbsItem_default = _sfc_main$53;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -3945,11 +3884,11 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsLink_default = _sfc_main$46;
+var BreadcrumbsLink_default = _sfc_main$52;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -3969,11 +3908,11 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsList_default = _sfc_main$45;
+var BreadcrumbsList_default = _sfc_main$51;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -3993,7 +3932,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsPage_default = _sfc_main$44;
+var BreadcrumbsPage_default = _sfc_main$50;
 
 //#endregion
 //#region src/components/Breadcrumbs/index.ts
@@ -4125,7 +4064,7 @@ function useProxyModel(registry, model, options) {
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -4191,12 +4130,12 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxGroup_default = _sfc_main$43;
+var CheckboxGroup_default = _sfc_main$49;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -4330,18 +4269,18 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxRoot_default = _sfc_main$42;
+var CheckboxRoot_default = _sfc_main$48;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxHiddenInput.vue
-const _hoisted_1$1 = [
+const _hoisted_1$2 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle$1 = {
+const visuallyHiddenStyle$2 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -4352,7 +4291,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -4380,19 +4319,19 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle$1,
+				style: visuallyHiddenStyle$2,
 				tabindex: "-1",
 				type: "checkbox",
 				value: value.value
-			}, null, 8, _hoisted_1$1);
+			}, null, 8, _hoisted_1$2);
 		};
 	}
 });
-var CheckboxHiddenInput_default = _sfc_main$41;
+var CheckboxHiddenInput_default = _sfc_main$47;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -4425,11 +4364,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxIndicator_default = _sfc_main$40;
+var CheckboxIndicator_default = _sfc_main$46;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -4515,7 +4454,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxSelectAll_default = _sfc_main$39;
+var CheckboxSelectAll_default = _sfc_main$45;
 
 //#endregion
 //#region src/components/Checkbox/index.ts
@@ -4551,7 +4490,7 @@ const Checkbox = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -4603,11 +4542,11 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogRoot_default = _sfc_main$38;
+var DialogRoot_default = _sfc_main$44;
 
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -4635,7 +4574,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogClose_default = _sfc_main$37;
+var DialogClose_default = _sfc_main$43;
 
 //#endregion
 //#region src/composables/createPagination/index.ts
@@ -5863,133 +5802,52 @@ function createBreakpoints(_options = {}) {
 		update
 	};
 }
-/**
-* Creates a new breakpoints context.
-*
-* @param options The options for the breakpoints context.
-* @template E The type of the breakpoints context.
-* @returns A new breakpoints context.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-breakpoints
-*
-* @example
-* ```ts
-* import { createBreakpointsContext } from '@vuetify/v0'
-*
-* export const [useBreakpoints, provideBreakpoints, context] = createBreakpointsContext({
-*   namespace: 'v0:breakpoints',
-*   mobileBreakpoint: 'sm',
-* })
-* ```
-*/
-function createBreakpointsContext(_options = {}) {
-	const { namespace = "v0:breakpoints", ...options } = _options;
-	const [useBreakpointsContext, _provideBreakpointsContext] = createContext(namespace);
-	const context = createBreakpoints(options);
-	function provideBreakpointsContext(_context = context, app) {
-		return _provideBreakpointsContext(_context, app);
-	}
-	return createTrinity(useBreakpointsContext, provideBreakpointsContext, context);
-}
-/**
-* Creates a new breakpoints plugin.
-*
-* @param options The options for the breakpoints plugin.
-* @template E The type of the breakpoints context.
-* @returns A new breakpoints plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-breakpoints
-*
-* @example
-* ```ts
-* import { createApp } from 'vue'
-* import { createBreakpointsPlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
-*
-* app.use(
-*   createBreakpointsPlugin({
-*     namespace: 'v0:breakpoints',
-*     mobileBreakpoint: 'md',
-*     breakpoints: {
-*       xs: 0,
-*       sm: 600,
-*       md: 840,
-*       lg: 1145,
-*       xl: 1545,
-*       xxl: 2138,
-*     },
-*   })
-* )
-*
-* app.mount('#app')
-* ```
-*/
-function createBreakpointsPlugin(_options = {}) {
-	const { namespace = "v0:breakpoints", ...options } = _options;
-	const [, provideBreakpointsContext, context] = createBreakpointsContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideBreakpointsContext(context, app);
-		},
-		setup: (app) => {
-			app.mixin({ mounted() {
-				if (!/* @__PURE__ */ isNull(this.$parent)) return;
-				const hydration = useHydration();
-				function listener() {
-					context.update();
-				}
-				const unwatch = watch(hydration.isHydrated, (hydrated) => {
-					if (hydrated) listener();
-				}, { immediate: true });
-				const cleanup = useWindowEventListener("resize", listener, { passive: true });
-				onScopeDispose(() => {
-					cleanup();
-					unwatch();
-				}, true);
-			} });
-		}
-	});
-}
-/**
-* Returns the current breakpoints instance.
-*
-* @param namespace The namespace for the breakpoints context. Defaults to `v0:breakpoints`.
-* @returns The current breakpoints instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-breakpoints
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useBreakpoints } from '@vuetify/v0'
-*
-*   // Destructure for template auto-unwrapping
-*   const { isMobile, mdAndUp } = useBreakpoints()
-*
-*   // In script, use .value
-*   if (isMobile.value) {
-*     console.log('Mobile detected')
-*   }
-* <\/script>
-*
-* <template>
-*   <div class="pa-4">
-*     <!-- Destructured refs auto-unwrap in templates -->
-*     <p v-if="isMobile">Mobile layout active</p>
-*     <p v-else-if="mdAndUp">Medium and up layout active</p>
-*   </div>
-* </template>
-* ```
-*/
-function useBreakpoints(namespace = "v0:breakpoints") {
-	return useContext(namespace);
+function createBreakpointsFallback() {
+	return {
+		breakpoints: createDefaultBreakpoints().breakpoints,
+		name: readonly(shallowRef("xs")),
+		width: readonly(shallowRef(0)),
+		height: readonly(shallowRef(0)),
+		isMobile: readonly(shallowRef(false)),
+		xs: readonly(shallowRef(false)),
+		sm: readonly(shallowRef(false)),
+		md: readonly(shallowRef(false)),
+		lg: readonly(shallowRef(false)),
+		xl: readonly(shallowRef(false)),
+		xxl: readonly(shallowRef(false)),
+		smAndUp: readonly(shallowRef(false)),
+		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)),
+		update: () => {}
+	};
 }
+const [createBreakpointsContext, createBreakpointsPlugin, useBreakpoints] = createPluginContext("v0:breakpoints", (options) => createBreakpoints(options), {
+	fallback: () => createBreakpointsFallback(),
+	setup: (context, app, _options) => {
+		app.mixin({ mounted() {
+			if (!/* @__PURE__ */ isNull(this.$parent)) return;
+			const hydration = useHydration();
+			function listener() {
+				context.update();
+			}
+			const unwatch = watch(hydration.isHydrated, (hydrated) => {
+				if (hydrated) listener();
+			}, { immediate: true });
+			const cleanup = useWindowEventListener("resize", listener, { passive: true });
+			onScopeDispose(() => {
+				cleanup();
+				unwatch();
+			}, true);
+		} });
+	}
+});
 
 //#endregion
 //#region src/composables/useDate/index.ts
@@ -6299,120 +6157,23 @@ function createFeatures(_options = {}) {
 		}
 	};
 }
-/**
-* Creates a new features context.
-*
-* @param options The options for the features context.
-* @template Z The type of the feature ticket.
-* @template E The type of the feature context.
-* @returns A new features context.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-features
-*
-* @example
-* ```ts
-* import { createFeaturesContext } from '@vuetify/v0'
-*
-* export const [useFeatures, provideFeatures, context] = createFeaturesContext({
-*   namespace: 'app:features',
-*   features: {
-*     'dark-mode': true,
-*     'theme-color': { $variation: 'blue' },
-*   },
-* })
-* ```
-*/
-function createFeaturesContext(_options = {}) {
-	const { namespace = "v0:features", ...options } = _options;
-	const [useFeaturesContext, _provideFeaturesContext] = createContext(namespace);
-	const context = createFeatures(options);
-	function provideFeaturesContext(_context = context, app) {
-		return _provideFeaturesContext(_context, app);
-	}
-	return createTrinity(useFeaturesContext, provideFeaturesContext, context);
+function createFeaturesFallback() {
+	return {
+		size: 0,
+		variation: (_id, fallback = null) => fallback,
+		sync: () => {}
+	};
 }
-/**
-* Creates a new features plugin.
-*
-* @param options The options for the features plugin.
-* @template Z The type of the feature ticket.
-* @template E The type of the feature context.
-* @returns A new features plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-features
-*
-* @example
-* ```ts
-* import { createApp } from 'vue'
-* import { createFeaturesPlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
-*
-* app.use(
-*   createFeaturesPlugin({
-*     features: {
-*       'dark-mode': true,
-*       'theme-color': { $variation: 'blue' },
-*     },
-*   })
-* )
-*
-* app.mount('#app')
-* ```
-*/
-function createFeaturesPlugin(_options = {}) {
-	const { namespace = "v0:features", adapter, ...options } = _options;
-	const [, provideFeaturesContext, context] = createFeaturesContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideFeaturesContext(context, app);
-		},
-		setup: (app) => {
-			if (!adapter) return;
-			const adapters = /* @__PURE__ */ isArray(adapter) ? adapter : [adapter];
-			for (const adapter$1 of adapters) {
-				const initialFlags = adapter$1.setup((flags) => {
-					context.sync(flags);
-				});
-				context.sync(initialFlags);
-				if (/* @__PURE__ */ isFunction(adapter$1.dispose)) app.onUnmount(() => adapter$1.dispose());
-			}
+const [createFeaturesContext, createFeaturesPlugin, useFeatures] = createPluginContext("v0:features", (options) => createFeatures(options), {
+	fallback: () => createFeaturesFallback(),
+	setup: (context, app, { adapter }) => {
+		if (!adapter) return;
+		for (const a of /* @__PURE__ */ isArray(adapter) ? adapter : [adapter]) {
+			context.sync(a.setup((flags) => context.sync(flags)));
+			if (/* @__PURE__ */ isFunction(a.dispose)) app.onUnmount(() => a.dispose());
 		}
-	});
-}
-/**
-* Returns the current features instance.
-*
-* @param namespace The namespace for the features context. Defaults to `v0:features`.
-* @template Z The type of the feature ticket.
-* @returns The current features instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-features
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useFeatures } from '@vuetify/v0'
-*
-*   const features = useFeatures()
-* <\/script>
-*
-* <template>
-*   <div>
-*     <p>Features: {{ features.get('dark-mode') }}</p>
-*     <p>Theme Color: {{ features.variation('theme-color') }}</p>
-*   </div>
-* </template>
-* ```
-*/
-function useFeatures(namespace = "v0:features") {
-	return useContext(namespace);
-}
+	}
+});
 
 //#endregion
 //#region src/composables/createForm/index.ts
@@ -6507,6 +6268,8 @@ function createForm(options) {
 			errors.value = [];
 			isPristine.value = true;
 			isValid$1.value = null;
+			isValidating$1.value = false;
+			validationGeneration++;
 		}
 		let validationGeneration = 0;
 		async function validate$1(silent = false) {
@@ -6555,9 +6318,13 @@ function createForm(options) {
 		});
 		return ticket;
 	}
+	function onboard(registrations) {
+		return registry.batch(() => registrations.map((r) => register(r)));
+	}
 	return {
 		...registry,
 		register,
+		onboard,
 		reset,
 		submit,
 		validateOn,
@@ -7066,86 +6833,48 @@ function matchesKeyGroup(e, group, platformIsMac) {
 * ```
 */
 function useIntersectionObserver(target, callback, options = {}) {
-	const { isHydrated } = useHydration();
-	const targetRef = toRef(target);
-	const observer = shallowRef();
-	const isPaused = shallowRef(false);
 	const isIntersecting = shallowRef(false);
-	const isActive = toRef(() => !!observer.value);
-	function setup() {
-		if (/* @__PURE__ */ isNull(observer.value)) return;
-		if (!isHydrated.value || !SUPPORTS_INTERSECTION_OBSERVER || !targetRef.value || isPaused.value) return;
-		observer.value = new IntersectionObserver((entries) => {
-			const transformedEntries = entries.map((entry) => ({
-				boundingClientRect: entry.boundingClientRect,
-				intersectionRatio: entry.intersectionRatio,
-				intersectionRect: entry.intersectionRect,
-				isIntersecting: entry.isIntersecting,
-				rootBounds: entry.rootBounds,
-				target: entry.target,
-				time: entry.time
-			}));
-			const latestEntry = transformedEntries.at(-1);
-			if (latestEntry) isIntersecting.value = latestEntry.isIntersecting;
-			callback(transformedEntries);
-			if (options.once && latestEntry?.isIntersecting) stop();
-		}, {
-			root: options.root || null,
-			rootMargin: options.rootMargin || "0px",
-			threshold: options.threshold || 0
-		});
-		observer.value.observe(targetRef.value);
-		if (options.immediate) callback([{
-			boundingClientRect: targetRef.value.getBoundingClientRect(),
-			intersectionRatio: 0,
-			intersectionRect: new DOMRect(0, 0, 0, 0),
-			isIntersecting: false,
-			rootBounds: null,
-			target: targetRef.value,
-			time: performance.now()
-		}]);
-	}
-	watch(() => targetRef.value, (el, oldEl) => {
-		if (oldEl || observer.value) cleanup();
-		if (isHydrated.value && el) setup();
-	}, { immediate: true });
-	let stopHydrationWatch;
-	if (!isHydrated.value) stopHydrationWatch = watch(() => isHydrated.value, (hydrated) => {
-		if (hydrated && targetRef.value && !observer.value) {
-			setup();
-			stopHydrationWatch?.();
-			stopHydrationWatch = void 0;
-		}
-	});
-	function cleanup() {
-		if (observer.value) {
-			observer.value.disconnect();
-			observer.value = void 0;
-		}
-	}
-	function pause() {
-		isPaused.value = true;
-		isIntersecting.value = false;
-		observer.value?.disconnect();
-	}
-	function resume() {
-		isPaused.value = false;
-		setup();
-	}
-	function stop() {
-		stopHydrationWatch?.();
-		stopHydrationWatch = void 0;
-		cleanup();
-		observer.value = null;
-	}
-	onScopeDispose(stop, true);
 	return {
-		isActive: shallowReadonly(isActive),
-		isIntersecting: shallowReadonly(isIntersecting),
-		isPaused: shallowReadonly(isPaused),
-		pause,
-		resume,
-		stop
+		...createObserver(target, callback, {
+			supports: SUPPORTS_INTERSECTION_OBSERVER,
+			once: options.once,
+			create: (cb) => new IntersectionObserver((entries) => {
+				cb(entries.map((e) => ({
+					boundingClientRect: e.boundingClientRect,
+					intersectionRatio: e.intersectionRatio,
+					intersectionRect: e.intersectionRect,
+					isIntersecting: e.isIntersecting,
+					rootBounds: e.rootBounds,
+					target: e.target,
+					time: e.time
+				})));
+			}, {
+				root: options.root ?? null,
+				rootMargin: options.rootMargin ?? "0px",
+				threshold: options.threshold ?? 0
+			}),
+			observe: (obs, el) => obs.observe(el),
+			onEntry: (entries) => {
+				const latest = entries.at(-1);
+				if (latest) isIntersecting.value = latest.isIntersecting;
+			},
+			onPause: () => {
+				isIntersecting.value = false;
+			},
+			shouldStop: (entries) => entries.at(-1)?.isIntersecting ?? false,
+			immediate: options.immediate ? (el) => {
+				return [{
+					boundingClientRect: el.getBoundingClientRect(),
+					intersectionRatio: 0,
+					intersectionRect: new DOMRect(0, 0, 0, 0),
+					isIntersecting: false,
+					rootBounds: null,
+					target: el,
+					time: performance.now()
+				}];
+			} : void 0
+		}),
+		isIntersecting: shallowReadonly(isIntersecting)
 	};
 }
 /**
@@ -7469,11 +7198,6 @@ function usePrefersContrast() {
 * ```
 */
 function useMutationObserver(target, callback, options = {}) {
-	const { isHydrated } = useHydration();
-	const targetRef = toRef(target);
-	const observer = shallowRef();
-	const isPaused = shallowRef(false);
-	const isActive = toRef(() => !!observer.value);
 	const observerOptions = {
 		childList: options.childList ?? true,
 		attributes: options.attributes ?? false,
@@ -7483,34 +7207,33 @@ function useMutationObserver(target, callback, options = {}) {
 		characterDataOldValue: options.characterDataOldValue ?? false,
 		attributeFilter: options.attributeFilter
 	};
-	function setup() {
-		if (/* @__PURE__ */ isNull(observer.value)) return;
-		if (!isHydrated.value || !SUPPORTS_MUTATION_OBSERVER || !targetRef.value || isPaused.value) return;
-		observer.value = new MutationObserver((mutations) => {
-			callback(mutations.map((mutation) => ({
-				type: mutation.type,
-				target: mutation.target,
-				addedNodes: mutation.addedNodes,
-				removedNodes: mutation.removedNodes,
-				previousSibling: mutation.previousSibling,
-				nextSibling: mutation.nextSibling,
-				attributeName: mutation.attributeName,
-				attributeNamespace: mutation.attributeNamespace,
-				oldValue: mutation.oldValue
+	return createObserver(target, callback, {
+		supports: SUPPORTS_MUTATION_OBSERVER,
+		once: options.once,
+		create: (cb) => new MutationObserver((mutations) => {
+			cb(mutations.map((m) => ({
+				type: m.type,
+				target: m.target,
+				addedNodes: m.addedNodes,
+				removedNodes: m.removedNodes,
+				previousSibling: m.previousSibling,
+				nextSibling: m.nextSibling,
+				attributeName: m.attributeName,
+				attributeNamespace: m.attributeNamespace,
+				oldValue: m.oldValue
 			})));
-			if (options.once) stop();
-		});
-		observer.value.observe(targetRef.value, observerOptions);
-		if (options.immediate) {
+		}),
+		observe: (obs, el) => obs.observe(el, observerOptions),
+		immediate: options.immediate ? (el) => {
 			const emptyNodeList = {
 				length: 0,
 				item: () => null,
 				forEach: () => {},
 				*[Symbol.iterator]() {}
 			};
-			callback([{
+			return [{
 				type: "childList",
-				target: targetRef.value,
+				target: el,
 				addedNodes: emptyNodeList,
 				removedNodes: emptyNodeList,
 				previousSibling: null,
@@ -7518,50 +7241,10 @@ function useMutationObserver(target, callback, options = {}) {
 				attributeName: null,
 				attributeNamespace: null,
 				oldValue: null
-			}]);
-			if (options.once) stop();
-		}
-	}
-	watch(() => targetRef.value, (el, oldEl) => {
-		if (oldEl || observer.value) cleanup();
-		if (isHydrated.value && el) setup();
-	}, { immediate: true });
-	let stopHydrationWatch;
-	if (!isHydrated.value) stopHydrationWatch = watch(() => isHydrated.value, (hydrated) => {
-		if (hydrated && targetRef.value && !observer.value) {
-			setup();
-			stopHydrationWatch?.();
-			stopHydrationWatch = void 0;
-		}
+			}];
+		} : void 0,
+		onceIncludesImmediate: true
 	});
-	function cleanup() {
-		if (observer.value) {
-			observer.value.disconnect();
-			observer.value = void 0;
-		}
-	}
-	function pause() {
-		isPaused.value = true;
-		observer.value?.disconnect();
-	}
-	function resume() {
-		isPaused.value = false;
-		setup();
-	}
-	function stop() {
-		stopHydrationWatch?.();
-		stopHydrationWatch = void 0;
-		cleanup();
-		observer.value = null;
-	}
-	onScopeDispose(stop, true);
-	return {
-		isActive: shallowReadonly(isActive),
-		isPaused: shallowReadonly(isPaused),
-		pause,
-		resume,
-		stop
-	};
 }
 
 //#endregion
@@ -8273,15 +7956,13 @@ function createPermissions(_options = {}) {
 * })
 * ```
 */
-function createPermissionsContext(_options = {}) {
-	const { namespace = "v0:permissions", ...options } = _options;
-	const [usePermissionsContext, _providePermissionsContext] = createContext(namespace);
-	const context = createPermissions(options);
-	function providePermissionsContext(_context = context, app) {
-		return _providePermissionsContext(_context, app);
-	}
-	return createTrinity(usePermissionsContext, providePermissionsContext, context);
+function createPermissionsFallback() {
+	return {
+		size: 0,
+		can: () => false
+	};
 }
+const [createPermissionsContext, createPermissionsPlugin, usePermissions] = createPluginContext("v0:permissions", (options) => createPermissions(options), { fallback: () => createPermissionsFallback() });
 /**
 * Creates a new permissions plugin.
 *
@@ -8312,45 +7993,6 @@ function createPermissionsContext(_options = {}) {
 * app.mount('#app')
 * ```
 */
-function createPermissionsPlugin(_options = {}) {
-	const { namespace = "v0:permissions", ...options } = _options;
-	const [, providePermissionContext, context] = createPermissionsContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			providePermissionContext(context, app);
-		}
-	});
-}
-/**
-* Returns the current permissions instance.
-*
-* @template Z The type of the permission ticket.
-* @returns The current permissions instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-permissions
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { usePermissions } from '@vuetify/v0'
-*
-*   const { can } = usePermissions()
-* <\/script>
-*
-* <template>
-*   <div>
-*     <p v-if="can('admin', 'read', 'users')">Admin access</p>
-*   </div>
-* </template>
-* ```
-*/
-function usePermissions(namespace = "v0:permissions") {
-	return useContext(namespace);
-}
 
 //#endregion
 //#region src/composables/createQueue/index.ts
@@ -9122,76 +8764,10 @@ function createStorage(options = {}) {
 		clear
 	};
 }
-function createStorageContext(_options = {}) {
-	const { namespace = "v0:storage", ...options } = _options;
-	const [useStorageContext, _provideStorageContext] = createContext(namespace);
-	const context = createStorage(options);
-	function provideStorageContext(_context = context, app) {
-		return _provideStorageContext(_context, app);
-	}
-	return createTrinity(useStorageContext, provideStorageContext, context);
-}
-/**
-* Creates a new storage plugin.
-*
-* @param options The options for the storage plugin.
-* @returns A new storage plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-storage
-*
-* @example
-* ```ts
-* import { createApp } from 'vue'
-* import { createStoragePlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
-*
-* app.use(createStoragePlugin())
-*
-* app.mount('#app')
-* ```
-*/
-function createStoragePlugin(_options = {}) {
-	const { namespace = "v0:storage", ...options } = _options;
-	const [, provideStorageContext, context] = createStorageContext({
-		...options,
-		namespace
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideStorageContext(context, app);
-		}
-	});
-}
-/**
-* Returns the current storage instance.
-*
-* @param namespace The namespace for the storage context. Defaults to `'v0:storage'`.
-* @returns The current storage instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-storage
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useStorage } from '@vuetify/v0'
-*
-*   const storage = useStorage()
-*   const username = storage.get('username', 'Guest')
-* <\/script>
-*
-* <template>
-*   <div>
-*     <p>Username: {{ username }}</p>
-*   </div>
-* </template>
-* ```
-*/
-function useStorage(namespace = "v0:storage") {
-	return useContext(namespace);
+function createStorageFallback() {
+	return createStorage({ adapter: new MemoryAdapter() });
 }
+const [createStorageContext, createStoragePlugin, useStorage] = createPluginContext("v0:storage", (options) => createStorage(options), { fallback: () => createStorageFallback() });
 
 //#endregion
 //#region src/composables/useTheme/adapters/adapter.ts
@@ -9384,134 +8960,20 @@ function createTheme(_options = {}) {
 		}
 	};
 }
-/**
-* Creates a new theme context trinity.
-*
-* @param options The options for the theme context.
-* @template Z The type of the theme ticket.
-* @template E The type of the theme context.
-* @returns A new theme context trinity.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-theme
-*
-* @example
-* ```ts
-* import { createThemeContext } from '@vuetify/v0'
-*
-* export const [useThemeContext, provideThemeContext, context] = createThemeContext({
-*   namespace: 'v0:theme',
-*   default: 'light',
-*   themes: {
-*     light: {
-*       dark: false,
-*       colors: {
-*         primary: '#3b82f6',
-*       },
-*     },
-*     dark: {
-*       dark: true,
-*       colors: {
-*         primary: '#675496',
-*       },
-*     },
-*   },
-* })
-* ```
-*/
-function createThemeContext(_options = {}) {
-	const { namespace = "v0:theme", ...options } = _options;
-	const [useThemeContext, _provideThemeContext] = createContext(namespace);
-	const context = createTheme(options);
-	function provideThemeContext(_context = context, app) {
-		return _provideThemeContext(_context, app);
-	}
-	return createTrinity(useThemeContext, provideThemeContext, context);
-}
-/**
-* Creates a new theme plugin.
-*
-* @param options The options for the theme plugin.
-* @template Z The type of the theme ticket.
-* @template E The type of the theme context.
-* @returns A new theme plugin.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-theme
-*
-* @example
-* ```ts
-* import { createApp } from 'vue'
-* import { createThemePlugin } from '@vuetify/v0'
-* import App from './App.vue'
-*
-* const app = createApp(App)
-*
-* app.use(
-*   createThemePlugin({
-*     default: 'light',
-*     themes: {
-*       light: {
-*         dark: false,
-*         colors: {
-*           primary: '#3b82f6',
-*         },
-*       },
-*       dark: {
-*         dark: true,
-*         colors: {
-*           primary: '#675496',
-*         },
-*       },
-*     },
-*   })
-* )
-*
-* app.mount('#app')
-* ```
-*/
-function createThemePlugin(_options = {}) {
-	const { adapter = new Vuetify0ThemeAdapter(), namespace = "v0:theme", palette = {}, themes = {}, target, ...options } = _options;
-	const [, provideThemeContext, context] = createThemeContext({
-		...options,
-		namespace,
-		themes,
-		palette
-	});
-	return createPlugin({
-		namespace,
-		provide: (app) => {
-			provideThemeContext(context, app);
-		},
-		setup: (app) => {
-			adapter.setup(app, context, target);
-		}
-	});
-}
-/**
-* Returns the current theme instance.
-*
-* @param namespace The namespace for the theme context. Defaults to `v0:theme`.
-* @returns The current theme instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-theme
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useTheme } from '@vuetify/v0'
-*
-*   const theme = useTheme()
-* <\/script>
-*
-* <template>
-*   <div>
-*     <p>Current theme: {{ theme.selected.value }}</p>
-*   </div>
-* </template>
-* ```
-*/
-function useTheme(namespace = "v0:theme") {
-	return useContext(namespace);
+function createThemeFallback() {
+	return {
+		size: 0,
+		colors: computed(() => ({})),
+		isDark: shallowRef(false),
+		cycle: () => {}
+	};
 }
+const [createThemeContext, createThemePlugin, useTheme] = createPluginContext("v0:theme", (options) => createTheme(options), {
+	fallback: () => createThemeFallback(),
+	setup: (context, app, { adapter = new Vuetify0ThemeAdapter(), target }) => {
+		adapter.setup(app, context, target);
+	}
+});
 
 //#endregion
 //#region src/composables/createTimeline/index.ts
@@ -10456,7 +9918,7 @@ function useClickOutside(target, handler, options = {}) {
 
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -10538,11 +10000,11 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogContent_default = _sfc_main$36;
+var DialogContent_default = _sfc_main$42;
 
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -10561,11 +10023,11 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogDescription_default = _sfc_main$35;
+var DialogDescription_default = _sfc_main$41;
 
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -10584,11 +10046,11 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogTitle_default = _sfc_main$34;
+var DialogTitle_default = _sfc_main$40;
 
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -10618,7 +10080,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogActivator_default = _sfc_main$33;
+var DialogActivator_default = _sfc_main$39;
 
 //#endregion
 //#region src/components/Dialog/index.ts
@@ -10663,7 +10125,7 @@ const Dialog = {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10720,12 +10182,12 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$32;
+var ExpansionPanelRoot_default = _sfc_main$38;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -10769,11 +10231,11 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$31;
+var ExpansionPanelItem_default = _sfc_main$37;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -10819,11 +10281,11 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$30;
+var ExpansionPanelActivator_default = _sfc_main$36;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -10854,11 +10316,11 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$29;
+var ExpansionPanelContent_default = _sfc_main$35;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -10883,7 +10345,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$28;
+var ExpansionPanelHeader_default = _sfc_main$34;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
@@ -10903,7 +10365,7 @@ const ExpansionPanel = {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10953,11 +10415,11 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$27;
+var GroupRoot_default = _sfc_main$33;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -11006,7 +10468,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$26;
+var GroupItem_default = _sfc_main$32;
 
 //#endregion
 //#region src/components/Group/index.ts
@@ -11025,7 +10487,7 @@ const Group = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11125,11 +10587,11 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$25;
+var PaginationRoot_default = _sfc_main$31;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -11170,11 +10632,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$24;
+var PaginationEllipsis_default = _sfc_main$30;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -11229,11 +10691,11 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$23;
+var PaginationFirst_default = _sfc_main$29;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -11299,11 +10761,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$22;
+var PaginationItem_default = _sfc_main$28;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -11358,11 +10820,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$21;
+var PaginationLast_default = _sfc_main$27;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -11417,11 +10879,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$20;
+var PaginationNext_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -11476,11 +10938,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$19;
+var PaginationPrev_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -11524,7 +10986,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationStatus_default = _sfc_main$18;
+var PaginationStatus_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/Pagination/index.ts
@@ -11547,7 +11009,7 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11589,11 +11051,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverRoot_default = _sfc_main$17;
+var PopoverRoot_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -11625,11 +11087,11 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverActivator_default = _sfc_main$16;
+var PopoverActivator_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -11696,7 +11158,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverContent_default = _sfc_main$15;
+var PopoverContent_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -11714,7 +11176,7 @@ const Popover = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -11776,12 +11238,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioGroup_default = _sfc_main$14;
+var RadioGroup_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -11906,18 +11368,18 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioRoot_default = _sfc_main$13;
+var RadioRoot_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/Radio/RadioHiddenInput.vue
-const _hoisted_1 = [
+const _hoisted_1$1 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle = {
+const visuallyHiddenStyle$1 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -11928,7 +11390,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -11955,19 +11417,19 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle,
+				style: visuallyHiddenStyle$1,
 				tabindex: "-1",
 				type: "radio",
 				value: value.value
-			}, null, 8, _hoisted_1);
+			}, null, 8, _hoisted_1$1);
 		};
 	}
 });
-var RadioHiddenInput_default = _sfc_main$12;
+var RadioHiddenInput_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -11997,7 +11459,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioIndicator_default = _sfc_main$11;
+var RadioIndicator_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Radio/index.ts
@@ -12042,7 +11504,7 @@ const Radio = {
 
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -12117,12 +11579,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Scrim_default = _sfc_main$10;
+var Scrim_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -12172,11 +11634,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionRoot_default = _sfc_main$9;
+var SelectionRoot_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -12218,7 +11680,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionItem_default = _sfc_main$8;
+var SelectionItem_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Selection/index.ts
@@ -12232,6 +11694,471 @@ const Selection = {
 	Item: SelectionItem_default
 };
 
+//#endregion
+//#region src/components/Switch/SwitchGroup.vue
+const [useSwitchGroup, provideSwitchGroup] = createContext();
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	name: "SwitchGroup",
+	__name: "SwitchGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:switch:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const group = createGroup({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(group, model, { multiple: true });
+		provideSwitchGroup(__props.namespace, group);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(group.disabled),
+			isNoneSelected: group.isNoneSelected.value,
+			isAllSelected: group.isAllSelected.value,
+			isMixed: group.isMixed.value,
+			select: group.select,
+			unselect: group.unselect,
+			toggle: group.toggle,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchGroup_default = _sfc_main$13;
+
+//#endregion
+//#region src/components/Switch/SwitchRoot.vue
+const [useSwitchRoot, provideSwitchRoot] = createContext();
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	name: "SwitchRoot",
+	inheritAttrs: false,
+	__name: "SwitchRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => useId$1() },
+		label: {},
+		value: {},
+		name: {},
+		form: {},
+		disabled: { default: false },
+		indeterminate: { default: false },
+		namespace: { default: "v0:switch:root" },
+		groupNamespace: { default: "v0:switch:group" },
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaInvalid: { type: Boolean },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useSwitchGroup(__props.groupNamespace);
+		} catch {}
+		const model = useModel(__props, "modelValue");
+		const ticket = group?.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			indeterminate: __props.indeterminate
+		});
+		const isChecked = toRef(() => ticket ? toValue(ticket.isSelected) : model.value ?? false);
+		const isMixed = toRef(() => ticket ? toValue(ticket.isMixed) : toValue(__props.indeterminate) ?? false);
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : toValue(__props.disabled) ?? false);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		function toggle() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.toggle();
+			else model.value = !model.value;
+		}
+		function select() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.select();
+			else model.value = true;
+		}
+		function unselect() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.unselect();
+			else model.value = false;
+		}
+		function mix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.mix();
+		}
+		function unmix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.unmix();
+		}
+		function onClick() {
+			toggle();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			toggle();
+		}
+		onUnmounted(() => {
+			if (!ticket || !group) return;
+			group.unregister(ticket.id);
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isChecked,
+			isMixed,
+			isDisabled,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix
+		};
+		provideSwitchRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"role": "switch",
+				"aria-checked": isMixed.value ? "mixed" : isChecked.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(SwitchHiddenInput_default, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+var SwitchRoot_default = _sfc_main$12;
+
+//#endregion
+//#region src/components/Switch/SwitchHiddenInput.vue
+const _hoisted_1 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+};
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "SwitchHiddenInput",
+	__name: "SwitchHiddenInput",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const name = toRef(() => __props.name ?? root.name);
+		const form = toRef(() => __props.form ?? root.form);
+		const value = toRef(() => {
+			const v = __props.value ?? root.value ?? "on";
+			if (/* @__PURE__ */ isNullOrUndefined(v)) return "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isChecked = root.isChecked;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isChecked),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+var SwitchHiddenInput_default = _sfc_main$11;
+
+//#endregion
+//#region src/components/Switch/SwitchSelectAll.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	name: "SwitchSelectAll",
+	inheritAttrs: false,
+	__name: "SwitchSelectAll",
+	props: {
+		label: {},
+		disabled: { type: Boolean },
+		namespace: {},
+		groupNamespace: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: {},
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const props = __props;
+		const { as = "button", renderless, label, namespace = "v0:switch:root", groupNamespace = "v0:switch:group" } = props;
+		const group = useSwitchGroup(groupNamespace);
+		const id = useId$1();
+		const isAllSelected = toRef(() => group.isAllSelected.value);
+		const isMixed = toRef(() => group.isMixed.value);
+		const isDisabled = toRef(() => toValue(props.disabled) || toValue(group.disabled));
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isAllSelected.value ? "checked" : "unchecked");
+		function onClick() {
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		provideSwitchRoot(namespace, {
+			id,
+			label,
+			value: void 0,
+			name: void 0,
+			form: void 0,
+			isChecked: isAllSelected,
+			isMixed,
+			isDisabled,
+			select: group.selectAll,
+			unselect: group.unselectAll,
+			toggle: group.toggleAll,
+			mix: () => {},
+			unmix: () => {}
+		});
+		const slotProps = toRef(() => ({
+			label,
+			isAllSelected: isAllSelected.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"type": as === "button" ? "button" : void 0,
+				"role": "switch",
+				"aria-checked": isMixed.value ? "mixed" : isAllSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": label || void 0,
+				"aria-labelledby": props.ariaLabelledby || void 0,
+				"aria-describedby": props.ariaDescribedby || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: unref(as),
+				renderless: unref(renderless),
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchSelectAll_default = _sfc_main$10;
+
+//#endregion
+//#region src/components/Switch/SwitchThumb.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "SwitchThumb",
+	__name: "SwitchThumb",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const isVisible = toRef(() => isChecked.value || isMixed.value);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: {
+				"data-state": dataState.value,
+				"style": { visibility: isVisible.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchThumb_default = _sfc_main$9;
+
+//#endregion
+//#region src/components/Switch/SwitchTrack.vue
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	name: "SwitchTrack",
+	__name: "SwitchTrack",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: { "data-state": dataState.value }
+		}));
+		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)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchTrack_default = _sfc_main$8;
+
+//#endregion
+//#region src/components/Switch/index.ts
+/**
+* Switch component with sub-components for toggle controls.
+*
+* @see https://0.vuetifyjs.com/components/forms/switch
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Switch } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const enabled = ref(false)
+* <\/script>
+*
+* <template>
+*   <label>
+*     <Switch.Root v-model="enabled">
+*       <Switch.Track>
+*         <Switch.Thumb />
+*       </Switch.Track>
+*     </Switch.Root>
+*     Enable notifications
+*   </label>
+* </template>
+* ```
+*/
+const Switch = {
+	Group: SwitchGroup_default,
+	HiddenInput: SwitchHiddenInput_default,
+	Root: SwitchRoot_default,
+	SelectAll: SwitchSelectAll_default,
+	Thumb: SwitchThumb_default,
+	Track: SwitchTrack_default
+};
+
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
@@ -12774,4 +12701,4 @@ const Tabs = {
 };
 
 //#endregion
-export { Atom_default as Atom, Avatar, AvatarFallback_default as AvatarFallback, AvatarImage_default as AvatarImage, AvatarRoot_default as AvatarRoot, Breadcrumbs, BreadcrumbsDivider_default as BreadcrumbsDivider, BreadcrumbsEllipsis_default as BreadcrumbsEllipsis, BreadcrumbsItem_default as BreadcrumbsItem, BreadcrumbsLink_default as BreadcrumbsLink, BreadcrumbsList_default as BreadcrumbsList, BreadcrumbsPage_default as BreadcrumbsPage, BreadcrumbsRoot_default as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, CheckboxGroup_default as CheckboxGroup, CheckboxHiddenInput_default as CheckboxHiddenInput, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot_default as CheckboxRoot, CheckboxSelectAll_default as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, DialogActivator_default as DialogActivator, DialogClose_default as DialogClose, DialogContent_default as DialogContent, DialogDescription_default as DialogDescription, DialogRoot_default as DialogRoot, DialogTitle_default as DialogTitle, ExpansionPanel, ExpansionPanelActivator_default as ExpansionPanelActivator, ExpansionPanelContent_default as ExpansionPanelContent, ExpansionPanelHeader_default as ExpansionPanelHeader, ExpansionPanelItem_default as ExpansionPanelItem, ExpansionPanelRoot_default as ExpansionPanelRoot, FeaturesAdapter, 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, PopoverActivator_default as PopoverActivator, PopoverContent_default as PopoverContent, PopoverRoot_default as PopoverRoot, Radio, RadioGroup_default as RadioGroup, RadioHiddenInput_default as RadioHiddenInput, RadioIndicator_default as RadioIndicator, RadioRoot_default as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Scrim_default as Scrim, Selection, SelectionItem_default as SelectionItem, SelectionRoot_default as SelectionRoot, ServerAdapter, Single, SingleItem_default as SingleItem, SingleRoot_default as SingleRoot, Step, StepItem_default as StepItem, StepRoot_default as StepRoot, Tabs, TabsItem_default as TabsItem, TabsList_default as TabsList, TabsPanel_default as TabsPanel, TabsRoot_default as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createQueue, createQueueContext, createRegistry, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectionRoot, provideSingleRoot, provideStepRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStack, useStep, useStepRoot, useStorage, useTabsRoot, 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, Breadcrumbs, BreadcrumbsDivider_default as BreadcrumbsDivider, BreadcrumbsEllipsis_default as BreadcrumbsEllipsis, BreadcrumbsItem_default as BreadcrumbsItem, BreadcrumbsLink_default as BreadcrumbsLink, BreadcrumbsList_default as BreadcrumbsList, BreadcrumbsPage_default as BreadcrumbsPage, BreadcrumbsRoot_default as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, CheckboxGroup_default as CheckboxGroup, CheckboxHiddenInput_default as CheckboxHiddenInput, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot_default as CheckboxRoot, CheckboxSelectAll_default as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, DialogActivator_default as DialogActivator, DialogClose_default as DialogClose, DialogContent_default as DialogContent, DialogDescription_default as DialogDescription, DialogRoot_default as DialogRoot, DialogTitle_default as DialogTitle, ExpansionPanel, ExpansionPanelActivator_default as ExpansionPanelActivator, ExpansionPanelContent_default as ExpansionPanelContent, ExpansionPanelHeader_default as ExpansionPanelHeader, ExpansionPanelItem_default as ExpansionPanelItem, ExpansionPanelRoot_default as ExpansionPanelRoot, FeaturesAdapter, 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, PopoverActivator_default as PopoverActivator, PopoverContent_default as PopoverContent, PopoverRoot_default as PopoverRoot, Radio, RadioGroup_default as RadioGroup, RadioHiddenInput_default as RadioHiddenInput, RadioIndicator_default as RadioIndicator, RadioRoot_default as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Scrim_default as Scrim, Selection, SelectionItem_default as SelectionItem, SelectionRoot_default as SelectionRoot, ServerAdapter, Single, SingleItem_default as SingleItem, SingleRoot_default as SingleRoot, Step, StepItem_default as StepItem, StepRoot_default as StepRoot, Switch, SwitchGroup_default as SwitchGroup, SwitchHiddenInput_default as SwitchHiddenInput, SwitchRoot_default as SwitchRoot, SwitchSelectAll_default as SwitchSelectAll, SwitchThumb_default as SwitchThumb, SwitchTrack_default as SwitchTrack, Tabs, TabsItem_default as TabsItem, TabsList_default as TabsList, TabsPanel_default as TabsPanel, TabsRoot_default as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectionRoot, provideSingleRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };