@vuetify/v0 0.0.8 → 0.0.10

package/dist/browser/index.js

@@ -77,8 +77,70 @@ function isSelfClosingTag(tag) {
 }
 
 //#endregion
-//#region src/components/Atom/Atom.vue?vue&type=script&setup=true&lang.ts
-var Atom_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+//#region src/utilities/helpers.ts
+/* @__NO_SIDE_EFFECTS__ */
+function isFunction(item) {
+	return typeof item === "function";
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isString(item) {
+	return typeof item === "string";
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isNumber(item) {
+	return typeof item === "number";
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isBoolean(item) {
+	return typeof item === "boolean";
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isObject(item) {
+	return typeof item === "object" && item !== null && !Array.isArray(item);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isArray(item) {
+	return Array.isArray(item);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isNull(item) {
+	return item === null;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isNullOrUndefined(item) {
+	return item == null;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isUndefined(item) {
+	return item === void 0;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function isPrimitive(item) {
+	return typeof item === "string" || typeof item === "number" || typeof item === "boolean";
+}
+/* @__NO_SIDE_EFFECTS__ */
+function mergeDeep(target, ...sources) {
+	if (sources.length === 0) return target;
+	const source = sources.shift();
+	if (/* @__PURE__ */ isObject(target) && /* @__PURE__ */ isObject(source)) {
+		for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
+			const sourceValue = source[key];
+			const targetValue = target[key];
+			if (/* @__PURE__ */ isObject(sourceValue)) {
+				if (!/* @__PURE__ */ isObject(targetValue)) Object.assign(target, { [key]: {} });
+			} else Object.assign(target, { [key]: sourceValue });
+		}
+	}
+	return /* @__PURE__ */ mergeDeep(target, ...sources);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function genId() {
+	return Math.random().toString(36).slice(2, 9);
+}
+
+//#endregion
+//#region src/components/Atom/Atom.vue
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -92,16 +154,16 @@ var Atom_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const element = useTemplateRef("element");
 		__expose({ element });
 		const attrs = useAttrs();
-		const isSelfClosing = toRef(() => typeof __props.as === "string" && isSelfClosingTag(__props.as));
+		const isSelfClosing = toRef(() => /* @__PURE__ */ isString(__props.as) && isSelfClosingTag(__props.as));
 		const slotProps = toRef(() => attrs);
 		return (_ctx, _cache) => {
-			return _ctx.renderless || _ctx.as === null ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({ key: 1 }, slotProps.value, {
+			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
 				ref_key: "element",
 				ref: element
 			}), {
-				default: withCtx(() => [!isSelfClosing.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
+			}, 16)) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
 				key: 2,
 				ref_key: "element",
 				ref: element
@@ -109,14 +171,23 @@ var Atom_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		};
 	}
 });
-
-//#endregion
-//#region src/components/Atom/Atom.vue
-var Atom_default = Atom_vue_vue_type_script_setup_true_lang_default;
+var Atom_default = _sfc_main$18;
 
 //#endregion
 //#region src/composables/createContext/index.ts
 /**
+* @module createContext
+*
+* @see https://0.vuetifyjs.com/composables/foundation/create-context
+*
+* @remarks
+* Factory for creating type-safe Vue dependency injection contexts.
+*
+* Provides a wrapper around Vue's provide/inject that throws errors when context is not found,
+* eliminating silent failures and improving developer experience. Supports both app-level and
+* component-level provision.
+*/
+/**
 * Injects a context provided by an ancestor component.
 *
 * @param key The key of the context to inject.
@@ -243,7 +314,7 @@ function createPlugin(options) {
 /**
 * Creates a new trinity for a context composable and its provider.
 *
-* @param createContext The function that retrieves/uses the context (typically named `useContext`).
+* @param useContext The function that retrieves/uses the context (typically named `useContext`).
 * @param provideContext The function that provides the context to descendants.
 * @param context The default context instance to use when no custom context is provided.
 * @template Z The type of the context.
@@ -279,75 +350,27 @@ function createPlugin(options) {
 * }
 * ```
 */
-function createTrinity(createContext$1, provideContext$1, context) {
+function createTrinity(useContext$1, provideContext$1, context) {
 	return [
-		createContext$1,
+		useContext$1,
 		(_context = context, app) => provideContext$1(_context, app),
 		context
 	];
 }
 
-//#endregion
-//#region src/utilities/helpers.ts
-/* @__NO_SIDE_EFFECTS__ */
-function isFunction(item) {
-	return typeof item === "function";
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isString(item) {
-	return typeof item === "string";
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isNumber(item) {
-	return typeof item === "number";
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isBoolean(item) {
-	return typeof item === "boolean";
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isObject(item) {
-	return typeof item === "object" && item !== null && !Array.isArray(item);
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isArray(item) {
-	return Array.isArray(item);
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isNullOrUndefined(item) {
-	return item == null;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isUndefined(item) {
-	return item === void 0;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function isPrimitive(item) {
-	return typeof item === "string" || typeof item === "number" || typeof item === "boolean";
-}
-/* @__NO_SIDE_EFFECTS__ */
-function mergeDeep(target, ...sources) {
-	if (sources.length === 0) return target;
-	const source = sources.shift();
-	if (/* @__PURE__ */ isObject(target) && /* @__PURE__ */ isObject(source)) {
-		for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
-			const sourceValue = source[key];
-			const targetValue = target[key];
-			if (/* @__PURE__ */ isObject(sourceValue)) {
-				if (!/* @__PURE__ */ isObject(targetValue)) Object.assign(target, { [key]: {} });
-			} else Object.assign(target, { [key]: sourceValue });
-		}
-	}
-	return /* @__PURE__ */ mergeDeep(target, ...sources);
-}
-/* @__NO_SIDE_EFFECTS__ */
-function genId() {
-	return Math.random().toString(36).slice(2, 9);
-}
-
 //#endregion
 //#region src/composables/toArray/index.ts
 /**
+* @module toArray
+*
+* @remarks
+* Utility function to normalize single values and arrays into arrays.
+*
+* Converts single values into single-element arrays, passes arrays through unchanged,
+* and handles null/undefined by returning empty arrays. Perfect for functions that
+* accept both single values and arrays as input (e.g., ID | ID[]).
+*/
+/**
 * Converts a value to an array.
 *
 * @param value The value to convert.
@@ -373,6 +396,21 @@ function toArray(value) {
 //#endregion
 //#region src/composables/toReactive/index.ts
 /**
+* @module toReactive
+*
+* @remarks
+* Utility function to convert values and refs into reactive proxies with ref unwrapping.
+*
+* Key features:
+* - Automatic ref unwrapping
+* - Deep reactive proxying
+* - Map and Set support with ref unwrapping
+* - Nested object/array reactivity
+* - Type preservation
+*
+* Perfect for creating reactive versions of plain objects while automatically unwrapping refs.
+*/
+/**
 * Converts a `MaybeRef` to a `UnwrapNestedRefs`.
 *
 * @param objectRef The object to convert.
@@ -493,6 +531,23 @@ function toReactive(objectRef) {
 //#endregion
 //#region src/composables/useHydration/index.ts
 /**
+* @module useHydration
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-hydration
+*
+* @remarks
+* SSR hydration state management composable.
+*
+* Key features:
+* - Hydration state detection (browser vs SSR)
+* - Root component detection
+* - Readonly hydration state refs
+* - Plugin installation support
+* - Perfect for hydration-safe rendering
+*
+* Essential for composables that need to behave differently during SSR vs client-side.
+*/
+/**
 * Creates a new hydration instance.
 *
 * @returns A new hydration instance.
@@ -622,12 +677,30 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "0.0.8";
-const __LOGGER_ENABLED__ = false;
+const version = __VERSION__;
+const __LOGGER_ENABLED__ = __DEV__ || __VITE_LOGGER_ENABLED__ === "true";
 
 //#endregion
 //#region src/composables/useBreakpoints/index.ts
 /**
+* @module useBreakpoints
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-breakpoints
+*
+* @remarks
+* Responsive breakpoint detection composable with window resize handling.
+*
+* Key features:
+* - Window matchMedia integration
+* - Six built-in breakpoints (xs, sm, md, lg, xl, xxl)
+* - Automatic resize listener with cleanup
+* - SSR-safe (checks IN_BROWSER)
+* - Hydration-aware
+* - Custom breakpoint configuration
+*
+* Perfect for responsive layouts and conditional rendering based on screen size.
+*/
+/**
 * Creates default breakpoint configuration.
 *
 * @returns The default breakpoint configuration object.
@@ -875,6 +948,21 @@ function useBreakpoints(namespace = "v0:breakpoints") {
 //#endregion
 //#region src/composables/useEventListener/index.ts
 /**
+* @module useEventListener
+*
+* @remarks
+* Event listener composable with automatic cleanup on scope disposal.
+*
+* Key features:
+* - Supports Window, Document, and HTMLElement targets
+* - Reactive targets, events, and listeners
+* - Event options support (capture, passive, once)
+* - Automatic removeEventListener on unmount
+* - Multiple overloads for type safety
+*
+* Perfect for safely managing event listeners in Vue components.
+*/
+/**
 * Attaches an event listener to a target.
 *
 * @param target The target to attach the event listener to.
@@ -1092,6 +1180,23 @@ var Vuetify0LoggerAdapter = class {
 //#endregion
 //#region src/composables/useLogger/index.ts
 /**
+* @module useLogger
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-logger
+*
+* @remarks
+* Logging composable with adapter pattern supporting console, consola, and pino.
+*
+* Key features:
+* - Multiple log levels (trace, debug, info, warn, error, fatal)
+* - Adapter pattern for console/consola/pino integration
+* - Enable/disable logging
+* - Fallback logger for undefined loggers
+* - Context logging support
+*
+* Uses adapter pattern to abstract logging implementation.
+*/
+/**
 * Creates a new logger instance.
 *
 * @param options The options for the logger instance.
@@ -1267,7 +1372,9 @@ function createLoggerPlugin(_options = {}) {
 		provide: (app) => {
 			provideLoggerContext(context, app);
 		},
-		setup: (_app) => {}
+		setup: (_app) => {
+			if (__DEV__ && IN_BROWSER) window.__v0Logger__ = context;
+		}
 	});
 }
 /**
@@ -1304,6 +1411,21 @@ function useLogger(namespace = "v0:logger") {
 //#endregion
 //#region src/composables/useRegistry/index.ts
 /**
+* @module useRegistry
+*
+* @remarks
+* A foundational composable for managing collections of items (tickets) with:
+* - Unique ID-based access
+* - Index-based ordering
+* - Value-based reverse lookup
+* - Automatic reindexing
+* - Optional event emission
+* - Performance-optimized caching
+*
+* The registry serves as the base for many other composables in the system,
+* including useSelection, useForm, useTimeline, and more.
+*/
+/**
 * Creates a new registry instance.
 *
 * @param options The options for the registry instance.
@@ -1429,14 +1551,14 @@ function useRegistry(options) {
 	}
 	function values() {
 		const cached = cache.get("values");
-		if (cached != void 0) return cached;
+		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const values$1 = Array.from(collection.values());
 		cache.set("values", values$1);
 		return values$1;
 	}
 	function entries() {
 		const cached = cache.get("entries");
-		if (cached != void 0) return cached;
+		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const entries$1 = Array.from(collection.entries());
 		cache.set("entries", entries$1);
 		return entries$1;
@@ -1454,6 +1576,7 @@ function useRegistry(options) {
 	function reindex() {
 		if (catalog.size > 0) catalog.clear();
 		if (directory.size > 0) directory.clear();
+		invalidate();
 		let index = 0;
 		for (const ticket of values()) {
 			if (ticket.index !== index) {
@@ -1464,7 +1587,7 @@ function useRegistry(options) {
 			assign(ticket.value, ticket.id);
 			index++;
 		}
-		invalidate();
+		emit("reindex:registry");
 	}
 	function register(registration = {}) {
 		const size = collection.size;
@@ -1473,9 +1596,10 @@ function useRegistry(options) {
 			logger.warn(`Ticket with id "${id}" already exists in the registry. Skipping registration.`);
 			return get(id);
 		}
+		const valueIsUndefined = /* @__PURE__ */ isUndefined(registration.value);
 		const index = registration.index ?? size;
-		const value = registration.value === void 0 ? index : registration.value;
-		const valueIsIndex = registration.value === void 0;
+		const value = valueIsUndefined ? index : registration.value;
+		const valueIsIndex = valueIsUndefined;
 		const ticket = {
 			...registration,
 			id,
@@ -1583,6 +1707,21 @@ function createRegistryContext(_options) {
 //#endregion
 //#region src/composables/useSelection/index.ts
 /**
+* @module useSelection
+*
+* @remarks
+* Base composable for managing selected items in a collection with Set-based tracking.
+*
+* Key features:
+* - Set-based selectedIds for O(1) selection checks
+* - Mandatory selection mode (prevents deselecting last item)
+* - Auto-enrollment option (selects non-disabled items on register)
+* - Disabled item filtering
+* - Computed selectedItems and selectedValues Sets
+*
+* Extends useRegistry and serves as the base for useSingle, useGroup, useStep, and useFeatures.
+*/
+/**
 * Creates a new selection instance for managing multiple selected items.
 *
 * Extends `useRegistry` with selection tracking via a reactive `Set` of selected IDs.
@@ -1628,28 +1767,28 @@ function createRegistryContext(_options) {
 * console.log(Array.from(selection.selectedValues.value)) // ['Item 1', 'Item 3']
 * ```
 */
-function createSelection(options) {
-	const registry$1 = useRegistry(options);
+function createSelection(_options = {}) {
+	const { disabled = false, enroll = false, mandatory = false, multiple = false,...options } = _options;
+	const registry = useRegistry(options);
 	const selectedIds = shallowReactive(/* @__PURE__ */ new Set());
-	const enroll = options?.enroll ?? false;
-	const mandatory = options?.mandatory ?? false;
 	const selectedItems = computed(() => {
-		return new Set(Array.from(selectedIds).map((id) => registry$1.get(id)));
+		return new Set(Array.from(selectedIds).map((id) => registry.get(id)));
 	});
 	const selectedValues = computed(() => {
 		return new Set(Array.from(selectedItems.value).map((item) => item?.value));
 	});
 	function seek(direction = "first", from) {
-		return registry$1.seek(direction, from, (ticket) => !ticket.disabled);
+		return registry.seek(direction, from, (ticket) => !toValue(ticket.disabled));
 	}
 	function mandate() {
-		if (!mandatory || registry$1.size === 0 || selectedIds.size > 0) return;
+		if (!mandatory || registry.size === 0 || selectedIds.size > 0) return;
 		const ticket = seek("first");
 		if (ticket) select(ticket.id);
 	}
 	function select(id) {
-		const item = registry$1.get(id);
-		if (!item || item.disabled) return;
+		const item = registry.get(id);
+		if (!item || toValue(item.disabled)) return;
+		if (!multiple) selectedIds.clear();
 		selectedIds.add(id);
 	}
 	function unselect(id) {
@@ -1657,7 +1796,7 @@ function createSelection(options) {
 		selectedIds.delete(id);
 	}
 	function toggle(id) {
-		if (selectedIds.has(id)) unselect(id);
+		if (selected(id)) unselect(id);
 		else select(id);
 	}
 	function selected(id) {
@@ -1669,27 +1808,28 @@ function createSelection(options) {
 			disabled: false,
 			...registration,
 			id,
-			isSelected: toRef(() => selectedIds.has(id)),
+			isSelected: toRef(() => selected(id)),
 			select: () => select(id),
 			unselect: () => unselect(id),
 			toggle: () => toggle(id)
 		};
-		const ticket = registry$1.register(item);
-		if (enroll && !item.disabled) selectedIds.add(ticket.id);
+		const ticket = registry.register(item);
+		if (enroll && !toValue(item.disabled)) selectedIds.add(ticket.id);
 		if (mandatory === "force") mandate();
 		return ticket;
 	}
 	function unregister(id) {
 		selectedIds.delete(id);
-		registry$1.unregister(id);
+		registry.unregister(id);
 	}
 	function reset() {
-		registry$1.clear();
+		registry.clear();
 		selectedIds.clear();
 		mandate();
 	}
 	return {
-		...registry$1,
+		...registry,
+		disabled,
 		selectedIds,
 		selectedItems,
 		selectedValues,
@@ -1703,7 +1843,7 @@ function createSelection(options) {
 		toggle,
 		selected,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -1771,6 +1911,20 @@ function useSelection(namespace = "v0:selection") {
 //#endregion
 //#region src/composables/useGroup/index.ts
 /**
+* @module useGroup
+*
+* @remarks
+* Multi-selection composable that extends useSelection with batch operation support.
+*
+* Key features:
+* - Batch operations (select/unselect/toggle accept ID | ID[])
+* - selectedIndexes computed Set for position-based tracking
+* - Perfect for checkboxes, multi-select dropdowns, filter panels
+*
+* Inheritance chain: useRegistry → useSelection → useGroup
+* Extended by: useFeatures
+*/
+/**
 * Creates a new group instance with batch selection operations.
 *
 * Extends `createSelection` to support selecting, unselecting, and toggling multiple items
@@ -1827,28 +1981,33 @@ function useSelection(namespace = "v0:selection") {
 * console.log(checkboxes.selectedIds) // Set { 'option-b', 'option-c' }
 * ```
 */
-function createGroup(options) {
-	const registry$1 = createSelection(options);
+function createGroup(_options = {}) {
+	const { mandatory = false, multiple = true,...options } = _options;
+	const registry = createSelection({
+		...options,
+		mandatory,
+		multiple
+	});
 	const selectedIndexes = computed(() => {
-		return new Set(Array.from(registry$1.selectedItems.value).map((item) => item?.index));
+		return new Set(Array.from(registry.selectedItems.value).map((item) => item?.index));
 	});
 	function select(ids) {
-		for (const id of toArray(ids)) registry$1.select(id);
+		for (const id of toArray(ids)) registry.select(id);
 	}
 	function unselect(ids) {
-		for (const id of toArray(ids)) registry$1.unselect(id);
+		for (const id of toArray(ids)) registry.unselect(id);
 	}
 	function toggle(ids) {
-		for (const id of toArray(ids)) registry$1.toggle(id);
+		for (const id of toArray(ids)) registry.toggle(id);
 	}
 	return {
-		...registry$1,
+		...registry,
 		select,
 		unselect,
 		toggle,
 		selectedIndexes,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -1915,6 +2074,23 @@ function useGroup(namespace) {
 //#endregion
 //#region src/composables/useTokens/index.ts
 /**
+* @module useTokens
+*
+* @see https://0.vuetifyjs.com/composables/registration/use-tokens
+*
+* @remarks
+* Design token registry with alias resolution and W3C Design Tokens format support.
+*
+* Key features:
+* - Alias resolution with circular reference detection
+* - Nested token flattening with dot notation
+* - W3C Design Tokens format ($value, $type, $description, $extensions)
+* - Path-based resolution (e.g., {colors}.blue.500)
+* - Resolution caching for performance (~28,590 ops/sec)
+*
+* Used by useTheme, useLocale, and useFeatures for token-based configuration.
+*/
+/**
 * Creates a new token instance.
 *
 * @param tokens The tokens to use.
@@ -1943,9 +2119,9 @@ function useGroup(namespace) {
 */
 function createTokens(tokens = {}, options = {}) {
 	const logger = useLogger();
-	const registry$1 = useRegistry(options);
+	const registry = useRegistry(options);
 	const cache = /* @__PURE__ */ new Map();
-	registry$1.onboard(flatten(tokens, options.prefix, !!options.flat));
+	registry.onboard(flatten(tokens, options.prefix, !!options.flat));
 	function isAlias(token) {
 		return /* @__PURE__ */ isString(token) && token.length > 2 && token[0] === "{" && token.at(-1) === "}";
 	}
@@ -1964,14 +2140,14 @@ function createTokens(tokens = {}, options = {}) {
 			return;
 		}
 		visited.add(clean);
-		let found = registry$1.get(clean);
+		let found = registry.get(clean);
 		let segments = [];
 		if (!found && clean.includes(".")) {
 			const parts = clean.split(".");
 			for (let i = parts.length - 1; i > 0; i--) {
 				const prefix = parts.slice(0, i).join(".");
 				const suffix = parts.slice(i);
-				const candidate = registry$1.get(prefix);
+				const candidate = registry.get(prefix);
 				if (candidate?.value !== void 0) {
 					found = candidate;
 					segments = suffix;
@@ -2012,11 +2188,11 @@ function createTokens(tokens = {}, options = {}) {
 		return result;
 	}
 	return {
-		...registry$1,
+		...registry,
 		resolve,
 		isAlias,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -2154,6 +2330,24 @@ function flatten(tokens, prefix = "", flat = false) {
 //#endregion
 //#region src/composables/useFeatures/index.ts
 /**
+* @module useFeatures
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-features
+*
+* @remarks
+* Feature flag system with boolean and token-based features.
+*
+* Key features:
+* - Boolean features (true/false activation)
+* - Token features with $variation support
+* - Auto-selection of enabled features
+* - Multi-select support for feature combinations
+* - Perfect for A/B testing, progressive rollout, feature toggles
+*
+* Inheritance chain: useRegistry → createSelection → createGroup → createFeatures
+* Integrates with useTokens for token-based features.
+*/
+/**
 * Creates a new features instance.
 *
 * @param options The options for the features instance.
@@ -2179,13 +2373,13 @@ function flatten(tokens, prefix = "", flat = false) {
 function createFeatures(_options = {}) {
 	const { features,...options } = _options;
 	const tokens = createTokens(features, { flat: true });
-	const registry$1 = createGroup(options);
+	const registry = createGroup(options);
 	for (const [id, { value }] of tokens.entries()) register({
 		id,
 		value
 	});
 	function variation(id, fallback = null) {
-		const ticket = registry$1.get(id);
+		const ticket = registry.get(id);
 		if (!ticket) return fallback;
 		return /* @__PURE__ */ isObject(ticket.value) ? ticket.value.$variation ?? fallback : ticket.value ?? fallback;
 	}
@@ -2194,16 +2388,16 @@ function createFeatures(_options = {}) {
 			value: false,
 			...registration
 		};
-		const ticket = registry$1.register(item);
-		if (/* @__PURE__ */ isBoolean(ticket.value) && ticket.value === true || /* @__PURE__ */ isObject(ticket.value) && /* @__PURE__ */ isBoolean(ticket.value.$value) && ticket.value.$value === true) registry$1.select(ticket.id);
+		const ticket = registry.register(item);
+		if (/* @__PURE__ */ isBoolean(ticket.value) && ticket.value === true || /* @__PURE__ */ isObject(ticket.value) && /* @__PURE__ */ isBoolean(ticket.value.$value) && ticket.value.$value === true) registry.select(ticket.id);
 		return ticket;
 	}
 	return {
-		...registry$1,
+		...registry,
 		variation,
 		register,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -2313,6 +2507,21 @@ function useFeatures(namespace = "v0:features") {
 
 //#endregion
 //#region src/composables/useFilter/index.ts
+/**
+* @module useFilter
+*
+* @remarks
+* Reactive array filtering composable with multiple filter modes.
+*
+* Key features:
+* - Four filter modes: some, every, union, intersection
+* - Case-insensitive filtering
+* - Custom filter functions
+* - Reactive updates
+* - Perfect for search, multi-criteria filtering
+*
+* Filters arrays based on query strings with configurable matching strategies.
+*/
 function defaultFilter(query, item, keys, mode = "some") {
 	const queries = Array.isArray(query) ? query.map((q) => String(q).toLowerCase()) : [String(query).toLowerCase()];
 	function match(value, q) {
@@ -2370,6 +2579,22 @@ function useFilter(query, items, options = {}) {
 //#endregion
 //#region src/composables/useForm/index.ts
 /**
+* @module useForm
+*
+* @remarks
+* Form validation composable with async rule support and multiple validation modes.
+*
+* Key features:
+* - Sync and async validation rules
+* - Multiple validation modes (submit, change, combined)
+* - Tri-state isValid (null/true/false)
+* - isPristine tracking
+* - Silent validation mode
+* - Form-level validation and reset
+*
+* Each field is registered with validation rules and tracks its own state independently.
+*/
+/**
 * Creates a new form instance.
 *
 * @param options The options for the form instance.
@@ -2399,7 +2624,7 @@ function useFilter(query, items, options = {}) {
 * ```
 */
 function createForm(options) {
-	const registry$1 = useRegistry(options);
+	const registry = useRegistry(options);
 	const validateOn = options?.validateOn || "submit";
 	function parse(value) {
 		return value.toLowerCase().split(/\s+/);
@@ -2408,12 +2633,12 @@ function createForm(options) {
 		return parse(validateOn).includes(event);
 	}
 	const isValidating = computed(() => {
-		for (const ticket of registry$1.collection.values()) if (ticket.isValidating.value) return true;
+		for (const ticket of registry.collection.values()) if (ticket.isValidating.value) return true;
 		return false;
 	});
 	const isValid = computed(() => {
 		let hasFields = false;
-		for (const ticket of registry$1.values()) {
+		for (const ticket of registry.values()) {
 			hasFields = true;
 			if (ticket.isValid.value === false) return false;
 			if (ticket.isValid.value === null) return null;
@@ -2421,15 +2646,15 @@ function createForm(options) {
 		return hasFields || null;
 	});
 	function reset() {
-		for (const ticket of registry$1.values()) ticket.reset();
+		for (const ticket of registry.values()) ticket.reset();
 	}
 	async function submit() {
-		return validate(registry$1.keys());
+		return validate(registry.keys());
 	}
 	async function validate(id) {
 		const validating = toArray(id);
-		if (validatesOn("submit")) return (await Promise.all(validating.map(async (id$1) => await registry$1.get(id$1)?.validate() ?? true))).every(Boolean);
-		return validating.map((id$1) => registry$1.get(id$1)).filter(Boolean).every((ticket) => ticket.isValid.value === true);
+		if (validatesOn("submit")) return (await Promise.all(validating.map(async (id$1) => await registry.get(id$1)?.validate() ?? true))).every(Boolean);
+		return validating.map((id$1) => registry.get(id$1)).filter(Boolean).every((ticket) => ticket.isValid.value === true);
 	}
 	function register(registration) {
 		const model = shallowRef(registration.value == null ? "" : toValue(registration.value));
@@ -2476,7 +2701,7 @@ function createForm(options) {
 			reset: _reset,
 			validate: validate$1
 		};
-		const ticket = registry$1.register(item);
+		const ticket = registry.register(item);
 		Object.defineProperty(ticket, "value", {
 			get() {
 				return model.value;
@@ -2493,7 +2718,7 @@ function createForm(options) {
 		return ticket;
 	}
 	return {
-		...registry$1,
+		...registry,
 		register,
 		reset,
 		submit,
@@ -2501,7 +2726,7 @@ function createForm(options) {
 		isValid,
 		isValidating,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -2571,6 +2796,22 @@ function useForm(namespace = "v0:form") {
 //#endregion
 //#region src/composables/useIntersectionObserver/index.ts
 /**
+* @module useIntersectionObserver
+*
+* @remarks
+* IntersectionObserver composable with lifecycle management.
+*
+* Key features:
+* - IntersectionObserver API wrapper
+* - Pause/resume/stop functionality
+* - Automatic cleanup on unmount
+* - SSR-safe (checks SUPPORTS_INTERSECTION_OBSERVER)
+* - Hydration-aware
+* - Immediate callback option
+*
+* Perfect for lazy loading, infinite scroll, and visibility detection.
+*/
+/**
 * A composable that uses the Intersection Observer API to detect when an element
 * is visible in the viewport.
 *
@@ -2735,6 +2976,20 @@ function useElementIntersection(target, options = {}) {
 //#endregion
 //#region src/composables/useKeydown/index.ts
 /**
+* @module useKeydown
+*
+* @remarks
+* Keydown event listener composable with key filtering.
+*
+* Key features:
+* - Key-specific event handling
+* - preventDefault and stopPropagation options
+* - Automatic cleanup on scope disposal
+* - Auto-starts when in component scope
+*
+* Simplified wrapper around useEventListener for keyboard interactions.
+*/
+/**
 * A composable that adds a keydown event listener to the document.
 *
 * @param handlers The key handlers to add.
@@ -2782,6 +3037,19 @@ function useKeydown(handlers) {
 //#endregion
 //#region src/composables/useSingle/index.ts
 /**
+* @module useSingle
+*
+* @remarks
+* Single-selection composable that extends useSelection to enforce only one selected item.
+*
+* Key features:
+* - Auto-clears previous selection when selecting new item
+* - Singular computed properties (selectedId, selectedItem, selectedIndex, selectedValue)
+* - Perfect for tabs, radio buttons, theme selectors
+*
+* Inheritance chain: useRegistry → useSelection → useSingle
+*/
+/**
 * Creates a new single selection instance that enforces only one selected item at a time.
 *
 * Extends `createSelection` by automatically clearing previous selections when a new item is selected.
@@ -2831,38 +3099,35 @@ function useKeydown(handlers) {
 * console.log(tabs.selectedIds.size) // 1 (always enforces single selection)
 * ```
 */
-function createSingle(options) {
-	const registry$1 = createSelection(options);
-	const mandatory = options?.mandatory ?? false;
-	const selectedId = computed(() => registry$1.selectedIds.values().next().value);
-	const selectedItem = computed(() => registry$1.selectedItems.value.values().next().value);
+function createSingle(_options = {}) {
+	const { mandatory = false, multiple = false,...options } = _options;
+	const registry = createSelection({
+		...options,
+		mandatory,
+		multiple
+	});
+	const selectedId = computed(() => registry.selectedIds.values().next().value);
+	const selectedItem = computed(() => registry.selectedItems.value.values().next().value);
 	const selectedIndex = computed(() => selectedItem.value?.index ?? -1);
 	const selectedValue = computed(() => selectedItem.value?.value);
-	function select(id) {
-		const item = registry$1.get(id);
-		if (!item || item.disabled) return;
-		registry$1.selectedIds.clear();
-		registry$1.select(id);
-	}
 	function unselect(id) {
-		if (mandatory && registry$1.selectedIds.size === 1) return;
-		registry$1.selectedIds.delete(id);
+		if (mandatory && registry.selectedIds.size === 1) return;
+		registry.selectedIds.delete(id);
 	}
 	function toggle(id) {
-		if (registry$1.selectedIds.has(id)) unselect(id);
-		else select(id);
+		if (registry.selectedIds.has(id)) unselect(id);
+		else registry.select(id);
 	}
 	return {
-		...registry$1,
+		...registry,
 		selectedId,
 		selectedItem,
 		selectedIndex,
 		selectedValue,
-		select,
 		unselect,
 		toggle,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -2963,6 +3228,21 @@ var Vuetify0LocaleAdapter = class {
 //#endregion
 //#region src/composables/useLocale/index.ts
 /**
+* @module useLocale
+*
+* @remarks
+* Internationalization (i18n) composable with adapter pattern for message translation.
+*
+* Key features:
+* - Locale selection with createSingle
+* - Token-based message storage with useTokens
+* - Numbered and named placeholder support ({0}, {name})
+* - Number formatting with Intl.NumberFormat
+* - Adapter pattern for integration with i18n providers
+*
+* Integrates with createSingle for locale selection and useTokens for message resolution.
+*/
+/**
 * Creates a new locale instance.
 *
 * @param options The options for the locale instance.
@@ -2975,32 +3255,32 @@ var Vuetify0LocaleAdapter = class {
 function createLocale(_options = {}) {
 	const { adapter = new Vuetify0LocaleAdapter(), messages = {},...options } = _options;
 	const tokens = createTokens(messages, { flat: true });
-	const registry$1 = createSingle(options);
+	const registry = createSingle(options);
 	for (const id in messages) {
-		registry$1.register({
+		registry.register({
 			id,
 			value: messages[id]
 		});
-		if (id === options.default && !registry$1.selectedId.value) registry$1.select(id);
+		if (id === options.default && !registry.selectedId.value) registry.select(id);
 	}
 	function t(key, ...params) {
-		const locale = registry$1.selectedId.value;
+		const locale = registry.selectedId.value;
 		if (!locale) return key;
-		const message = (registry$1.get(locale)?.value)?.[key];
+		const message = (registry.get(locale)?.value)?.[key];
 		const template = /* @__PURE__ */ isString(message) ? resolve(locale, message) : key;
 		return adapter.t(template, ...params);
 	}
 	function n(value, ...params) {
-		return adapter.n(value, registry$1.selectedId.value, ...params);
+		return adapter.n(value, registry.selectedId.value, ...params);
 	}
 	function resolve(locale, str) {
 		return str.replace(/{([a-zA-Z0-9.-_]+)}/g, (match, key) => {
 			const [prefix, ...rest] = key.split(".");
 			const path = rest.join(".");
-			const prefixTicket = registry$1.get(prefix);
+			const prefixTicket = registry.get(prefix);
 			const target = prefixTicket ? prefix : locale;
 			const name = prefixTicket ? path : key;
-			const resolved = (registry$1.get(target)?.value)?.[name];
+			const resolved = (registry.get(target)?.value)?.[name];
 			if (/* @__PURE__ */ isString(resolved)) return resolve(target, resolved);
 			const alias = `{${key}}`;
 			if (tokens.isAlias(alias)) {
@@ -3011,11 +3291,11 @@ function createLocale(_options = {}) {
 		});
 	}
 	return {
-		...registry$1,
+		...registry,
 		t,
 		n,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -3099,6 +3379,22 @@ function useLocale(namespace = "v0:locale") {
 //#endregion
 //#region src/composables/useMutationObserver/index.ts
 /**
+* @module useMutationObserver
+*
+* @remarks
+* MutationObserver composable with lifecycle management.
+*
+* Key features:
+* - MutationObserver API wrapper
+* - Pause/resume/stop functionality
+* - Automatic cleanup on unmount
+* - SSR-safe (checks SUPPORTS_MUTATION_OBSERVER)
+* - Hydration-aware
+* - Configurable observation options (childList, attributes, characterData, etc.)
+*
+* Perfect for detecting DOM changes and responding to mutations.
+*/
+/**
 * A composable that uses the Mutation Observer API to detect changes in the DOM.
 *
 * @param target The element to observe.
@@ -3241,6 +3537,23 @@ var Vuetify0PermissionAdapter = class extends PermissionAdapter {
 //#endregion
 //#region src/composables/usePermissions/index.ts
 /**
+* @module usePermissions
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-permissions
+*
+* @remarks
+* Permission management composable with support for RBAC and ABAC patterns.
+*
+* Key features:
+* - Role-Based Access Control (RBAC) support
+* - Attribute-Based Access Control (ABAC) with context
+* - Functional permission conditions
+* - Token-based permission storage
+* - Adapter pattern for custom permission systems
+*
+* Built on useTokens for flexible permission configuration.
+*/
+/**
 * Creates a new permissions instance.
 *
 * @param options The options for the permissions instance.
@@ -3387,15 +3700,27 @@ function usePermissions(namespace = "v0:permissions") {
 //#endregion
 //#region src/composables/useProxyModel/index.ts
 /**
-* Creates a proxy model that can be used to bind to a selection.
+* @module useProxyModel
+*
+* @remarks
+* Proxy composable for bidirectional sync between selection registry and v-model.
+*
+* Key features:
+* - Bidirectional synchronization
+* - Array and single-value modes
+* - Automatic cleanup on scope disposal
+* - Perfect for form controls with selection backing
+*
+* Bridges the gap between selection composables and Vue's v-model.
+*/
+/**
+* Syncs a ref with a selection registry bidirectionally.
 *
 * @param registry The selection registry to bind to.
-* @param initial The initial value of the model.
+* @param model The ref to sync.
 * @param options The options for the proxy model.
-* @param transformIn A function to transform the value before setting it.
-* @param transformOut A function to transform the value before getting it.
 * @template Z The type of the selection ticket.
-* @returns A proxy model that can be used to bind to a selection.
+* @returns A function to stop the sync.
 *
 * @see https://0.vuetifyjs.com/composables/forms/use-proxy-model
 *
@@ -3403,105 +3728,105 @@ function usePermissions(namespace = "v0:permissions") {
 * ```ts
 * import { createSelection, useProxyModel } from '@vuetify/v0'
 *
+* const model = ref()
 * const registry = createSelection({ events: true })
 * registry.onboard([
 *   { id: 'item-1', value: 'Item 1' },
 *   { id: 'item-2', value: 'Item 2' },
 * ])
 *
-* const model = useProxyModel(registry, 'Item 1')
+* const stop = useProxyModel(registry, model)
 * ```
 */
-function useProxyModel(registry$1, initial, options, _transformIn, _transformOut) {
-	const internal = (options?.deep ? ref : shallowRef)(initial ? toArray(initial) : []);
-	const isModelArray = /* @__PURE__ */ isArray(initial);
+function useProxyModel(registry, model, options) {
+	const multiple = options?.multiple ?? false;
+	const _transformIn = options?.transformIn;
+	const _transformOut = options?.transformOut;
 	function transformIn(val) {
-		return /* @__PURE__ */ isFunction(_transformIn) ? _transformIn(val) : toArray(val);
+		const value = toValue(val);
+		return toArray(/* @__PURE__ */ isFunction(_transformIn) ? _transformIn(value) : value);
 	}
 	function transformOut(val) {
 		if (/* @__PURE__ */ isFunction(_transformOut)) return _transformOut(val);
-		return isModelArray ? val : val[0];
-	}
-	const model = computed({
-		get() {
-			return transformOut(internal.value);
-		},
-		set(val) {
-			internal.value = transformIn(val);
+		return multiple ? val : val[0];
+	}
+	const modelAsArray = transformIn(model);
+	const pending = new Set(modelAsArray);
+	for (const value of modelAsArray) {
+		const ids = registry.browse(value);
+		if (/* @__PURE__ */ isArray(ids)) {
+			for (const id of ids) registry.select(id);
+			pending.delete(value);
+		} else if (ids) {
+			registry.select(ids);
+			pending.delete(value);
 		}
-	});
-	const registryWatcher = watch(registry$1.selectedValues, (val) => {
-		modelWatcher.pause();
-		model.value = Array.from(toValue(val));
-		modelWatcher.resume();
-	});
-	const modelWatcher = watch(model, (val) => {
-		const currentIds = new Set(toValue(registry$1.selectedIds));
+	}
+	const registryWatch = watch(registry.selectedValues, (val) => {
+		modelWatch.pause();
+		model.value = transformOut(Array.from(toValue(val)));
+		modelWatch.resume();
+	}, { flush: "sync" });
+	const modelWatch = watch(model, (val) => {
+		registryWatch.pause();
+		const currentIds = new Set(toValue(registry.selectedIds));
 		const targetIds = /* @__PURE__ */ new Set();
-		for (const value of toArray(val)) {
-			const ids = registry$1.browse(value);
+		for (const value of transformIn(val)) {
+			const ids = registry.browse(value);
 			if (/* @__PURE__ */ isArray(ids)) for (const single of ids) targetIds.add(single);
 			else if (ids) targetIds.add(ids);
 		}
-		registryWatcher.pause();
-		if (isModelArray) {
-			for (const id of currentIds.difference(targetIds)) registry$1.selectedIds.delete(id);
-			for (const id of targetIds.difference(currentIds)) registry$1.selectedIds.add(id);
+		if (multiple) {
+			for (const id of currentIds.difference(targetIds)) registry.selectedIds.delete(id);
+			for (const id of targetIds.difference(currentIds)) registry.selectedIds.add(id);
 		} else {
 			const next = targetIds.values().next().value;
 			const last = currentIds.values().next().value;
-			if (last !== void 0) registry$1.unselect(last);
-			if (next !== void 0) registry$1.select(next);
+			if (last !== void 0) registry.unselect(last);
+			if (next !== void 0) registry.select(next);
 		}
-		registryWatcher.resume();
+		registryWatch.resume();
+	}, {
+		flush: "sync",
+		deep: multiple
 	});
 	function onRegister(ticket) {
-		if (!internal.value.includes(ticket.value)) return;
-		registryWatcher.pause();
-		modelWatcher.pause();
-		registry$1.select(ticket.id);
-		registryWatcher.resume();
-		modelWatcher.resume();
-	}
-	function onUnregister(ticket) {
-		if (!internal.value.includes(ticket.value)) return;
-		registryWatcher.pause();
-		modelWatcher.pause();
-		registry$1.unselect(ticket.id);
-		registryWatcher.resume();
-		modelWatcher.resume();
-	}
-	function onUpdate(ticket) {
-		const hasValue = internal.value.includes(ticket.value);
-		const isSelected = toValue(registry$1.selectedIds).has(ticket.id);
-		if (!hasValue && isSelected) onUnregister(ticket);
-		else if (hasValue && !isSelected) onRegister(ticket);
-	}
-	function onClear() {
-		registryWatcher.pause();
-		modelWatcher.pause();
-		registry$1.selectedIds.clear();
-		registryWatcher.resume();
-		modelWatcher.resume();
-	}
-	registry$1.on("register:ticket", onRegister);
-	registry$1.on("unregister:ticket", onUnregister);
-	registry$1.on("update:ticket", onUpdate);
-	registry$1.on("clear:registry", onClear);
-	onScopeDispose(() => {
-		registryWatcher();
-		modelWatcher();
-		registry$1.off("register:item", onRegister);
-		registry$1.off("unregister:ticket", onUnregister);
-		registry$1.off("update:ticket", onUpdate);
-		registry$1.off("clear:registry", onClear);
-	}, true);
-	return model;
+		if (!pending.has(ticket.value) || ticket.disabled) return;
+		registryWatch.pause();
+		modelWatch.pause();
+		registry.select(ticket.id);
+		pending.delete(ticket.value);
+		modelWatch.resume();
+		registryWatch.resume();
+	}
+	registry.on("register:ticket", onRegister);
+	function stop() {
+		registryWatch();
+		modelWatch();
+		registry.off("register:ticket", onRegister);
+	}
+	onScopeDispose(stop, true);
+	return stop;
 }
 
 //#endregion
 //#region src/composables/useProxyRegistry/index.ts
 /**
+* @module useProxyRegistry
+*
+* @remarks
+* Proxy composable for reactive registry keys, values, entries, and size.
+*
+* Key features:
+* - Reactive proxy for registry data
+* - Deep or shallow reactivity options
+* - Event-based updates
+* - Automatic cleanup on scope disposal
+* - Transforms Map-based registry into reactive refs
+*
+* Perfect for exposing registry data as reactive computed properties.
+*/
+/**
 * Creates a proxy registry that provides reactive objects for registry data.
 *
 * @param registry The registry instance to proxy.
@@ -3522,28 +3847,28 @@ function useProxyModel(registry$1, initial, options, _transformIn, _transformOut
 * console.log(proxy.size) // 1
 * ```
 */
-function useProxyRegistry(registry$1, options) {
+function useProxyRegistry(registry, options) {
 	const state = (options?.deep ? reactive : shallowReactive)({
-		keys: registry$1.keys(),
-		values: registry$1.values(),
-		entries: registry$1.entries(),
-		size: registry$1.size
+		keys: registry.keys(),
+		values: registry.values(),
+		entries: registry.entries(),
+		size: registry.size
 	});
 	function update() {
-		state.keys = registry$1.keys();
-		state.values = registry$1.values();
-		state.entries = registry$1.entries();
-		state.size = registry$1.size;
-	}
-	registry$1.on("register:ticket", update);
-	registry$1.on("unregister:ticket", update);
-	registry$1.on("update:ticket", update);
-	registry$1.on("clear:registry", update);
+		state.keys = registry.keys();
+		state.values = registry.values();
+		state.entries = registry.entries();
+		state.size = registry.size;
+	}
+	registry.on("register:ticket", update);
+	registry.on("unregister:ticket", update);
+	registry.on("update:ticket", update);
+	registry.on("clear:registry", update);
 	onScopeDispose(() => {
-		registry$1.off("register:ticket", update);
-		registry$1.off("unregister:ticket", update);
-		registry$1.off("update:ticket", update);
-		registry$1.off("clear:registry", update);
+		registry.off("register:ticket", update);
+		registry.off("unregister:ticket", update);
+		registry.off("update:ticket", update);
+		registry.off("clear:registry", update);
 	}, true);
 	return state;
 }
@@ -3551,6 +3876,21 @@ function useProxyRegistry(registry$1, options) {
 //#endregion
 //#region src/composables/useQueue/index.ts
 /**
+* @module useQueue
+*
+* @remarks
+* A queue composable for managing time-based collections with:
+* - Automatic timeout-based removal
+* - Pause/resume functionality
+* - FIFO (First In, First Out) ordering
+* - Manual dismissal support
+* - Queue progression management
+*
+* Built on top of useRegistry, the queue automatically manages timeouts for tickets,
+* ensuring only the first ticket in the queue is active at any time. When an ticket
+* expires or is removed, the next ticket in the queue automatically becomes active.
+*/
+/**
 * Creates a new queue instance
 *
 * @param options The options for the queue instance
@@ -3583,7 +3923,7 @@ function useProxyRegistry(registry$1, options) {
 */
 function createQueue(_options = {}) {
 	const { timeout: _timeout = 3e3,...options } = _options;
-	const registry$1 = useRegistry({
+	const registry = useRegistry({
 		...options,
 		events: true
 	});
@@ -3592,7 +3932,7 @@ function createQueue(_options = {}) {
 		if (ticket.timeout === void 0 || ticket.timeout === -1 || ticket.isPaused) return;
 		const timeout = setTimeout(() => {
 			timeouts.delete(ticket.id);
-			registry$1.unregister(ticket.id);
+			registry.unregister(ticket.id);
 			resume();
 		}, ticket.timeout);
 		timeouts.set(ticket.id, timeout);
@@ -3611,47 +3951,47 @@ function createQueue(_options = {}) {
 			...registration,
 			id,
 			timeout,
-			isPaused: registry$1.size > 0,
+			isPaused: registry.size > 0,
 			dismiss: () => unregister(id)
 		};
-		const registered = registry$1.register(ticket);
+		const registered = registry.register(ticket);
 		startTimeout(registered);
 		return registered;
 	}
 	function unregister(id) {
-		const ticket = id === void 0 ? registry$1.seek("first") : registry$1.get(id);
+		const ticket = id === void 0 ? registry.seek("first") : registry.get(id);
 		if (!ticket) return void 0;
 		const wasFirst = ticket.index === 0;
 		clearTimeout(ticket.id);
-		registry$1.unregister(ticket.id);
+		registry.unregister(ticket.id);
 		if (wasFirst) resume();
 		return ticket;
 	}
 	function pause() {
-		const ticket = registry$1.seek("first");
+		const ticket = registry.seek("first");
 		if (!ticket || ticket.isPaused) return void 0;
 		clearTimeout(ticket.id);
-		registry$1.upsert(ticket.id, { isPaused: true });
+		registry.upsert(ticket.id, { isPaused: true });
 		return ticket;
 	}
 	function resume() {
-		const ticket = registry$1.seek("first");
+		const ticket = registry.seek("first");
 		if (!ticket || ticket.index !== 0 || !ticket.isPaused) return void 0;
-		registry$1.upsert(ticket.id, { isPaused: false });
+		registry.upsert(ticket.id, { isPaused: false });
 		startTimeout(ticket);
 		return ticket;
 	}
 	function clear() {
 		for (const id of timeouts.keys()) clearTimeout(id);
-		registry$1.clear();
+		registry.clear();
 	}
 	function dispose() {
 		clear();
-		registry$1.dispose();
+		registry.dispose();
 	}
 	onScopeDispose(dispose, true);
 	return {
-		...registry$1,
+		...registry,
 		register,
 		unregister,
 		pause,
@@ -3659,7 +3999,7 @@ function createQueue(_options = {}) {
 		clear,
 		dispose,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -3716,6 +4056,22 @@ function useQueue(namespace = "v0:queue") {
 //#endregion
 //#region src/composables/useResizeObserver/index.ts
 /**
+* @module useResizeObserver
+*
+* @remarks
+* ResizeObserver composable with lifecycle management.
+*
+* Key features:
+* - ResizeObserver API wrapper
+* - Pause/resume/stop functionality
+* - Automatic cleanup on unmount
+* - SSR-safe (checks SUPPORTS_OBSERVER)
+* - Hydration-aware
+* - Box model options (content-box/border-box)
+*
+* Perfect for responsive components and size-based rendering.
+*/
+/**
 * A composable that uses the Resize Observer API to detect when an element's
 * size changes.
 *
@@ -3867,10 +4223,24 @@ function useElementSize(target) {
 //#endregion
 //#region src/composables/useStep/index.ts
 /**
-* Creates a new step instance with circular navigation through items.
+* @module useStep
+*
+* @remarks
+* Navigation composable that extends useSingle with first/last/next/prev/step methods.
+*
+* Key features:
+* - Configurable circular or bounded navigation
+* - Automatic disabled item skipping
+* - Arbitrary step counts (positive/negative)
+* - Perfect for wizards, carousels, pagination, onboarding flows
+*
+* Inheritance chain: useRegistry → useSelection → useSingle → useStep
+*/
+/**
+* Creates a new step instance with navigation through items.
 *
 * Extends `createSingle` with `first()`, `last()`, `next()`, `prev()`, and `step(count)` methods
-* for sequential navigation. Automatically wraps around at boundaries (circular navigation).
+* for sequential navigation. Supports both circular (wrapping) and bounded (stopping at edges) modes.
 *
 * @param options The options for the step instance.
 * @template Z The type of the step ticket.
@@ -3879,7 +4249,7 @@ function useElementSize(target) {
 *
 * @remarks
 * **Key Features:**
-* - **Circular Navigation**: Wrapping at start/end boundaries
+* - **Configurable Navigation**: `circular: true` for wrapping, `false` for bounded (default: false)
 * - **Disabled Item Skipping**: Automatically skips disabled items during navigation
 * - **Bidirectional**: Forward (`next`, positive `step`) and backward (`prev`, negative `step`)
 * - **Safe Edge Cases**: Handles empty registries and all-disabled scenarios gracefully
@@ -3887,15 +4257,20 @@ function useElementSize(target) {
 * **Navigation Methods:**
 * - `first()`: Select first non-disabled item
 * - `last()`: Select last non-disabled item
-* - `next()`: Move to next item (wraps to first)
-* - `prev()`: Move to previous item (wraps to last)
+* - `next()`: Move to next item (wraps if circular, stops at end if bounded)
+* - `prev()`: Move to previous item (wraps if circular, stops at start if bounded)
 * - `step(count)`: Move by `count` positions (negative for backward)
 *
-* **Wrapping Behavior:**
-* - Uses modulo arithmetic for circular wrapping: `((index % length) + length) % length`
+* **Circular Mode (`circular: true`):**
+* - Uses modulo arithmetic for wrapping: `((index % length) + length) % length`
 * - Works correctly with negative indexes and large step counts
-* - Continues searching if landing on disabled items (up to registry length iterations)
-* - Returns early if all items are disabled to prevent infinite loops
+* - Perfect for carousels, theme switchers, infinite scrolling
+*
+* **Bounded Mode (`circular: false`, default):**
+* - Navigation stops at boundaries (no wrapping)
+* - `next()` on last item does nothing
+* - `prev()` on first item does nothing
+* - Perfect for pagination, wizards with explicit completion, forms
 *
 * **Inheritance Chain:**
 * `useRegistry` → `createSelection` → `createSingle` → `createStep`
@@ -3906,34 +4281,39 @@ function useElementSize(target) {
 * ```ts
 * import { createStep } from '@vuetify/v0'
 *
-* const wizard = createStep({ mandatory: true })
-*
-* wizard.onboard([
-*   { id: 'account', value: 'Account Info' },
-*   { id: 'payment', value: 'Payment Details' },
-*   { id: 'review', value: 'Review', disabled: true },
-*   { id: 'confirm', value: 'Confirmation' },
+* // Bounded navigation (default) - for pagination
+* const pagination = createStep({ circular: false })
+* pagination.onboard([
+*   { id: 'page-1', value: 1 },
+*   { id: 'page-2', value: 2 },
+*   { id: 'page-3', value: 3 },
 * ])
-*
-* wizard.first() // Select 'account'
-* console.log(wizard.selectedId.value) // 'account'
-*
-* wizard.next() // Move to 'payment'
-* wizard.next() // Skip disabled 'review', move to 'confirm'
-* wizard.next() // Wrap around to 'account'
-*
-* wizard.step(-2) // Go back 2 steps (wraps correctly)
+* pagination.first() // Select page 1
+* pagination.prev() // Does nothing (already at first)
+* pagination.next() // Select page 2
+*
+* // Circular navigation - for carousels
+* const carousel = createStep({ circular: true })
+* carousel.onboard([
+*   { id: 'slide-1', value: 'First' },
+*   { id: 'slide-2', value: 'Second' },
+*   { id: 'slide-3', value: 'Third' },
+* ])
+* carousel.first()
+* carousel.prev() // Wraps to 'slide-3'
+* carousel.next() // Wraps to 'slide-1'
 * ```
 */
-function createStep(options) {
-	const registry$1 = createSingle(options);
+function createStep(_options = {}) {
+	const { circular = false,...options } = _options;
+	const registry = createSingle(options);
 	function first() {
-		const ticket = registry$1.seek("first");
-		if (ticket) registry$1.select(ticket.id);
+		const ticket = registry.seek("first");
+		if (ticket) registry.select(ticket.id);
 	}
 	function last() {
-		const ticket = registry$1.seek("last");
-		if (ticket) registry$1.select(ticket.id);
+		const ticket = registry.seek("last");
+		if (ticket) registry.select(ticket.id);
 	}
 	function next() {
 		step(1);
@@ -3945,30 +4325,33 @@ function createStep(options) {
 		return (index % length + length) % length;
 	}
 	function step(count = 1) {
-		const length = registry$1.size;
+		const length = registry.size;
 		if (!length) return;
+		const currentIndex = registry.selectedIndex.value;
 		const direction = Math.sign(count || 1);
 		let hops = 0;
-		let index = wrapped(length, registry$1.selectedIndex.value + count);
-		let id = registry$1.lookup(index);
-		while (id !== void 0 && registry$1.get(id)?.disabled && hops < length) {
-			index = wrapped(length, index + direction);
-			id = registry$1.lookup(index);
+		let index = circular ? wrapped(length, currentIndex + count) : currentIndex + count;
+		if (!circular && (index < 0 || index >= length)) return;
+		let id = registry.lookup(index);
+		while (id !== void 0 && toValue(registry.get(id)?.disabled) && hops < length) {
+			index = circular ? wrapped(length, index + direction) : index + direction;
+			if (!circular && (index < 0 || index >= length)) return;
+			id = registry.lookup(index);
 			hops++;
 		}
 		if (id === void 0 || hops === length) return;
-		registry$1.selectedIds.clear();
-		registry$1.select(id);
+		registry.selectedIds.clear();
+		registry.select(id);
 	}
 	return {
-		...registry$1,
+		...registry,
 		first,
 		last,
 		next,
 		prev,
 		step,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -4062,6 +4445,21 @@ var MemoryAdapter = class {
 
 //#endregion
 //#region src/composables/useStorage/index.ts
+/**
+* @module useStorage
+*
+* @remarks
+* Reactive storage composable with adapter pattern for localStorage, sessionStorage, or memory.
+*
+* Key features:
+* - Reactive refs that sync with storage
+* - localStorage, sessionStorage, and memory adapters
+* - Custom serialization support
+* - SSR fallback to memory adapter
+* - Automatic cleanup on remove/clear
+*
+* Uses adapter pattern to abstract storage implementation details.
+*/
 const [useStorageContext, provideStorageContext] = createContext("v0:storage");
 /**
 * Creates a new storage instance.
@@ -4227,14 +4625,15 @@ var ThemeAdapter = class {
 	constructor(prefix) {
 		this.prefix = prefix;
 	}
-	generate(colors) {
+	generate(colors, isDark) {
 		let css = "";
 		for (const theme in colors) {
 			const themeColors = colors[theme];
 			if (!themeColors) continue;
 			const vars = Object.entries(themeColors).map(([key, val]) => `  --${this.prefix}-${key}: ${val};`).join("\n");
-			css += `.${this.prefix}-theme--${theme} {\n${vars}\n}\n`;
+			css += `[data-theme="${theme}"] {\n${vars}\n}\n`;
 		}
+		if (isDark !== void 0) css += `:root {\n  color-scheme: ${isDark ? "dark" : "light"};\n}\n`;
 		return css;
 	}
 };
@@ -4253,9 +4652,35 @@ var Vuetify0ThemeAdapter = class extends ThemeAdapter {
 		this.cspNonce = options.cspNonce;
 		this.stylesheetId = options.stylesheetId ?? this.stylesheetId;
 	}
-	update(colors) {
+	setup(app, context, target) {
+		if (IN_BROWSER) {
+			onScopeDispose(watch([context.colors, context.isDark], ([colors, isDark]) => {
+				this.update(colors, isDark);
+			}, { immediate: true }), true);
+			if (/* @__PURE__ */ isNull(target)) return;
+			const targetEl = target instanceof HTMLElement ? target : /* @__PURE__ */ isString(target) ? document.querySelector(target) : app._container || document.querySelector("#app") || document.body;
+			if (!targetEl) return;
+			onScopeDispose(watch(context.selectedId, (id) => {
+				if (!id) return;
+				targetEl.dataset.theme = String(id);
+			}, { immediate: true }), true);
+		} else {
+			const head = app._context?.provides?.usehead ?? app._context?.provides?.head;
+			if (head?.push) {
+				const id = context.selectedId.value;
+				head.push({
+					htmlAttrs: { "data-theme": id ? String(id) : "" },
+					style: [{
+						innerHTML: this.generate(context.colors.value, context.isDark.value),
+						id: this.stylesheetId
+					}]
+				});
+			}
+		}
+	}
+	update(colors, isDark) {
 		if (!IN_BROWSER) return;
-		this.upsert(this.generate(colors));
+		this.upsert(this.generate(colors, isDark));
 	}
 	upsert(styles) {
 		if (!IN_BROWSER) return;
@@ -4273,6 +4698,24 @@ var Vuetify0ThemeAdapter = class extends ThemeAdapter {
 //#endregion
 //#region src/composables/useTheme/index.ts
 /**
+* @module useTheme
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-theme
+*
+* @remarks
+* Theme management composable with token resolution and CSS variable injection.
+*
+* Key features:
+* - Single-selection theme switching (extends createSingle)
+* - Token alias resolution via useTokens
+* - Lazy theme loading (compute colors only when selected)
+* - CSS variable generation via adapter pattern
+* - SSR support with head integration
+* - Theme cycling
+*
+* Integrates with createSingle for selection and useTokens for color resolution.
+*/
+/**
 * Creates a new theme instance.
 *
 * @param options The options for the theme instance.
@@ -4312,7 +4755,7 @@ function createTheme(_options = {}) {
 		palette,
 		...themes
 	}, { flat: true });
-	const registry$1 = createSingle(options);
+	const registry = createSingle(options);
 	for (const id in themes) {
 		const { colors: value,...theme } = themes[id];
 		register({
@@ -4320,21 +4763,22 @@ function createTheme(_options = {}) {
 			value,
 			...theme
 		});
-		if (id === options.default && !registry$1.selectedId.value) registry$1.select(id);
+		if (id === options.default && !registry.selectedId.value) registry.select(id);
 	}
-	const names = computed(() => registry$1.keys());
+	const names = computed(() => registry.keys());
 	const colors = computed(() => {
 		const resolved = {};
-		for (const theme of registry$1.values()) {
-			if (theme.lazy && theme.id !== registry$1.selectedId.value) continue;
+		for (const theme of registry.values()) {
+			if (theme.lazy && theme.id !== registry.selectedId.value) continue;
 			resolved[theme.id] = resolve(theme.value);
 		}
 		return resolved;
 	});
+	const isDark = toRef(() => registry.selectedItem.value?.dark ?? false);
 	function cycle(themes$1 = names.value) {
-		const current = themes$1.indexOf(registry$1.selectedId.value ?? "");
+		const current = themes$1.indexOf(registry.selectedId.value ?? "");
 		const next = current === -1 ? 0 : (current + 1) % themes$1.length;
-		registry$1.select(themes$1[next]);
+		registry.select(themes$1[next]);
 	}
 	function resolve(colors$1) {
 		const resolved = {};
@@ -4347,15 +4791,16 @@ function createTheme(_options = {}) {
 			dark: false,
 			...registration
 		};
-		return registry$1.register(item);
+		return registry.register(item);
 	}
 	return {
-		...registry$1,
+		...registry,
 		colors,
+		isDark,
 		register,
 		cycle,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -4457,34 +4902,7 @@ function createThemePlugin(_options = {}) {
 			provideThemeContext(context, app);
 		},
 		setup: (app) => {
-			if (IN_BROWSER) {
-				onScopeDispose(watch(context.colors, (colors) => {
-					adapter.update(colors);
-				}, { immediate: true }), true);
-				if (target === null) return;
-				const targetEl = target instanceof HTMLElement ? target : /* @__PURE__ */ isString(target) ? document.querySelector(target) : app._container || document.querySelector("#app") || document.body;
-				if (!targetEl) return;
-				let prevClass = "";
-				onScopeDispose(watch(context.selectedId, (id) => {
-					if (!id) return;
-					const themeClass = `${adapter.prefix}-theme--${id}`;
-					if (prevClass) targetEl.classList.remove(prevClass);
-					targetEl.classList.add(themeClass);
-					prevClass = themeClass;
-				}, { immediate: true }), true);
-			} else {
-				const head = app._context?.provides?.usehead ?? app._context?.provides?.head;
-				if (head?.push) {
-					const id = context.selectedId.value;
-					head.push({
-						htmlAttrs: { class: id ? `${adapter.prefix}-theme--${id}` : "" },
-						style: [{
-							innerHTML: adapter.generate(context.colors.value),
-							id: adapter.stylesheetId
-						}]
-					});
-				}
-			}
+			adapter.setup(app, context, target);
 		}
 	});
 }
@@ -4518,6 +4936,21 @@ function useTheme(namespace = "v0:theme") {
 //#endregion
 //#region src/composables/useTimeline/index.ts
 /**
+* @module useTimeline
+*
+* @remarks
+* Bounded undo/redo system with overflow management.
+*
+* Key features:
+* - Fixed-size history (default: 10 items)
+* - Undo/redo stack management
+* - Overflow queue (preserves oldest items)
+* - Automatic reindexing after operations
+* - Perfect for command pattern, history tracking
+*
+* Extends useRegistry with temporal navigation capabilities.
+*/
+/**
 * Creates a new timeline instance.
 *
 * @param _options The options for the timeline instance.
@@ -4546,48 +4979,48 @@ function useTheme(namespace = "v0:theme") {
 */
 function createTimeline(_options = {}) {
 	const { size = 10,...options } = _options;
-	const registry$1 = useRegistry(options);
+	const registry = useRegistry(options);
 	const stack = [];
 	const overflow = [];
 	function register(item) {
 		stack.length = 0;
-		if (registry$1.size < size) return registry$1.register({ ...item });
-		const removing = registry$1.seek("first");
+		if (registry.size < size) return registry.register({ ...item });
+		const removing = registry.seek("first");
 		if (overflow.length === size) overflow.shift();
 		overflow.push(removing);
-		registry$1.unregister(removing.id);
-		const ticket = registry$1.register({ ...item });
-		registry$1.reindex();
+		registry.unregister(removing.id);
+		const ticket = registry.register({ ...item });
+		registry.reindex();
 		return ticket;
 	}
 	function undo() {
-		const item = registry$1.seek("last");
+		const item = registry.seek("last");
 		if (!item) return void 0;
 		stack.push(item);
-		registry$1.unregister(item.id);
+		registry.unregister(item.id);
 		const restored = overflow.pop();
 		if (restored) {
-			const remaining = registry$1.values();
-			registry$1.clear();
-			registry$1.onboard([restored, ...remaining]);
-			registry$1.reindex();
+			const remaining = registry.values();
+			registry.clear();
+			registry.onboard([restored, ...remaining]);
+			registry.reindex();
 		}
 		return item;
 	}
 	function redo() {
 		if (stack.length === 0) return void 0;
 		const item = stack.pop();
-		const ticket = registry$1.register(item);
-		registry$1.reindex();
+		const ticket = registry.register(item);
+		registry.reindex();
 		return ticket;
 	}
 	return {
-		...registry$1,
+		...registry,
 		register,
 		undo,
 		redo,
 		get size() {
-			return registry$1.size;
+			return registry.size;
 		}
 	};
 }
@@ -4649,82 +5082,26 @@ function useTimeline(namespace = "v0:timeline") {
 }
 
 //#endregion
-//#region src/components/Avatar/AvatarRoot.vue?vue&type=script&setup=true&lang.ts
-const [useAvatarContext, provideAvatarContext, registry] = createRegistryContext({ namespace: "avatar" });
-var AvatarRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "AvatarRoot",
-	__name: "AvatarRoot",
-	props: {
-		as: { default: "div" },
-		renderless: { type: Boolean }
-	},
-	setup(__props) {
-		const imageItems = computed(() => Array.from(registry.collection.values()).filter((item) => item.type === "image").toSorted((a, b) => a.priority - b.priority));
-		const fallbackItems = computed(() => Array.from(registry.collection.values()).filter((item) => item.type === "fallback"));
-		const visibleItem = computed(() => {
-			const loadedImage = imageItems.value.find((item) => item.status === "loaded");
-			if (loadedImage) return loadedImage;
-			const loadingImage = imageItems.value.find((item) => item.status === "loading");
-			if (loadingImage) return loadingImage;
-			const firstFallback = fallbackItems.value[0];
-			if (firstFallback) return firstFallback;
-		});
-		function register(registration = {}) {
-			const id = registration.id ?? /* @__PURE__ */ genId();
-			const item = {
-				...registration,
-				id,
-				type: registration.type ?? "fallback",
-				priority: registration.priority ?? registry.collection.size,
-				status: registration.status ?? "idle",
-				isVisible: toRef(() => visibleItem.value?.id === id)
-			};
-			return registry.register(item);
-		}
-		function reset() {
-			for (const item of registry.collection.values()) if (item.type === "image") item.status = "idle";
-		}
-		provideAvatarContext({
-			...registry,
-			register,
-			reset
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Atom_default), {
-				as: _ctx.as,
-				renderless: _ctx.renderless
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["as", "renderless"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Avatar/AvatarRoot.vue
-var AvatarRoot_default = AvatarRoot_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Avatar/AvatarFallback.vue?vue&type=script&setup=true&lang.ts
-var AvatarFallback_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+//#region src/components/Avatar/AvatarFallback.vue
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
+		namespace: { default: "v0:avatar" },
 		as: { default: "span" },
 		renderless: { type: Boolean }
 	},
 	setup(__props) {
-		const context = useAvatarContext();
+		const context = useContext(__props.namespace);
 		const ticket = context.register({ type: "fallback" });
 		onUnmounted(() => {
 			context.unregister(ticket.id);
 		});
 		return (_ctx, _cache) => {
-			return unref(ticket).isVisible ? (openBlock(), createBlock(unref(Atom_default), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(Atom_default), {
 				key: 0,
-				as: _ctx.as,
-				renderless: _ctx.renderless
+				as: __props.as,
+				renderless: __props.renderless
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -4732,20 +5109,18 @@ var AvatarFallback_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 	}
 });
+var AvatarFallback_default = _sfc_main$17;
 
 //#endregion
-//#region src/components/Avatar/AvatarFallback.vue
-var AvatarFallback_default = AvatarFallback_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Avatar/AvatarImage.vue?vue&type=script&setup=true&lang.ts
-var AvatarImage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+//#region src/components/Avatar/AvatarImage.vue
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
 	props: {
 		src: {},
 		priority: { default: 0 },
+		namespace: { default: "v0:avatar" },
 		as: { default: "img" },
 		renderless: { type: Boolean }
 	},
@@ -4754,21 +5129,25 @@ var AvatarImage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const props = createPropsRestProxy(__props, [
 			"as",
 			"renderless",
-			"priority"
+			"priority",
+			"namespace"
 		]);
 		const emit = __emit;
-		const context = useAvatarContext();
+		const context = useContext(__props.namespace);
 		const ticket = context.register({
 			priority: __props.priority,
-			status: "loading",
-			type: "image"
+			type: "image",
+			disabled: true
 		});
 		function onLoad(e) {
-			ticket.status = "loaded";
+			ticket.disabled = false;
+			ticket.select();
 			emit("load", e);
 		}
 		function onError(e) {
-			ticket.status = "error";
+			ticket.disabled = true;
+			const first = context.seek("first");
+			if (first) context.select(first.id);
 			emit("error", e);
 		}
 		onUnmounted(() => {
@@ -4782,19 +5161,46 @@ var AvatarImage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps({
-				as: _ctx.as,
-				renderless: _ctx.renderless
+				as: __props.as,
+				renderless: __props.renderless
 			}, bindableProps.value), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"])), [[vShow, unref(ticket).isVisible]]);
+			}, 16, ["as", "renderless"])), [[vShow, unref(ticket).isSelected.value]]);
 		};
 	}
 });
+var AvatarImage_default = _sfc_main$16;
 
 //#endregion
-//#region src/components/Avatar/AvatarImage.vue
-var AvatarImage_default = AvatarImage_vue_vue_type_script_setup_true_lang_default;
+//#region src/components/Avatar/AvatarRoot.vue
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+	name: "AvatarRoot",
+	__name: "AvatarRoot",
+	props: {
+		namespace: { default: "v0:avatar" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const [, provideAvatarContext] = createSelectionContext({
+			namespace: __props.namespace,
+			mandatory: "force",
+			multiple: false
+		});
+		provideAvatarContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				as: __props.as,
+				renderless: __props.renderless
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "renderless"]);
+		};
+	}
+});
+var AvatarRoot_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Avatar/index.ts
@@ -4805,9 +5211,340 @@ const Avatar = {
 };
 
 //#endregion
-//#region src/components/Popover/PopoverRoot.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+	name: "ExpansionPanelActivator",
+	__name: "ExpansionPanelActivator",
+	props: {
+		itemNamespace: { default: "v0:expansion-panel-item" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useContext(__props.itemNamespace);
+		function onKeydown(e) {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				context.ticket.toggle();
+			}
+		}
+		const bindableProps = computed(() => ({
+			"id": context.headerId.value,
+			"role": "button",
+			"tabindex": context.isDisabled.value ? -1 : 0,
+			"aria-expanded": context.ticket.isSelected.value,
+			"aria-controls": context.contentId.value,
+			"aria-disabled": context.isDisabled.value,
+			"isSelected": context.ticket.isSelected.value,
+			"toggle": context.ticket.toggle,
+			"onClick": context.ticket.toggle,
+			onKeydown
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				id: bindableProps.value.id,
+				"aria-controls": bindableProps.value["aria-controls"],
+				"aria-disabled": bindableProps.value["aria-disabled"],
+				"aria-expanded": bindableProps.value["aria-expanded"],
+				as: __props.as,
+				renderless: __props.renderless,
+				role: bindableProps.value.role,
+				tabindex: bindableProps.value.tabindex,
+				onClick: unref(context).ticket.toggle,
+				onKeydown
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
+				_: 3
+			}, 8, [
+				"id",
+				"aria-controls",
+				"aria-disabled",
+				"aria-expanded",
+				"as",
+				"renderless",
+				"role",
+				"tabindex",
+				"onClick"
+			]);
+		};
+	}
+});
+var ExpansionPanelActivator_default = _sfc_main$14;
+
+//#endregion
+//#region src/components/ExpansionPanel/ExpansionPanelContent.vue
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	name: "ExpansionPanelContent",
+	__name: "ExpansionPanelContent",
+	props: {
+		itemNamespace: { default: "v0:expansion-panel-item" },
+		as: {},
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useContext(__props.itemNamespace);
+		const bindableProps = computed(() => ({
+			"id": context.contentId.value,
+			"role": "region",
+			"aria-labelledby": context.headerId.value,
+			"isSelected": context.ticket.isSelected.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				id: bindableProps.value.id,
+				"aria-labelledby": bindableProps.value["aria-labelledby"],
+				as: __props.as,
+				renderless: __props.renderless,
+				role: bindableProps.value.role
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
+				_: 3
+			}, 8, [
+				"id",
+				"aria-labelledby",
+				"as",
+				"renderless",
+				"role"
+			]);
+		};
+	}
+});
+var ExpansionPanelContent_default = _sfc_main$13;
+
+//#endregion
+//#region src/components/ExpansionPanel/ExpansionPanelItem.vue
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	name: "ExpansionPanelItem",
+	__name: "ExpansionPanelItem",
+	props: {
+		id: {},
+		value: {},
+		disabled: {},
+		namespace: { default: "v0:expansion-panel" },
+		itemNamespace: { default: "v0:expansion-panel-item" },
+		as: {},
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const expansion = useSelection(__props.namespace);
+		const ticket = expansion.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const headerId = toRef(() => `${ticket.id}-header`);
+		const contentId = toRef(() => `${ticket.id}-content`);
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(expansion.disabled));
+		const [, provideItemContext] = createContext(__props.itemNamespace);
+		provideItemContext({
+			ticket,
+			headerId,
+			contentId,
+			isDisabled
+		});
+		onUnmounted(() => {
+			expansion.unregister(ticket.id);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				as: __props.as,
+				renderless: __props.renderless
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "renderless"]);
+		};
+	}
+});
+var ExpansionPanelItem_default = _sfc_main$12;
+
+//#endregion
+//#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "ExpansionPanelRoot",
+	__name: "ExpansionPanelRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:expansion-panel" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		as: {},
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const [, provideExpansionControl, context] = createSelectionContext({
+			namespace: __props.namespace,
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			multiple: __props.multiple,
+			events: true
+		});
+		const bindableProps = computed(() => ({
+			disabled: toValue(context.disabled),
+			multiple: __props.multiple,
+			select: context.select,
+			unselect: context.unselect,
+			toggle: context.toggle,
+			ariaMultiselectable: __props.multiple
+		}));
+		useProxyModel(context, model, { multiple: __props.multiple });
+		provideExpansionControl(context);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				"aria-multiselectable": bindableProps.value.ariaMultiselectable,
+				as: __props.as,
+				disabled: bindableProps.value.disabled,
+				multiple: bindableProps.value.multiple,
+				renderless: __props.renderless,
+				select: bindableProps.value.select,
+				toggle: bindableProps.value.toggle,
+				unselect: bindableProps.value.unselect
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
+				_: 3
+			}, 8, [
+				"aria-multiselectable",
+				"as",
+				"disabled",
+				"multiple",
+				"renderless",
+				"select",
+				"toggle",
+				"unselect"
+			]);
+		};
+	}
+});
+var ExpansionPanelRoot_default = _sfc_main$11;
+
+//#endregion
+//#region src/components/ExpansionPanel/index.ts
+const ExpansionPanel = {
+	Root: ExpansionPanelRoot_default,
+	Item: ExpansionPanelItem_default,
+	Activator: ExpansionPanelActivator_default,
+	Content: ExpansionPanelContent_default
+};
+
+//#endregion
+//#region src/components/Group/GroupItem.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	name: "GroupItem",
+	__name: "GroupItem",
+	props: {
+		label: {},
+		id: {},
+		disabled: {},
+		value: {},
+		namespace: { default: "v0:group" }
+	},
+	setup(__props) {
+		const group = useGroup(__props.namespace);
+		const ticket = group.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => ticket.disabled || group.disabled);
+		onUnmounted(() => {
+			group.unregister(ticket.id);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				id: String(unref(ticket).id),
+				ariaDisabled: toValue(isDisabled.value),
+				ariaSelected: toValue(unref(ticket).isSelected),
+				disabled: toValue(isDisabled.value),
+				isSelected: toValue(unref(ticket).isSelected),
+				label: __props.label,
+				select: unref(ticket).select,
+				toggle: unref(ticket).toggle,
+				unselect: unref(ticket).unselect,
+				value: __props.value
+			});
+		};
+	}
+});
+var GroupItem_default = _sfc_main$10;
+
+//#endregion
+//#region src/components/Group/GroupRoot.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "GroupRoot",
+	__name: "GroupRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const [, provideGroupControl, context] = createGroupContext({
+			namespace: __props.namespace,
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(context, model, { multiple: true });
+		provideGroupControl(context);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				ariaMultiselectable: true,
+				disabled: toValue(unref(context).disabled),
+				select: unref(context).select,
+				toggle: unref(context).toggle,
+				unselect: unref(context).unselect
+			});
+		};
+	}
+});
+var GroupRoot_default = _sfc_main$9;
+
+//#endregion
+//#region src/components/Group/index.ts
+const Group = {
+	Root: GroupRoot_default,
+	Item: GroupItem_default
+};
+
+//#endregion
+//#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -4841,8 +5578,8 @@ var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Atom_default), mergeProps({
-				as: _ctx.as,
-				renderless: _ctx.renderless
+				as: __props.as,
+				renderless: __props.renderless
 			}, bindableProps.value), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
 				_: 3
@@ -4850,14 +5587,11 @@ var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		};
 	}
 });
+var PopoverRoot_default = _sfc_main$8;
 
 //#endregion
-//#region src/components/Popover/PopoverRoot.vue
-var PopoverRoot_default = PopoverRoot_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Popover/PopoverAnchor.vue?vue&type=script&setup=true&lang.ts
-var PopoverAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+//#region src/components/Popover/PopoverAnchor.vue
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 	name: "PopoverAnchor",
 	__name: "PopoverAnchor",
 	props: {
@@ -4872,11 +5606,11 @@ var PopoverAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const style = toRef(() => ({ anchorName: `--${popovertarget.value}` }));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Atom_default), {
-				as: _ctx.as,
+				as: __props.as,
 				"data-popover-open": unref(context).isSelected.value ? "" : void 0,
 				popovertarget: popovertarget.value,
 				style: normalizeStyle(style.value),
-				type: _ctx.as === "button" ? "button" : void 0
+				type: __props.as === "button" ? "button" : void 0
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -4890,14 +5624,11 @@ var PopoverAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 	}
 });
+var PopoverAnchor_default = _sfc_main$7;
 
 //#endregion
-//#region src/components/Popover/PopoverAnchor.vue
-var PopoverAnchor_default = PopoverAnchor_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Popover/PopoverContent.vue?vue&type=script&setup=true&lang.ts
-var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+//#region src/components/Popover/PopoverContent.vue
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -4922,6 +5653,12 @@ var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		onMounted(() => {
 			if (context.isSelected.value) ref$1.value?.element?.showPopover();
 		});
+		watch(context.isSelected, (isOpen) => {
+			const element = ref$1.value?.element;
+			if (!element) return;
+			if (isOpen) element.showPopover?.();
+			else element.hidePopover?.();
+		});
 		function onBeforeToggle(e) {
 			context.isSelected.value = e.newState === "open";
 			emit("beforetoggle", e);
@@ -4941,10 +5678,7 @@ var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 	}
 });
-
-//#endregion
-//#region src/components/Popover/PopoverContent.vue
-var PopoverContent_default = PopoverContent_vue_vue_type_script_setup_true_lang_default;
+var PopoverContent_default = _sfc_main$6;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -4955,4 +5689,303 @@ const Popover = {
 };
 
 //#endregion
-export { Atom_default as Atom, Avatar, COMMON_ELEMENTS, ConsolaLoggerAdapter, IN_BROWSER, MemoryAdapter, PermissionAdapter, PinoLoggerAdapter, Popover, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createFeatures, createFeaturesContext, createFeaturesPlugin, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createQueue, createQueueContext, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, genId, isArray, isBoolean, isFunction, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isUndefined, mergeDeep, provideAvatarContext, provideContext, providePopoverContext, provideStorageContext, registry, toArray, toReactive, useAvatarContext, useBreakpoints, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFeatures, useFilter, useForm, useGroup, useHydration, useIntersectionObserver, useKeydown, useLocale, useLogger, useMutationObserver, usePermissions, usePopoverContext, useProxyModel, useProxyRegistry, useQueue, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTimeline, useTokens, useWindowEventListener, version };
+//#region src/components/Selection/SelectionItem.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	name: "SelectionItem",
+	__name: "SelectionItem",
+	props: {
+		label: {},
+		id: {},
+		disabled: {},
+		value: {},
+		namespace: { default: "v0:selection" }
+	},
+	setup(__props) {
+		const selection = useSelection(__props.namespace);
+		const ticket = selection.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => ticket.disabled || selection.disabled);
+		onUnmounted(() => {
+			selection.unregister(ticket.id);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				id: String(unref(ticket).id),
+				ariaDisabled: toValue(isDisabled.value),
+				ariaSelected: toValue(unref(ticket).isSelected),
+				disabled: toValue(isDisabled.value),
+				isSelected: toValue(unref(ticket).isSelected),
+				label: __props.label,
+				select: unref(ticket).select,
+				toggle: unref(ticket).toggle,
+				unselect: unref(ticket).unselect,
+				value: __props.value
+			});
+		};
+	}
+});
+var SelectionItem_default = _sfc_main$5;
+
+//#endregion
+//#region src/components/Selection/SelectionRoot.vue
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	name: "SelectionRoot",
+	__name: "SelectionRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:selection" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const [, provideSelectionControl, context] = createSelectionContext({
+			namespace: __props.namespace,
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			multiple: __props.multiple,
+			events: true
+		});
+		useProxyModel(context, model, { multiple: __props.multiple });
+		provideSelectionControl(context);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				ariaMultiselectable: __props.multiple,
+				disabled: toValue(unref(context).disabled),
+				multiple: __props.multiple,
+				select: unref(context).select,
+				toggle: unref(context).toggle,
+				unselect: unref(context).unselect
+			});
+		};
+	}
+});
+var SelectionRoot_default = _sfc_main$4;
+
+//#endregion
+//#region src/components/Selection/index.ts
+const Selection = {
+	Root: SelectionRoot_default,
+	Item: SelectionItem_default
+};
+
+//#endregion
+//#region src/components/Single/SingleItem.vue
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	name: "SingleItem",
+	__name: "SingleItem",
+	props: {
+		label: {},
+		id: {},
+		disabled: {},
+		value: {},
+		namespace: { default: "v0:single" }
+	},
+	setup(__props) {
+		const single = useSingle(__props.namespace);
+		const ticket = single.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => ticket.disabled || single.disabled);
+		onUnmounted(() => {
+			single.unregister(ticket.id);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				id: String(unref(ticket).id),
+				ariaDisabled: toValue(isDisabled.value),
+				ariaSelected: toValue(unref(ticket).isSelected),
+				disabled: toValue(isDisabled.value),
+				isSelected: toValue(unref(ticket).isSelected),
+				label: __props.label,
+				select: unref(ticket).select,
+				toggle: unref(ticket).toggle,
+				unselect: unref(ticket).unselect,
+				value: __props.value
+			});
+		};
+	}
+});
+var SingleItem_default = _sfc_main$3;
+
+//#endregion
+//#region src/components/Single/SingleRoot.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	name: "SingleRoot",
+	__name: "SingleRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:single" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const [, provideSingleControl, context] = createSingleContext({
+			namespace: __props.namespace,
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(context, model, { multiple: false });
+		provideSingleControl(context);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				ariaMultiselectable: true,
+				disabled: toValue(unref(context).disabled),
+				select: unref(context).select,
+				toggle: unref(context).toggle,
+				unselect: unref(context).unselect
+			});
+		};
+	}
+});
+var SingleRoot_default = _sfc_main$2;
+
+//#endregion
+//#region src/components/Single/index.ts
+const Single = {
+	Root: SingleRoot_default,
+	Item: SingleItem_default
+};
+
+//#endregion
+//#region src/components/Step/StepItem.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	name: "StepItem",
+	__name: "StepItem",
+	props: {
+		label: {},
+		id: {},
+		disabled: {},
+		value: {},
+		namespace: { default: "v0:step" }
+	},
+	setup(__props) {
+		const step = useStep(__props.namespace);
+		const ticket = step.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => ticket.disabled || step.disabled);
+		onUnmounted(() => {
+			step.unregister(ticket.id);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				id: String(unref(ticket).id),
+				ariaDisabled: toValue(isDisabled.value),
+				ariaSelected: toValue(unref(ticket).isSelected),
+				disabled: toValue(isDisabled.value),
+				isSelected: toValue(unref(ticket).isSelected),
+				label: __props.label,
+				select: unref(ticket).select,
+				toggle: unref(ticket).toggle,
+				unselect: unref(ticket).unselect,
+				value: __props.value
+			});
+		};
+	}
+});
+var StepItem_default = _sfc_main$1;
+
+//#endregion
+//#region src/components/Step/StepRoot.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "StepRoot",
+	__name: "StepRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:step" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const [, provideStepControl, context] = createStepContext({
+			namespace: __props.namespace,
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(context, model, { multiple: false });
+		provideStepControl(context);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				ariaMultiselectable: true,
+				disabled: toValue(unref(context).disabled),
+				first: unref(context).first,
+				last: unref(context).last,
+				next: unref(context).next,
+				prev: unref(context).prev,
+				select: unref(context).select,
+				step: unref(context).step,
+				toggle: unref(context).toggle,
+				unselect: unref(context).unselect
+			});
+		};
+	}
+});
+var StepRoot_default = _sfc_main;
+
+//#endregion
+//#region src/components/Step/index.ts
+const Step = {
+	Root: StepRoot_default,
+	Item: StepItem_default
+};
+
+//#endregion
+export { Atom_default as Atom, Avatar, COMMON_ELEMENTS, ConsolaLoggerAdapter, ExpansionPanel, Group, IN_BROWSER, MemoryAdapter, PermissionAdapter, PinoLoggerAdapter, Popover, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Selection, Single, Step, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createFeatures, createFeaturesContext, createFeaturesPlugin, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createQueue, createQueueContext, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, genId, isArray, isBoolean, isFunction, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isUndefined, mergeDeep, provideContext, providePopoverContext, provideStorageContext, toArray, toReactive, useBreakpoints, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFeatures, useFilter, useForm, useGroup, useHydration, useIntersectionObserver, useKeydown, useLocale, useLogger, useMutationObserver, usePermissions, usePopoverContext, useProxyModel, useProxyRegistry, useQueue, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTimeline, useTokens, useWindowEventListener, version };