@vuetify/v0 0.0.2 → 0.0.3

package/dist/browser/index.js

@@ -120,21 +120,35 @@ var Atom_default = Atom_vue_vue_type_script_setup_true_lang_default;
 * A simple wrapper for tapping into a v0 namespace
 * @param key The provided string or InjectionKey
 * @template Z The type values for the context.
-* @returns A function that retrieves context
+* @returns The injected context
 * @throws Error if namespace is not found.
 *
 * @see https://vuejs.org/api/composition-api-dependency-injection.html#inject
+* @see https://0.vuetifyjs.com/composables/foundation/create-context
 */
 function useContext(key) {
-	return function(namespace) {
-		const context = inject(namespace || key, void 0);
-		if (context === void 0) throw new Error(`Context "${String(key)}" not found. Ensure it's provided by an ancestor.`);
-		return context;
-	};
+	const context = inject(key, void 0);
+	if (context === void 0) throw new Error(`Context "${String(key)}" not found. Ensure it's provided by an ancestor.`);
+	return context;
+}
+/**
+* A simple wrapper for providing Vue context.
+*
+* @param key The provided string or InjectionKey
+* @param context The context value to provide
+* @param app Optional Vue app instance for global provide
+* @returns The provided context
+*
+* @see https://vuejs.org/api/composition-api-dependency-injection.html#provide
+* @see https://0.vuetifyjs.com/composables/foundation/create-context
+*/
+function provideContext(key, context, app) {
+	app?.provide(key, context) ?? provide(key, context);
+	return context;
 }
 /**
 * A simple wrapper for Vues provide & inject systems
-* to create context for managing application state
+*
 * @param key The provided string or InjectionKey
 * @template Z The type values for the context.
 * @returns A tuple containing provide/inject
@@ -142,12 +156,14 @@ function useContext(key) {
 * @see https://vuejs.org/api/composition-api-dependency-injection.html#provide
 * @see https://0.vuetifyjs.com/composables/foundation/create-context
 */
-function createContext(key) {
-	function provideContext(context, app) {
-		app?.provide(key, context) ?? provide(key, context);
-		return context;
+function createContext(_key) {
+	function _provideContext(context, app) {
+		return provideContext(_key, context, app);
+	}
+	function _useContext(key = _key) {
+		return useContext(key);
 	}
-	return [useContext(key), provideContext];
+	return [_useContext, _provideContext];
 }
 
 //#endregion
@@ -157,6 +173,7 @@ function createContext(key) {
 * @param options Configurable object with namespace and provide/setup methods
 * @returns A Vue plugin object with install method that runs app w/ context
 *
+* @see https://vuejs.org/guide/reusability/plugins
 * @see https://vuejs.org/api/application.html#app-runwithcontext
 * @see https://0.vuetifyjs.com/factories/create-plugin
 */
@@ -282,7 +299,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "0.0.2";
+const version = "0.0.3";
 const __LOGGER_ENABLED__ = false;
 
 //#endregion
@@ -328,58 +345,54 @@ function createBreakpoints(options = {}) {
 	const sorted = Object.entries(breakpoints).sort((a, b) => a[1] - b[1]);
 	const names = sorted.map(([n]) => n);
 	const mb = typeof mobileBreakpoint === "number" ? mobileBreakpoint : breakpoints[mobileBreakpoint] ?? breakpoints.md;
-	const state = shallowReactive({
-		breakpoints,
-		name: "xs",
-		width: 0,
-		height: 0,
-		isMobile: true,
-		xs: true,
-		sm: false,
-		md: false,
-		lg: false,
-		xl: false,
-		xxl: false,
-		smAndUp: false,
-		mdAndUp: false,
-		lgAndUp: false,
-		xlAndUp: false,
-		xxlAndUp: false,
-		smAndDown: true,
-		mdAndDown: true,
-		lgAndDown: true,
-		xlAndDown: true,
-		xxlAndDown: true,
-		update
-	});
+	const name = shallowRef("xs");
+	const width = shallowRef(0);
+	const height = shallowRef(0);
+	const isMobile = shallowRef(true);
+	const xs = shallowRef(true);
+	const sm = shallowRef(false);
+	const md = shallowRef(false);
+	const lg = shallowRef(false);
+	const xl = shallowRef(false);
+	const xxl = shallowRef(false);
+	const smAndUp = shallowRef(false);
+	const mdAndUp = shallowRef(false);
+	const lgAndUp = shallowRef(false);
+	const xlAndUp = shallowRef(false);
+	const xxlAndUp = shallowRef(false);
+	const smAndDown = shallowRef(true);
+	const mdAndDown = shallowRef(true);
+	const lgAndDown = shallowRef(true);
+	const xlAndDown = shallowRef(true);
+	const xxlAndDown = shallowRef(true);
 	function update() {
 		if (!IN_BROWSER) return;
-		state.width = window.innerWidth;
-		state.height = window.innerHeight;
+		width.value = window.innerWidth;
+		height.value = window.innerHeight;
 		let current = "xs";
-		for (let i = sorted.length - 1; i >= 0; i--) if (state.width >= sorted[i][1]) {
+		for (let i = sorted.length - 1; i >= 0; i--) if (width.value >= sorted[i][1]) {
 			current = sorted[i][0];
 			break;
 		}
-		state.name = current;
+		name.value = current;
 		const index = names.indexOf(current);
-		state.isMobile = state.width < mb;
-		state.xs = index === 0;
-		state.sm = index === 1;
-		state.md = index === 2;
-		state.lg = index === 3;
-		state.xl = index === 4;
-		state.xxl = index === 5;
-		state.smAndUp = index >= 1;
-		state.mdAndUp = index >= 2;
-		state.lgAndUp = index >= 3;
-		state.xlAndUp = index >= 4;
-		state.xxlAndUp = index >= 5;
-		state.smAndDown = index <= 1;
-		state.mdAndDown = index <= 2;
-		state.lgAndDown = index <= 3;
-		state.xlAndDown = index <= 4;
-		state.xxlAndDown = index <= 5;
+		isMobile.value = width.value < mb;
+		xs.value = index === 0;
+		sm.value = index === 1;
+		md.value = index === 2;
+		lg.value = index === 3;
+		xl.value = index === 4;
+		xxl.value = index === 5;
+		smAndUp.value = index >= 1;
+		mdAndUp.value = index >= 2;
+		lgAndUp.value = index >= 3;
+		xlAndUp.value = index >= 4;
+		xxlAndUp.value = index >= 5;
+		smAndDown.value = index <= 1;
+		mdAndDown.value = index <= 2;
+		lgAndDown.value = index <= 3;
+		xlAndDown.value = index <= 4;
+		xxlAndDown.value = index <= 5;
 	}
 	if (getCurrentInstance()) onMounted(() => {
 		const { isHydrated } = useHydration();
@@ -395,7 +408,30 @@ function createBreakpoints(options = {}) {
 		window.addEventListener("resize", listener, { passive: true });
 		if (getCurrentInstance()) onScopeDispose(() => window.removeEventListener("resize", listener));
 	}
-	return state;
+	return {
+		breakpoints,
+		name: readonly(name),
+		width: readonly(width),
+		height: readonly(height),
+		isMobile: readonly(isMobile),
+		xs: readonly(xs),
+		sm: readonly(sm),
+		md: readonly(md),
+		lg: readonly(lg),
+		xl: readonly(xl),
+		xxl: readonly(xxl),
+		smAndUp: readonly(smAndUp),
+		mdAndUp: readonly(mdAndUp),
+		lgAndUp: readonly(lgAndUp),
+		xlAndUp: readonly(xlAndUp),
+		xxlAndUp: readonly(xxlAndUp),
+		smAndDown: readonly(smAndDown),
+		mdAndDown: readonly(mdAndDown),
+		lgAndDown: readonly(lgAndDown),
+		xlAndDown: readonly(xlAndDown),
+		xxlAndDown: readonly(xxlAndDown),
+		update
+	};
 }
 /**
 * Creates a Vue plugin for managing responsive breakpoints with automatic updates.
@@ -447,8 +483,7 @@ var BreakpointsRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		breakpoints: {}
 	},
 	setup(__props) {
-		const props = __props;
-		const breakpointsContext = createBreakpoints(props);
+		const breakpointsContext = createBreakpoints(__props);
 		provideBreakpointsContext(breakpointsContext);
 		return (_ctx, _cache) => {
 			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(breakpointsContext))));
@@ -504,8 +539,8 @@ var ContextRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		value: {}
 	},
 	setup(__props) {
-		const [, provideContext] = createContext(__props.contextKey);
-		provideContext(__props.value);
+		const [, provideContext$1] = createContext(__props.contextKey);
+		provideContext$1(__props.value);
 		return (_ctx, _cache) => {
 			return renderSlot(_ctx.$slots, "default");
 		};
@@ -523,6 +558,212 @@ const Context = {
 	Root: ContextRoot_default
 };
 
+//#endregion
+//#region src/components/Hydration/Hydration.vue?vue&type=script&setup=true&lang.ts
+var Hydration_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "Hydration",
+	__name: "Hydration",
+	setup(__props) {
+		const hydrationContext = useHydration();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/Hydration/Hydration.vue
+var Hydration_default = Hydration_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/Hydration/HydrationRoot.vue?vue&type=script&setup=true&lang.ts
+var HydrationRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "HydrationRoot",
+	__name: "HydrationRoot",
+	setup(__props) {
+		const hydrationContext = createHydration();
+		provideHydrationContext(hydrationContext);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/Hydration/HydrationRoot.vue
+var HydrationRoot_default = HydrationRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/Popover/PopoverRoot.vue?vue&type=script&setup=true&lang.ts
+const [usePopoverContext, providePopoverContext] = createContext("Popover");
+var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PopoverRoot",
+	__name: "PopoverRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: {},
+		as: { default: null },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = createPropsRestProxy(__props, ["as"]);
+		const isSelected = useModel(__props, "modelValue");
+		const id = toRef(() => props.id ?? useId());
+		function toggle() {
+			isSelected.value = !isSelected.value;
+		}
+		const bindableProps = toRef(() => ({
+			id,
+			isSelected,
+			toggle
+		}));
+		providePopoverContext({
+			isSelected,
+			toggle,
+			id: id.value
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				as: _ctx.as,
+				renderless: _ctx.renderless
+			}, bindableProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+
+//#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({
+	name: "PopoverAnchor",
+	__name: "PopoverAnchor",
+	props: {
+		target: {},
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const props = createPropsRestProxy(__props, ["as"]);
+		const context = usePopoverContext();
+		const popovertarget = toRef(() => props.target ?? context.id);
+		const style = toRef(() => ({ anchorName: `--${popovertarget.value}` }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				as: _ctx.as,
+				"data-popover-open": unref(context).isSelected.value ? "" : void 0,
+				popovertarget: popovertarget.value,
+				style: normalizeStyle(style.value),
+				type: _ctx.as === "button" ? "button" : void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"data-popover-open",
+				"popovertarget",
+				"style",
+				"type"
+			]);
+		};
+	}
+});
+
+//#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({
+	name: "PopoverContent",
+	__name: "PopoverContent",
+	props: {
+		id: {},
+		positionArea: { default: "bottom" },
+		positionTry: { default: "most-width bottom" },
+		as: {},
+		renderless: { type: Boolean }
+	},
+	emits: ["beforetoggle"],
+	setup(__props, { emit: __emit }) {
+		const props = createPropsRestProxy(__props, ["positionArea", "positionTry"]);
+		const emit = __emit;
+		const context = usePopoverContext();
+		const ref$1 = useTemplateRef("ref");
+		const id = toRef(() => props.id ?? context.id);
+		const style = toRef(() => ({
+			positionArea: __props.positionArea,
+			positionAnchor: `--${id.value}`,
+			positionTry: __props.positionTry
+		}));
+		onMounted(() => {
+			if (context.isSelected.value) ref$1.value?.element?.showPopover();
+		});
+		function onBeforeToggle(e) {
+			context.isSelected.value = e.newState === "open";
+			emit("beforetoggle", e);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				id: id.value,
+				ref_key: "ref",
+				ref: ref$1,
+				popover: "",
+				style: normalizeStyle(style.value),
+				onBeforetoggle: onBeforeToggle
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["id", "style"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/Popover/PopoverContent.vue
+var PopoverContent_default = PopoverContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/Popover/index.ts
+const Popover = {
+	Root: PopoverRoot_default,
+	Anchor: PopoverAnchor_default,
+	Content: PopoverContent_default
+};
+
+//#endregion
+//#region src/factories/createTrinity/index.ts
+/**
+* A tuple containing Vue's provide/inject and a context object
+* @param createContext The function that creates the context
+* @param provideContext The function that provides context
+* @param context The underlying context object singleton
+* @template Z The type parameter for the context value
+* @template E The vmodel type for the context state.
+* @returns [createContext, provideContext, context]
+*
+* @see https://0.vuetifyjs.com/composables/foundation/create-trinity
+*/
+function createTrinity(createContext$1, provideContext$1, context) {
+	return [
+		createContext$1,
+		(_context = context, app) => provideContext$1(_context, app),
+		context
+	];
+}
+
 //#endregion
 //#region src/composables/useLogger/adapters/consola.ts
 var ConsolaLoggerAdapter = class {
@@ -638,21 +879,19 @@ var Vuetify0LoggerAdapter = class {
 	format(level, message, ...args) {
 		const timestamp = this.timestamps ? this.timestamp() : "";
 		const prefixTag = `[${this.prefix} ${level.toLowerCase()}]`;
-		const formattedMessage = [
+		return [[
 			timestamp,
 			prefixTag,
 			message
-		].filter(Boolean).join(" ");
-		return [formattedMessage, ...args];
+		].filter(Boolean).join(" "), ...args];
 	}
 	timestamp() {
 		if (!IN_BROWSER) return (/* @__PURE__ */ new Date()).toISOString();
-		const now = /* @__PURE__ */ new Date();
-		return now.toTimeString().split(" ")[0];
+		return (/* @__PURE__ */ new Date()).toTimeString().split(" ")[0] ?? "";
 	}
 	style(level) {
 		if (!this.colors || !IN_BROWSER) return "";
-		const styles = {
+		return {
 			trace: "color: #64748b",
 			debug: "color: #3b82f6",
 			info: "color: #10b981",
@@ -660,8 +899,7 @@ var Vuetify0LoggerAdapter = class {
 			error: "color: #ef4444",
 			fatal: "color: #dc2626; font-weight: bold",
 			silent: ""
-		};
-		return styles[level] || "";
+		}[level] || "";
 	}
 	log(level, method, message, ...args) {
 		const [formattedMessage, ...restArgs] = this.format(level, message, ...args);
@@ -687,7 +925,7 @@ function createLogger(options = {}) {
 	const currentLevel = shallowRef(initialLevel);
 	const isEnabled = shallowRef(initialEnabled);
 	function value(level$1) {
-		const levels = {
+		return {
 			trace: 0,
 			debug: 1,
 			info: 2,
@@ -695,8 +933,7 @@ function createLogger(options = {}) {
 			error: 4,
 			fatal: 5,
 			silent: 6
-		};
-		return levels[level$1] ?? 2;
+		}[level$1] ?? 2;
 	}
 	function can(level$1) {
 		if (!isEnabled.value) return false;
@@ -787,27 +1024,6 @@ function createLoggerPlugin(options = {}) {
 	});
 }
 
-//#endregion
-//#region src/factories/createTrinity/index.ts
-/**
-* A tuple containing Vue's provide/inject and a context object
-* @param createContext The function that creates the context
-* @param provideContext The function that provides context
-* @param context The underlying context object singleton
-* @template Z The type parameter for the context value
-* @template E The vmodel type for the context state.
-* @returns [createContext, provideContext, context]
-*
-* @see https://0.vuetifyjs.com/composables/foundation/create-trinity
-*/
-function createTrinity(createContext$1, provideContext, context) {
-	return [
-		createContext$1,
-		(_context = context, app) => provideContext(_context, app),
-		context
-	];
-}
-
 //#endregion
 //#region src/composables/useRegistry/index.ts
 /**
@@ -819,6 +1035,8 @@ function createTrinity(createContext$1, provideContext, context) {
 * @template Z The type of items managed by the registry.
 * @template E The type of the registry context.
 * @returns The registry context object.
+*
+* @see https://0.vuetifyjs.com/composables/registration/use-registry
 */
 function useRegistry(options) {
 	const logger = useLogger();
@@ -1070,13 +1288,16 @@ function useSelection(options) {
 		if (selectedIds.has(id)) unselect(id);
 		else select(id);
 	}
+	function selected(id) {
+		return selectedIds.has(id);
+	}
 	function register(registration = {}) {
 		const id = registration.id ?? genId();
 		const item = {
 			disabled: false,
 			...registration,
 			id,
-			isActive: toRef(() => selectedIds.has(id)),
+			isSelected: toRef(() => selectedIds.has(id)),
 			select: () => select(id),
 			unselect: () => unselect(id),
 			toggle: () => toggle(id)
@@ -1106,439 +1327,29 @@ function useSelection(options) {
 		mandate,
 		select,
 		unselect,
-		toggle
+		toggle,
+		selected
 	};
 }
+/**
+* Creates a selection registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
+*
+* @param namespace The namespace for the selection registry context
+* @param options Optional configuration for selection behavior.
+* @template Z The structure of the registry selection items.
+* @template E The available methods for the selection's context.
+* @returns A tuple containing the inject function, provide function, and the selection context.
+*/
+function createSelectionContext(namespace, options) {
+	const [useSelectionContext, _provideSelectionContext] = createContext(namespace);
+	const context = useSelection(options);
+	function provideSelectionContext(_context = context, app) {
+		return _provideSelectionContext(_context, app);
+	}
+	return createTrinity(useSelectionContext, provideSelectionContext, context);
+}
 
-//#endregion
-//#region src/utilities/benchmark.ts
-async function run(name, fn, samples = 100) {
-	fn();
-	return {
-		name,
-		duration: 0,
-		ops: Infinity
-	};
-}
-
-//#endregion
-//#region src/transformers/toArray/index.ts
-/* @__NO_SIDE_EFFECTS__ */
-function toArray(value) {
-	return isNullOrUndefined(value) ? [] : Array.isArray(value) ? value : [value];
-}
-
-//#endregion
-//#region src/transformers/toReactive/index.ts
-/**
-* Converts an object to a reactive reference using Vue's reactivity system.
-* This function creates a reactive version of the provided object,
-* making its properties automatically track dependencies and trigger re-renders
-* when they change.
-*
-* @param objectRef - A reference to an object that should be made reactive.
-* @template Z The type of the object that extends object.
-* @returns A reactive reference to the object.
-*/
-function toReactive(objectRef) {
-	if (!isRef(objectRef)) return reactive(objectRef);
-	const target = objectRef.value;
-	if (target instanceof Map) {
-		const mapProxy = new Proxy(/* @__PURE__ */ new Map(), { get(_, p) {
-			const map = objectRef.value;
-			if (p === "get") return (key) => unref(map.get(key));
-			if (p === "set") return (key, value) => {
-				const existingValue = map.get(key);
-				if (isRef(existingValue)) existingValue.value = unref(value);
-				else map.set(key, value);
-				return mapProxy;
-			};
-			if (p === "has") return (key) => map.has(key);
-			if (p === "delete") return (key) => map.delete(key);
-			if (p === "clear") return () => map.clear();
-			if (p === "size") return map.size;
-			if (p === "keys") return () => map.keys();
-			if (p === "values") return function* () {
-				for (const value of map.values()) yield unref(value);
-			};
-			if (p === "entries") return function* () {
-				for (const [key, value] of map.entries()) yield [key, unref(value)];
-			};
-			if (p === "forEach") return (callback, thisArg) => {
-				for (const [key, value] of map.entries()) callback.call(thisArg, unref(value), key, mapProxy);
-			};
-			if (p === Symbol.iterator) return function* () {
-				for (const [key, value] of map.entries()) yield [key, unref(value)];
-			};
-			return Reflect.get(map, p);
-		} });
-		return reactive(mapProxy);
-	}
-	if (target instanceof Set) {
-		const setProxy = new Proxy(/* @__PURE__ */ new Set(), { get(_, p) {
-			const set = objectRef.value;
-			if (p === "add") return (value) => {
-				set.add(value);
-				return setProxy;
-			};
-			if (p === "has") return (value) => set.has(value);
-			if (p === "delete") return (value) => set.delete(value);
-			if (p === "clear") return () => set.clear();
-			if (p === "size") return set.size;
-			if (p === "keys" || p === "values") return function* () {
-				for (const value of set.values()) yield unref(value);
-			};
-			if (p === "entries") return function* () {
-				for (const value of set.values()) {
-					const unreffedValue = unref(value);
-					yield [unreffedValue, unreffedValue];
-				}
-			};
-			if (p === "forEach") return (callback, thisArg) => {
-				for (const value of set) {
-					const unreffedValue = unref(value);
-					callback.call(thisArg, unreffedValue, unreffedValue, setProxy);
-				}
-			};
-			if (p === Symbol.iterator) return function* () {
-				for (const value of set.values()) yield unref(value);
-			};
-			return Reflect.get(set, p);
-		} });
-		return reactive(setProxy);
-	}
-	const proxy = new Proxy({}, {
-		get(_, p, receiver) {
-			return unref(Reflect.get(objectRef.value, p, receiver));
-		},
-		set(_, p, value) {
-			const currentTarget = objectRef.value;
-			currentTarget[p] = value;
-			return true;
-		},
-		deleteProperty(_, p) {
-			return Reflect.deleteProperty(objectRef.value, p);
-		},
-		has(_, p) {
-			return Reflect.has(objectRef.value, p);
-		},
-		ownKeys() {
-			return Object.keys(objectRef.value);
-		},
-		getOwnPropertyDescriptor(_, p) {
-			const desc = Reflect.getOwnPropertyDescriptor(objectRef.value, p);
-			if (!desc) return void 0;
-			const newDesc = {
-				...desc,
-				configurable: true
-			};
-			if ("value" in newDesc) newDesc.value = unref(newDesc.value);
-			return newDesc;
-		}
-	});
-	return reactive(proxy);
-}
-
-//#endregion
-//#region src/composables/useGroup/index.ts
-/**
-* Creates a group selection context for managing collections of items where multiple selections can be made.
-* This function extends the selection functionality with group selection capabilities.
-*
-* @param options Optional configuration for group selection behavior.
-* @template Z The type of items managed by the group selection.
-* @template E The type of the group selection context.
-* @returns The group selection context object.
-*/
-function useGroup(options) {
-	const registry = useSelection(options);
-	const selectedIndexes = computed(() => {
-		return new Set(Array.from(registry.selectedItems.value).map((item) => item?.index));
-	});
-	function select(ids) {
-		for (const id of toArray(ids)) registry.select(id);
-	}
-	function unselect(ids) {
-		for (const id of toArray(ids)) registry.unselect(id);
-	}
-	function toggle(ids) {
-		for (const id of toArray(ids)) registry.toggle(id);
-	}
-	return {
-		...registry,
-		select,
-		unselect,
-		toggle,
-		selectedIndexes
-	};
-}
-
-//#endregion
-//#region src/components/Group/GroupItem.vue?vue&type=script&setup=true&lang.ts
-var GroupItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "GroupItem",
-	__name: "GroupItem",
-	props: {
-		id: { default: () => useId() },
-		value: {},
-		disabled: { type: Boolean },
-		namespace: { default: "group" }
-	},
-	setup(__props) {
-		const [useGroupContext] = useGroup(__props.namespace);
-		const group = useGroupContext();
-		if (!group) throw new Error(`Failed to get group context at namespace "${__props.namespace}"`);
-		const { isActive, toggle, index } = group.register({
-			id: __props.id,
-			value: __props.value,
-			disabled: __props.disabled
-		});
-		onUnmounted(() => {
-			group.unregister(__props.id);
-		});
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", {
-				index: unref(index),
-				isActive: unref(isActive),
-				toggle: unref(toggle)
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Group/GroupItem.vue
-var GroupItem_default = GroupItem_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Group/GroupRoot.vue?vue&type=script&setup=true&lang.ts
-var GroupRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "GroupRoot",
-	__name: "GroupRoot",
-	props: /* @__PURE__ */ mergeModels({
-		namespace: { default: "group" },
-		enroll: { type: Boolean },
-		mandatory: { type: [Boolean, String] },
-		events: { type: Boolean }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = createPropsRestProxy(__props, ["namespace"]);
-		const model = useModel(__props, "modelValue");
-		const [, provideGroupContext] = useGroup(__props.namespace, props);
-		const { register, unregister, reset, mandate, select } = provideGroupContext(model);
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", {
-				mandate: unref(mandate),
-				model: model.value,
-				register: unref(register),
-				reset: unref(reset),
-				select: unref(select),
-				unregister: unref(unregister)
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Group/GroupRoot.vue
-var GroupRoot_default = GroupRoot_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Group/index.ts
-const Group = {
-	Item: GroupItem_default,
-	Root: GroupRoot_default
-};
-
-//#endregion
-//#region src/components/Hydration/Hydration.vue?vue&type=script&setup=true&lang.ts
-var Hydration_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "Hydration",
-	__name: "Hydration",
-	setup(__props) {
-		const hydrationContext = useHydration();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Hydration/Hydration.vue
-var Hydration_default = Hydration_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Hydration/HydrationRoot.vue?vue&type=script&setup=true&lang.ts
-var HydrationRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "HydrationRoot",
-	__name: "HydrationRoot",
-	setup(__props) {
-		const hydrationContext = createHydration();
-		provideHydrationContext(hydrationContext);
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Hydration/HydrationRoot.vue
-var HydrationRoot_default = HydrationRoot_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Popover/PopoverRoot.vue?vue&type=script&setup=true&lang.ts
-const [usePopoverContext, providePopoverContext] = createContext("Popover");
-var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "PopoverRoot",
-	__name: "PopoverRoot",
-	props: /* @__PURE__ */ mergeModels({
-		id: {},
-		as: { default: null },
-		renderless: { type: Boolean }
-	}, {
-		"modelValue": {
-			type: Boolean,
-			default: false
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = createPropsRestProxy(__props, ["as"]);
-		const isActive = useModel(__props, "modelValue");
-		const id = toRef(() => props.id ?? useId());
-		function toggle() {
-			isActive.value = !isActive.value;
-		}
-		const bindableProps = toRef(() => ({
-			id,
-			isActive,
-			toggle
-		}));
-		providePopoverContext({
-			isActive,
-			toggle,
-			id: id.value
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Atom_default), mergeProps({
-				as: _ctx.as,
-				renderless: _ctx.renderless
-			}, bindableProps.value), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
-				_: 3
-			}, 16, ["as", "renderless"]);
-		};
-	}
-});
-
-//#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({
-	name: "PopoverAnchor",
-	__name: "PopoverAnchor",
-	props: {
-		target: {},
-		as: { default: "button" },
-		renderless: { type: Boolean }
-	},
-	setup(__props) {
-		const props = createPropsRestProxy(__props, ["as"]);
-		const context = usePopoverContext();
-		const popovertarget = toRef(() => props.target ?? context.id);
-		const style = toRef(() => ({ anchorName: `--${popovertarget.value}` }));
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Atom_default), {
-				as: _ctx.as,
-				"data-popover-open": unref(context).isActive.value ? "" : void 0,
-				popovertarget: popovertarget.value,
-				style: normalizeStyle(style.value),
-				type: _ctx.as === "button" ? "button" : void 0
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"as",
-				"data-popover-open",
-				"popovertarget",
-				"style",
-				"type"
-			]);
-		};
-	}
-});
-
-//#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({
-	name: "PopoverContent",
-	__name: "PopoverContent",
-	props: {
-		id: {},
-		positionArea: { default: "bottom" },
-		positionTry: { default: "most-width bottom" },
-		as: {},
-		renderless: { type: Boolean }
-	},
-	emits: ["beforetoggle"],
-	setup(__props, { emit: __emit }) {
-		const props = createPropsRestProxy(__props, ["positionArea", "positionTry"]);
-		const emit = __emit;
-		const context = usePopoverContext();
-		const ref$1 = useTemplateRef("ref");
-		const id = toRef(() => props.id ?? context.id);
-		const style = toRef(() => ({
-			positionArea: __props.positionArea,
-			positionAnchor: `--${id.value}`,
-			positionTry: __props.positionTry
-		}));
-		onMounted(() => {
-			if (context.isActive.value) ref$1.value?.element?.showPopover();
-		});
-		function onBeforeToggle(e) {
-			context.isActive.value = e.newState === "open";
-			emit("beforetoggle", e);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Atom_default), {
-				id: id.value,
-				ref_key: "ref",
-				ref: ref$1,
-				popover: "",
-				style: normalizeStyle(style.value),
-				onBeforetoggle: onBeforeToggle
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["id", "style"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Popover/PopoverContent.vue
-var PopoverContent_default = PopoverContent_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Popover/index.ts
-const Popover = {
-	Root: PopoverRoot_default,
-	Anchor: PopoverAnchor_default,
-	Content: PopoverContent_default
-};
-
 //#endregion
 //#region src/composables/useSingle/index.ts
 /**
@@ -1552,7 +1363,7 @@ const Popover = {
 */
 function useSingle(options) {
 	const registry = useSelection(options);
-	const mandatory = options?.mandatory ?? true;
+	const mandatory = options?.mandatory ?? false;
 	const selectedId = computed(() => registry.selectedIds.values().next().value);
 	const selectedItem = computed(() => registry.selectedItems.value.values().next().value);
 	const selectedIndex = computed(() => selectedItem.value?.index ?? -1);
@@ -1561,7 +1372,7 @@ function useSingle(options) {
 		const item = registry.get(id);
 		if (!item || item.disabled) return;
 		registry.selectedIds.clear();
-		registry.selectedIds.add(id);
+		registry.select(id);
 	}
 	function unselect(id) {
 		if (mandatory && registry.selectedIds.size === 1) return;
@@ -1582,151 +1393,35 @@ function useSingle(options) {
 		toggle
 	};
 }
-
-//#endregion
-//#region src/composables/useStep/index.ts
 /**
-* Creates a step selection context for managing collections where users can navigate through items sequentially.
-* This function extends the single selection functionality with stepping navigation.
+* Creates a single selection registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
 *
-* @param options Optional configuration for step behavior.
-* @template Z The type of items managed by the step selection.
-* @template E The type of the step selection context.
-* @returns The step selection context object.
+* @param namespace The namespace for the single selection registry context
+* @param options Optional configuration for single selection behavior.
+* @template Z The structure of the registry single selection items.
+* @template E The available methods for the single's context.
+* @returns A tuple containing the inject function, provide function, and the single selection context.
 */
-function useStep(options) {
-	const registry = useSingle(options);
-	function first() {
-		if (registry.size === 0) return;
-		registry.selectedIds.clear();
-		registry.select(registry.lookup(0));
-	}
-	function last() {
-		const size = registry.size;
-		if (size === 0) return;
-		registry.selectedIds.clear();
-		registry.select(registry.lookup(size - 1));
-	}
-	function next() {
-		step(1);
-	}
-	function prev() {
-		step(-1);
-	}
-	function wrapped(length, index) {
-		return (index + length) % length;
-	}
-	function step(count = 1) {
-		const length = registry.size;
-		if (!length) return;
-		const direction = Math.sign(count || 1);
-		let hops = 0;
-		let index = wrapped(length, registry.selectedIndex.value + count);
-		let id = registry.lookup(index);
-		while (id !== void 0 && registry.get(id)?.disabled && hops < length) {
-			index = wrapped(length, index + direction);
-			id = registry.lookup(index);
-			hops++;
-		}
-		if (id === void 0 || hops === length) return;
-		registry.selectedIds.clear();
-		registry.select(id);
+function createSingleContext(namespace, options) {
+	const [useSingleContext, _provideSingleContext] = createContext(namespace);
+	const context = useSingle(options);
+	function provideSingleContext(_context = context, app) {
+		return _provideSingleContext(_context, app);
 	}
-	return {
-		...registry,
-		first,
-		last,
-		next,
-		prev,
-		step
-	};
+	return createTrinity(useSingleContext, provideSingleContext, context);
 }
 
 //#endregion
-//#region src/components/Step/StepItem.vue?vue&type=script&setup=true&lang.ts
-var StepItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "StepItem",
-	__name: "StepItem",
-	props: {
-		id: { default: () => useId() },
-		value: {},
-		disabled: { type: Boolean },
-		namespace: { default: "step" }
-	},
-	setup(__props) {
-		const [useStepContext] = useStep(__props.namespace);
-		const step = useStepContext();
-		if (!step) throw new Error(`Failed to get step context at namespace "${__props.namespace}"`);
-		const { index, isActive, toggle } = step.register({
-			id: __props.id,
-			value: __props.value,
-			disabled: __props.disabled
-		});
-		onUnmounted(() => {
-			step.unregister(__props.id);
-		});
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", {
-				index: unref(index),
-				isActive: unref(isActive),
-				toggle: unref(toggle)
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Step/StepItem.vue
-var StepItem_default = StepItem_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Step/StepRoot.vue?vue&type=script&setup=true&lang.ts
-var StepRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "StepRoot",
-	__name: "StepRoot",
-	props: /* @__PURE__ */ mergeModels({
-		namespace: { default: "step" },
-		enroll: { type: Boolean },
-		mandatory: { type: [Boolean, String] },
-		events: { type: Boolean }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = createPropsRestProxy(__props, ["namespace"]);
-		const model = useModel(__props, "modelValue");
-		const [, provideStepContext] = useStep(__props.namespace, props);
-		const { register, unregister, reset, mandate, select, first, last, next, prev, step } = provideStepContext(model);
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", {
-				first: unref(first),
-				last: unref(last),
-				mandate: unref(mandate),
-				model: model.value,
-				next: unref(next),
-				prev: unref(prev),
-				register: unref(register),
-				reset: unref(reset),
-				select: unref(select),
-				step: unref(step),
-				unregister: unref(unregister)
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/Step/StepRoot.vue
-var StepRoot_default = StepRoot_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/Step/index.ts
-const Step = {
-	Item: StepItem_default,
-	Root: StepRoot_default
-};
+//#region src/utilities/benchmark.ts
+async function run(name, fn, samples = 100) {
+	fn();
+	return {
+		name,
+		duration: 0,
+		ops: Infinity
+	};
+}
 
 //#endregion
 //#region src/composables/useTokens/index.ts
@@ -1738,13 +1433,15 @@ const Step = {
 * @template Z The structure of the registry token items.
 * @template E The available methods for the token's context.
 * @returns The token context object.
+*
+* @see https://0.vuetifyjs.com/composables/registration/use-tokens
 * @see https://www.designtokens.org/tr/drafts/format/
 */
-function useTokens(tokens = {}) {
+function useTokens(tokens = {}, options = {}) {
 	const logger = useLogger();
 	const registry = useRegistry();
 	const cache = /* @__PURE__ */ new Map();
-	registry.onboard(flatten(tokens));
+	registry.onboard(flatten(tokens, options.prefix, !!options.flat));
 	function isAlias(token) {
 		return isString(token) && token.length > 2 && token[0] === "{" && token.at(-1) === "}";
 	}
@@ -1775,7 +1472,7 @@ function useTokens(tokens = {}) {
 		if (found?.value === void 0) {
 			logger.warn(`Alias not found for "${String(reference)}"`);
 			cache.set(cacheKey, void 0);
-			return void 0;
+			return;
 		}
 		let result;
 		let current = found.value;
@@ -1792,7 +1489,7 @@ function useTokens(tokens = {}) {
 			if (current === void 0) {
 				logger.warn(`Path not found inside "${clean}": ${segments.join(".")}`);
 				cache.set(cacheKey, void 0);
-				return void 0;
+				return;
 			}
 			result = current;
 		} else if (isTokenAlias(current)) {
@@ -1806,7 +1503,8 @@ function useTokens(tokens = {}) {
 	}
 	return {
 		...registry,
-		resolve
+		resolve,
+		isAlias
 	};
 }
 /**
@@ -1834,14 +1532,15 @@ function createTokensContext(namespace, tokens = {}) {
 * @param prefix An optional prefix to prepend to each token ID.
 * @returns An array of flattened tokens, each with an ID and value.
 */
-function flatten(tokens, prefix = "") {
+function flatten(tokens, prefix = "", flat = false) {
 	const flattened = [];
 	const stack = [{
 		tokens,
-		prefix
+		prefix,
+		flat
 	}];
 	while (stack.length > 0) {
-		const { tokens: currentTokens, prefix: currentPrefix } = stack.pop();
+		const { tokens: currentTokens, prefix: currentPrefix, flat: flat$1 } = stack.pop();
 		const meta = {};
 		for (const k in currentTokens) if (k.startsWith("$")) meta[k] = currentTokens[k];
 		if (Object.keys(meta).length > 0 && currentPrefix) flattened.push({
@@ -1865,7 +1564,7 @@ function flatten(tokens, prefix = "") {
 					value
 				});
 				const inner = value.$value;
-				if (isObject(inner)) for (const innerKey in inner) {
+				if (isObject(inner) && !flat$1) for (const innerKey in inner) {
 					if (innerKey.startsWith("$")) continue;
 					const child = inner[innerKey];
 					const childId = `${id}.${innerKey}`;
@@ -1879,14 +1578,23 @@ function flatten(tokens, prefix = "") {
 					});
 					else stack.push({
 						tokens: child,
-						prefix: childId
+						prefix: childId,
+						flat: flat$1
 					});
 				}
 				continue;
 			}
+			if (flat$1) {
+				flattened.push({
+					id,
+					value
+				});
+				continue;
+			}
 			stack.push({
 				tokens: value,
-				prefix: id
+				prefix: id,
+				flat: flat$1
 			});
 		}
 	}
@@ -1955,17 +1663,23 @@ var Vuetify0ThemeAdapter = class extends ThemeAdapter {
 * @template Z The type of theme context.
 * @template E The type of theme items managed by the registry.
 * @returns A tuple containing inject, provide functions and the theme context.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-theme
 */
 function createTheme(namespace = "v0:theme", options = {}) {
 	const { themes = {}, palette = {} } = options;
 	const [useThemeContext, _provideThemeContext] = createContext(namespace);
+	const tokens = useTokens({
+		palette,
+		...themes
+	}, { flat: true });
 	const registry = useSingle();
 	for (const id in themes) {
+		const { colors: value,...theme } = themes[id];
 		register({
 			id,
-			value: themes[id].colors,
-			dark: themes[id].dark ?? false,
-			lazy: themes[id].lazy ?? false
+			value,
+			...theme
 		});
 		if (id === options.default && !registry.selectedId.value) registry.select(id);
 	}
@@ -1974,7 +1688,7 @@ function createTheme(namespace = "v0:theme", options = {}) {
 		const resolved = {};
 		for (const theme of registry.values()) {
 			if (theme.lazy && theme.id !== registry.selectedId.value) continue;
-			resolved[String(theme.id)] = resolve(theme.id, theme.value);
+			resolved[theme.id] = resolve(theme.value);
 		}
 		return resolved;
 	});
@@ -1983,26 +1697,11 @@ function createTheme(namespace = "v0:theme", options = {}) {
 		const next = current === -1 ? 0 : (current + 1) % themes$1.length;
 		registry.select(themes$1[next]);
 	}
-	function resolve(themeId, colors$1) {
+	function resolve(colors$1) {
 		const resolved = {};
-		for (const [key, value] of Object.entries(colors$1)) resolved[key] = resolveTokenReference(themeId, value);
+		for (const [key, value] of Object.entries(colors$1)) resolved[key] = tokens.isAlias(value) ? tokens.resolve(value) : value;
 		return resolved;
 	}
-	function resolveTokenReference(themeId, value) {
-		return value.replace(/{([a-zA-Z0-9.-_]+)}/g, (match, tokenKey) => {
-			if (palette[tokenKey]) return isString(palette[tokenKey]) ? palette[tokenKey] : match;
-			const [targetTheme, ...colorPath] = tokenKey.split(".");
-			const colorKey = colorPath.join(".");
-			if (targetTheme && colorKey) {
-				const targetColors = themes[targetTheme];
-				const resolved$1 = targetColors?.[colorKey];
-				return isString(resolved$1) ? resolveTokenReference(targetTheme, resolved$1) : match;
-			}
-			const currentColors = themes[themeId];
-			const resolved = currentColors?.[tokenKey];
-			return isString(resolved) ? resolveTokenReference(themeId, resolved) : match;
-		});
-	}
 	function register(registration = {}) {
 		const item = {
 			lazy: false,
@@ -2026,9 +1725,11 @@ function createTheme(namespace = "v0:theme", options = {}) {
 * Simple hook to access the theme context.
 *
 * @returns The theme context containing current theme state and utilities.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-theme
 */
 function useTheme() {
-	return useContext("v0:theme")();
+	return useContext("v0:theme");
 }
 /**
 * Creates a Vue plugin for theme management with automatic color system updates.
@@ -2038,16 +1739,12 @@ function useTheme() {
 * @param options Configuration for themes, palette, and adapter.
 * @template Z The type of theme context.
 * @template E The type of theme items.
-* @template R The type of token context.
-* @template O The type of token items.
 * @returns A Vue plugin object with install method.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-theme
 */
 function createThemePlugin(_options = {}) {
 	const { adapter = new Vuetify0ThemeAdapter(), palette = {}, themes = {},...options } = _options;
-	const [, provideThemeTokenContext, tokensContext] = createTokensContext("v0:theme:tokens", {
-		palette,
-		...themes
-	});
 	const [, provideThemeContext, themeContext] = createTheme("v0:theme", {
 		...options,
 		themes,
@@ -2060,7 +1757,6 @@ function createThemePlugin(_options = {}) {
 		namespace: "v0:theme",
 		provide: (app) => {
 			provideThemeContext(themeContext, app);
-			provideThemeTokenContext(tokensContext, app);
 		},
 		setup: () => {
 			if (IN_BROWSER) watch(themeContext.colors, update, {
@@ -2094,16 +1790,11 @@ var ThemeItem_default = ThemeItem_vue_vue_type_script_setup_true_lang_default;
 var ThemeRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ThemeRoot",
 	__name: "ThemeRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: {
 		namespace: { default: "v0:theme" },
 		themes: { default: () => [] }
-	}, {
-		"modelValue": { default: "default" },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
+	},
 	setup(__props) {
-		useModel(__props, "modelValue");
 		const [provideThemeContext] = createTheme(__props.namespace);
 		const themeContext = provideThemeContext();
 		for (const theme of __props.themes) themeContext.register(theme);
@@ -2124,6 +1815,124 @@ const Theme = {
 	Root: ThemeRoot_default
 };
 
+//#endregion
+//#region src/transformers/toArray/index.ts
+/* @__NO_SIDE_EFFECTS__ */
+function toArray(value) {
+	return isNullOrUndefined(value) ? [] : Array.isArray(value) ? value : [value];
+}
+
+//#endregion
+//#region src/transformers/toReactive/index.ts
+/**
+* Converts an object to a reactive reference using Vue's reactivity system.
+* This function creates a reactive version of the provided object,
+* making its properties automatically track dependencies and trigger re-renders
+* when they change.
+*
+* @param objectRef - A reference to an object that should be made reactive.
+* @template Z The type of the object that extends object.
+* @returns A reactive reference to the object.
+*/
+function toReactive(objectRef) {
+	if (!isRef(objectRef)) return reactive(objectRef);
+	const target = objectRef.value;
+	if (target instanceof Map) {
+		const mapProxy = new Proxy(/* @__PURE__ */ new Map(), { get(_, p) {
+			const map = objectRef.value;
+			if (p === "get") return (key) => unref(map.get(key));
+			if (p === "set") return (key, value) => {
+				const existingValue = map.get(key);
+				if (isRef(existingValue)) existingValue.value = unref(value);
+				else map.set(key, value);
+				return mapProxy;
+			};
+			if (p === "has") return (key) => map.has(key);
+			if (p === "delete") return (key) => map.delete(key);
+			if (p === "clear") return () => map.clear();
+			if (p === "size") return map.size;
+			if (p === "keys") return () => map.keys();
+			if (p === "values") return function* () {
+				for (const value of map.values()) yield unref(value);
+			};
+			if (p === "entries") return function* () {
+				for (const [key, value] of map.entries()) yield [key, unref(value)];
+			};
+			if (p === "forEach") return (callback, thisArg) => {
+				for (const [key, value] of map.entries()) callback.call(thisArg, unref(value), key, mapProxy);
+			};
+			if (p === Symbol.iterator) return function* () {
+				for (const [key, value] of map.entries()) yield [key, unref(value)];
+			};
+			return Reflect.get(map, p);
+		} });
+		return reactive(mapProxy);
+	}
+	if (target instanceof Set) {
+		const setProxy = new Proxy(/* @__PURE__ */ new Set(), { get(_, p) {
+			const set = objectRef.value;
+			if (p === "add") return (value) => {
+				set.add(value);
+				return setProxy;
+			};
+			if (p === "has") return (value) => set.has(value);
+			if (p === "delete") return (value) => set.delete(value);
+			if (p === "clear") return () => set.clear();
+			if (p === "size") return set.size;
+			if (p === "keys" || p === "values") return function* () {
+				for (const value of set.values()) yield unref(value);
+			};
+			if (p === "entries") return function* () {
+				for (const value of set.values()) {
+					const unreffedValue = unref(value);
+					yield [unreffedValue, unreffedValue];
+				}
+			};
+			if (p === "forEach") return (callback, thisArg) => {
+				for (const value of set) {
+					const unreffedValue = unref(value);
+					callback.call(thisArg, unreffedValue, unreffedValue, setProxy);
+				}
+			};
+			if (p === Symbol.iterator) return function* () {
+				for (const value of set.values()) yield unref(value);
+			};
+			return Reflect.get(set, p);
+		} });
+		return reactive(setProxy);
+	}
+	const proxy = new Proxy({}, {
+		get(_, p, receiver) {
+			return unref(Reflect.get(objectRef.value, p, receiver));
+		},
+		set(_, p, value) {
+			const currentTarget = objectRef.value;
+			currentTarget[p] = value;
+			return true;
+		},
+		deleteProperty(_, p) {
+			return Reflect.deleteProperty(objectRef.value, p);
+		},
+		has(_, p) {
+			return Reflect.has(objectRef.value, p);
+		},
+		ownKeys() {
+			return Object.keys(objectRef.value);
+		},
+		getOwnPropertyDescriptor(_, p) {
+			const desc = Reflect.getOwnPropertyDescriptor(objectRef.value, p);
+			if (!desc) return;
+			const newDesc = {
+				...desc,
+				configurable: true
+			};
+			if ("value" in newDesc) newDesc.value = unref(newDesc.value);
+			return newDesc;
+		}
+	});
+	return reactive(proxy);
+}
+
 //#endregion
 //#region src/composables/useEventListener/index.ts
 function useEventListener(target, event, listener, options) {
@@ -2132,10 +1941,10 @@ function useEventListener(target, event, listener, options) {
 		for (const fn of cleanups) fn();
 		cleanups.length = 0;
 	}
-	const register = (el, event$1, listener$1, options$1) => {
+	function register(el, event$1, listener$1, options$1) {
 		el.addEventListener(event$1, listener$1, options$1);
 		return () => el.removeEventListener(event$1, listener$1, options$1);
-	};
+	}
 	const stopWatcher = watch(() => [
 		toValue(target),
 		toValue(event),
@@ -2185,6 +1994,132 @@ function useDocumentEventListener(event, listener, options) {
 	return useEventListener(document, event, listener, options);
 }
 
+//#endregion
+//#region src/composables/useGroup/index.ts
+/**
+* Creates a group selection context for managing collections of items where multiple selections can be made.
+* This function extends the selection functionality with group selection capabilities.
+*
+* @param options Optional configuration for group selection behavior.
+* @template Z The type of items managed by the group selection.
+* @template E The type of the group selection context.
+* @returns The group selection context object.
+*/
+function useGroup(options) {
+	const registry = useSelection(options);
+	const selectedIndexes = computed(() => {
+		return new Set(Array.from(registry.selectedItems.value).map((item) => item?.index));
+	});
+	function select(ids) {
+		for (const id of toArray(ids)) registry.select(id);
+	}
+	function unselect(ids) {
+		for (const id of toArray(ids)) registry.unselect(id);
+	}
+	function toggle(ids) {
+		for (const id of toArray(ids)) registry.toggle(id);
+	}
+	return {
+		...registry,
+		select,
+		unselect,
+		toggle,
+		selectedIndexes
+	};
+}
+/**
+* Creates a group selection registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
+*
+* @param namespace The namespace for the group selection registry context
+* @param options Optional configuration for group selection behavior.
+* @template Z The structure of the registry group selection items.
+* @template E The available methods for the group's context.
+* @returns A tuple containing the inject function, provide function, and the group selection context.
+*/
+function createGroupContext(namespace, options) {
+	const [useGroupContext, _provideGroupContext] = createContext(namespace);
+	const context = useGroup(options);
+	function provideGroupContext(_context = context, app) {
+		return _provideGroupContext(_context, app);
+	}
+	return createTrinity(useGroupContext, provideGroupContext, context);
+}
+
+//#endregion
+//#region src/composables/useFeatures/index.ts
+/**
+*
+* @param namespace The namespace for the feature context
+* @param options Configure initial features to register
+* @template Z The type of feature ticket
+* @template E The type of feature context
+* @returns A context trinity for the features context
+*
+* @see https://0.vuetifyjs.com/composables/plugins/create-features
+*/
+function createFeatures(namespace = "v0:features", options = {}) {
+	const [useFeaturesContext, _provideFeaturesContext] = createContext(namespace);
+	const tokens = useTokens(options.features, { flat: true });
+	const registry = useGroup();
+	for (const [id, { value }] of tokens.entries()) register({
+		id,
+		value
+	});
+	function variation(id, fallback = null) {
+		const ticket = registry.get(id);
+		if (!ticket) return fallback;
+		return isObject(ticket.value) ? ticket.value.$variation ?? fallback : fallback;
+	}
+	function register(registration = {}) {
+		const item = {
+			value: false,
+			...registration
+		};
+		const ticket = registry.register(item);
+		if (isBoolean(ticket.value) || isObject(ticket.value) && isBoolean(ticket.value.$value) && ticket.value.$value === true) registry.select(ticket.id);
+		return ticket;
+	}
+	const context = {
+		...registry,
+		variation,
+		register
+	};
+	function provideFeaturesContext(_context = context, app) {
+		return _provideFeaturesContext(_context, app);
+	}
+	return createTrinity(useFeaturesContext, provideFeaturesContext, context);
+}
+/**
+* Simple hook to access the theme context.
+*
+* @returns The features context containing current theme state and utilities.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/create-features
+*/
+function useFeatures() {
+	return useContext("v0:features");
+}
+/**
+* Creates a Vue plugin for feature management with variation support.
+*
+* @param options Configuration for initial features to register.
+* @template Z The type of feature ticket.
+* @template E The type of feature context.
+* @returns A Vue plugin object with install method.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/create-features
+*/
+function createFeaturesPlugin(options = {}) {
+	const [, provideFeaturesContext, context] = createFeatures("v0:features", options);
+	return createPlugin({
+		namespace: "v0:features",
+		provide: (app) => {
+			provideFeaturesContext(context, app);
+		}
+	});
+}
+
 //#endregion
 //#region src/composables/useFilter/index.ts
 function defaultFilter(query, item, keys, mode = "some") {
@@ -2192,8 +2127,7 @@ function defaultFilter(query, item, keys, mode = "some") {
 	function match(value, q) {
 		return String(value).toLowerCase().includes(q);
 	}
-	const values = typeof item === "object" && item !== null ? keys?.length ? keys.map((k) => item[k]) : Object.values(item) : [item];
-	const stringValues = values.map((v) => String(v).toLowerCase());
+	const stringValues = (typeof item === "object" && item !== null ? keys?.length ? keys.map((k) => item[k]) : Object.values(item) : [item]).map((v) => String(v).toLowerCase());
 	if (mode === "some") return stringValues.some((val) => match(val, queries[0]));
 	if (mode === "every") return stringValues.every((val) => match(val, queries[0]));
 	if (mode === "union") return queries.some((q) => stringValues.some((val) => match(val, q)));
@@ -2219,14 +2153,13 @@ function useFilter(query, items, options = {}) {
 	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, keys, mode));
 	const itemsRef = isRef(items) ? items : toRef(() => items);
 	const queryRef = toRefOrGetter(query);
-	const filteredItems = computed(() => {
+	return { items: computed(() => {
 		const q = toValue(queryRef);
 		const queries = (Array.isArray(q) ? q : [q]).filter((q$1) => String(q$1).trim());
 		if (queries.length === 0) return itemsRef.value;
 		const queryParam = queries.length === 1 ? queries[0] : queries;
 		return itemsRef.value.filter((item) => filterFunction(queryParam, item));
-	});
-	return { items: filteredItems };
+	}) };
 }
 
 //#endregion
@@ -2261,12 +2194,8 @@ function useForm(options) {
 	}
 	async function validate(id) {
 		const validating = toArray(id);
-		if (validatesOn("submit")) {
-			const results = await Promise.all(validating.map(async (id$1) => await registry.get(id$1)?.validate() ?? true));
-			return results.every(Boolean);
-		}
-		const tickets = validating.map((id$1) => registry.get(id$1)).filter(Boolean);
-		return tickets.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));
@@ -2290,8 +2219,7 @@ function useForm(options) {
 			if (rules.length === 0) return true;
 			isValidating$1.value = true;
 			try {
-				const results = await Promise.all(rules.map((rule) => rule(model.value)));
-				const errorMessages = results.filter((result) => typeof result === "string");
+				const errorMessages = (await Promise.all(rules.map((rule) => rule(model.value)))).filter((result) => typeof result === "string");
 				if (!silent) {
 					errors.value = errorMessages;
 					isValid$1.value = errorMessages.length === 0;
@@ -2381,9 +2309,8 @@ function useIntersectionObserver(target, callback, options = {}) {
 		});
 		observer.value.observe(el);
 		if (options.immediate) {
-			const rect = el.getBoundingClientRect();
 			const syntheticEntry = {
-				boundingClientRect: rect,
+				boundingClientRect: el.getBoundingClientRect(),
 				intersectionRatio: 0,
 				intersectionRect: new DOMRect(0, 0, 0, 0),
 				isIntersecting: false,
@@ -2416,9 +2343,8 @@ function useIntersectionObserver(target, callback, options = {}) {
 		});
 		observer.value.observe(target.value);
 		if (options.immediate) {
-			const rect = target.value.getBoundingClientRect();
 			const syntheticEntry = {
-				boundingClientRect: rect,
+				boundingClientRect: target.value.getBoundingClientRect(),
 				intersectionRatio: 0,
 				intersectionRect: new DOMRect(0, 0, 0, 0),
 				isIntersecting: false,
@@ -2515,72 +2441,6 @@ function useKeydown(handlers) {
 	};
 }
 
-//#endregion
-//#region src/composables/useLayout/index.ts
-function useLayout(_options = {}) {
-	const { enroll = true, events = true,...options } = _options;
-	const registry = useGroup({
-		enroll,
-		events,
-		...options
-	});
-	const sizes = shallowReactive(/* @__PURE__ */ new Map());
-	const height = shallowRef(0);
-	const width = shallowRef(0);
-	const bounds = {
-		top: computed(() => sum("top")),
-		bottom: computed(() => sum("bottom")),
-		left: computed(() => sum("left")),
-		right: computed(() => sum("right"))
-	};
-	const main = {
-		x: computed(() => bounds.left.value),
-		y: computed(() => bounds.top.value),
-		width: computed(() => width.value - bounds.left.value - bounds.right.value),
-		height: computed(() => height.value - bounds.top.value - bounds.bottom.value)
-	};
-	function sum(position) {
-		let total = 0;
-		for (const item of registry.values()) if (item.position === position && item.isActive.value) total += sizes.get(item.id) ?? item.value ?? 0;
-		return total;
-	}
-	function register(registration) {
-		const item = {
-			position: registration.position,
-			order: registration.order ?? 0,
-			...registration
-		};
-		const ticket = registry.register(item);
-		sizes.set(ticket.id, ticket.value);
-		return ticket;
-	}
-	if (IN_BROWSER && getCurrentInstance()) {
-		function resize() {
-			height.value = window.innerHeight;
-			width.value = window.innerWidth;
-		}
-		onMounted(() => {
-			resize();
-			window.addEventListener("resize", resize);
-		});
-		onUnmounted(() => {
-			window.removeEventListener("resize", resize);
-		});
-	}
-	registry.on("unregister", (item) => {
-		sizes.delete(item.id);
-	});
-	return {
-		...registry,
-		register,
-		bounds,
-		main,
-		sizes,
-		height,
-		width
-	};
-}
-
 //#endregion
 //#region src/composables/useLocale/adapters/v0.ts
 /**
@@ -2673,7 +2533,7 @@ function createLocale(namespace = "v0:locale", options = {}) {
 * @returns The locale context containing translation and formatting functions.
 */
 function useLocale() {
-	return useContext("v0:locale")();
+	return useContext("v0:locale");
 }
 /**
 * Creates a Vue plugin for internationalization with locale management and translation support.
@@ -2752,7 +2612,7 @@ function useMutationObserver(target, callback, options = {}) {
 				forEach: () => {},
 				*[Symbol.iterator]() {}
 			};
-			const syntheticEntry = {
+			callback([{
 				type: "childList",
 				target: el,
 				addedNodes: emptyNodeList,
@@ -2762,8 +2622,7 @@ function useMutationObserver(target, callback, options = {}) {
 				attributeName: null,
 				attributeNamespace: null,
 				oldValue: null
-			};
-			callback([syntheticEntry]);
+			}]);
 		}
 	}, { immediate: true });
 	function setup() {
@@ -2830,6 +2689,91 @@ function useMutationObserver(target, callback, options = {}) {
 	};
 }
 
+//#endregion
+//#region src/composables/usePermissions/adapters/adapter.ts
+var PermissionAdapter = class {};
+
+//#endregion
+//#region src/composables/usePermissions/adapters/v0.ts
+var Vuetify0PermissionAdapter = class extends PermissionAdapter {
+	constructor() {
+		super();
+	}
+	can(role, action, subject, context, permissions) {
+		const access = `${role}.${action}.${subject}`;
+		const ticket = permissions.get(access);
+		if (!ticket || !ticket.value) return false;
+		return isFunction(ticket.value) ? ticket.value(context) : ticket.value;
+	}
+};
+
+//#endregion
+//#region src/composables/usePermissions/index.ts
+/**
+*
+* @param namespace The namespace for the permissions context
+* @param options Configure initial permissions and adapter
+* @template Z The type of permission ticket
+* @template E The type of permission context
+* @returns A context trinity for the permissions context
+*
+* @see https://0.vuetifyjs.com/composables/plugins/create-permissions
+*/
+function createPermissions(namespace = "v0:permissions", options = {}) {
+	const { adapter = new Vuetify0PermissionAdapter(), permissions = {} } = options;
+	const [usePermissionsContext, _providePermissionsContext] = createContext(namespace);
+	const record = {};
+	for (const role in permissions) {
+		if (!record[role]) record[role] = {};
+		for (const [actions, subjects, condition = true] of permissions[role]) for (const action of toArray(actions)) for (const subject of toArray(subjects)) {
+			if (!record[role][action]) record[role][action] = {};
+			record[role][action][subject] = condition;
+		}
+	}
+	const tokens = useTokens(record);
+	function can(id, action, subject, context$1 = {}) {
+		return adapter.can(id, action, subject, context$1, tokens);
+	}
+	const context = {
+		...tokens,
+		can
+	};
+	function providePermissionsContext(_context = context, app) {
+		return _providePermissionsContext(_context, app);
+	}
+	return createTrinity(usePermissionsContext, providePermissionsContext, context);
+}
+/**
+* Simple hook to access the permissions context
+*
+* @returns The permissions context
+* @template Z The type of permission ticket
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-permissions
+*/
+function usePermissions() {
+	return useContext("v0:permissions");
+}
+/**
+* Factory function to create a permissions plugin
+*
+* @param options Configuration options for the permissions plugin
+* @template Z The type of permission ticket
+* @template E The type of permission context
+* @returns A Vue plugin object for permissions management
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-permissions
+*/
+function createPermissionsPlugin(options = {}) {
+	const [, providePermissionContext, context] = createPermissions("v0:permissions", options);
+	return createPlugin({
+		namespace: "v0:permissions",
+		provide: (app) => {
+			providePermissionContext(context, app);
+		}
+	});
+}
+
 //#endregion
 //#region src/composables/useProxyModel/index.ts
 /**
@@ -2842,8 +2786,7 @@ function useMutationObserver(target, callback, options = {}) {
 */
 function useProxyModel(registry, initial, options, _transformIn, _transformOut) {
 	const logger = useLogger();
-	const reactivity = options?.deep ? ref : shallowRef;
-	const internal = reactivity(initial ? toArray(initial) : []);
+	const internal = (options?.deep ? ref : shallowRef)(initial ? toArray(initial) : []);
 	const isModelArray = isArray(initial);
 	function transformIn(val) {
 		if (isFunction(_transformIn)) return _transformIn(val);
@@ -2873,8 +2816,9 @@ function useProxyModel(registry, initial, options, _transformIn, _transformOut)
 		const currentIds = new Set(toValue(registry.selectedIds));
 		const targetIds = /* @__PURE__ */ new Set();
 		for (const value of toArray(val)) {
-			const id = registry.browse(value);
-			if (id) targetIds.add(id);
+			const ids = registry.browse(value);
+			if (isArray(ids)) for (const single of ids) targetIds.add(single);
+			else if (ids) targetIds.add(ids);
 			else logger.warn("Unable to find id for value", value);
 		}
 		watcher.pause();
@@ -3012,6 +2956,83 @@ function useElementSize(target) {
 	};
 }
 
+//#endregion
+//#region src/composables/useStep/index.ts
+/**
+* Creates a step selection context for managing collections where users can navigate through items sequentially.
+* This function extends the single selection functionality with stepping navigation.
+*
+* @param options Optional configuration for step behavior.
+* @template Z The type of items managed by the step selection.
+* @template E The type of the step selection context.
+* @returns The step selection context object.
+*/
+function useStep(options) {
+	const registry = useSingle(options);
+	function first() {
+		if (registry.size === 0) return;
+		registry.selectedIds.clear();
+		registry.select(registry.lookup(0));
+	}
+	function last() {
+		const size = registry.size;
+		if (size === 0) return;
+		registry.selectedIds.clear();
+		registry.select(registry.lookup(size - 1));
+	}
+	function next() {
+		step(1);
+	}
+	function prev() {
+		step(-1);
+	}
+	function wrapped(length, index) {
+		return (index + length) % length;
+	}
+	function step(count = 1) {
+		const length = registry.size;
+		if (!length) return;
+		const direction = Math.sign(count || 1);
+		let hops = 0;
+		let index = wrapped(length, registry.selectedIndex.value + count);
+		let id = registry.lookup(index);
+		while (id !== void 0 && registry.get(id)?.disabled && hops < length) {
+			index = wrapped(length, index + direction);
+			id = registry.lookup(index);
+			hops++;
+		}
+		if (id === void 0 || hops === length) return;
+		registry.selectedIds.clear();
+		registry.select(id);
+	}
+	return {
+		...registry,
+		first,
+		last,
+		next,
+		prev,
+		step
+	};
+}
+/**
+* Creates a step selection registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
+*
+* @param namespace The namespace for the step selection registry context
+* @param options Optional configuration for step selection behavior.
+* @template Z The structure of the registry step selection items.
+* @template E The available methods for the step's context.
+* @returns A tuple containing the inject function, provide function, and the step selection context.
+*/
+function createStepContext(namespace, options) {
+	const [useStepContext, _provideStepContext] = createContext(namespace);
+	const context = useStep(options);
+	function provideStepContext(_context = context, app) {
+		return _provideStepContext(_context, app);
+	}
+	return createTrinity(useStepContext, provideStepContext, context);
+}
+
 //#endregion
 //#region src/composables/useStorage/adapters/memory.ts
 /**
@@ -3034,7 +3055,7 @@ var MemoryAdapter = class {
 		this.store.delete(key);
 	}
 	key(index) {
-		return Array.from(this.store.keys())[index];
+		return String(Array.from(this.store.keys())[index] ?? "");
 	}
 };
 
@@ -3120,4 +3141,59 @@ function createStoragePlugin(options = {}) {
 }
 
 //#endregion
-export { Atom_default as Atom, Breakpoints, COMMON_ELEMENTS, ConsolaLoggerAdapter, Context, Group, Hydration_default as Hydration, HydrationRoot_default as HydrationRoot, IN_BROWSER, PinoLoggerAdapter, Popover, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Step, Theme, Vuetify0LoggerAdapter, __LOGGER_ENABLED__, createBreakpoints, createBreakpointsPlugin, createContext, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createPlugin, createRegistryContext, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, createTrinity, genId, isArray, isBoolean, isFunction, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, mergeDeep, provideBreakpointsContext, provideHydrationContext, providePopoverContext, provideStorageContext, run, toArray, toReactive, useBreakpoints, useBreakpointsContext, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useIntersectionObserver, useKeydown, useLayout, useLocale, useLogger, useMutationObserver, usePopoverContext, useProxyModel, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener, version };
+//#region src/composables/useTimeline/index.ts
+/**
+* Creates a registry with timeline capabilities (undo/redo)
+*
+* @param _options Optional configuration for timeline
+* @template Z The type of ticket to be stored in the timeline
+* @template E The type of the timeline context
+* @returns The timeline context object
+*
+* @see https://0.vuetifyjs.com/composables/registration/use-timeline
+*/
+function useTimeline(_options = {}) {
+	const { size = 10,...options } = _options;
+	const registry = useRegistry(options);
+	const undoTimeline = [];
+	const redoTimeline = [];
+	function register(item) {
+		if (registry.size < size) return registry.register({ ...item });
+		const id = registry.lookup(0);
+		const removing = registry.get(id);
+		if (redoTimeline.length === size) redoTimeline.shift();
+		redoTimeline.push(removing);
+		registry.unregister(id);
+		const ticket = registry.register({ ...item });
+		registry.reindex();
+		return ticket;
+	}
+	function redo() {
+		if (undoTimeline.length === 0) return;
+		registry.register(undoTimeline.pop());
+		registry.reindex();
+	}
+	function undo() {
+		const id = registry.lookup(registry.size - 1);
+		if (!id) return;
+		undoTimeline.push(registry.get(id));
+		registry.unregister(id);
+		restore();
+	}
+	function restore() {
+		const value = redoTimeline.pop();
+		const restored = value ? [value, ...registry.values()] : [...registry.values()];
+		registry.clear();
+		registry.onboard(restored);
+		registry.reindex();
+	}
+	return {
+		...registry,
+		register,
+		undo,
+		redo
+	};
+}
+
+//#endregion
+export { Atom_default as Atom, Breakpoints, COMMON_ELEMENTS, ConsolaLoggerAdapter, Context, Hydration_default as Hydration, HydrationRoot_default as HydrationRoot, IN_BROWSER, PinoLoggerAdapter, Popover, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Theme, Vuetify0LoggerAdapter, __LOGGER_ENABLED__, createBreakpoints, createBreakpointsPlugin, createContext, createFeatures, createFeaturesPlugin, createGroupContext, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createPermissions, createPermissionsPlugin, createPlugin, createRegistryContext, createSelectionContext, createSingleContext, createStepContext, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, createTrinity, genId, isArray, isBoolean, isFunction, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, mergeDeep, provideBreakpointsContext, provideContext, provideHydrationContext, providePopoverContext, provideStorageContext, run, toArray, toReactive, useBreakpoints, useBreakpointsContext, useContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFeatures, useFilter, useForm, useGroup, useHydration, useHydrationContext, useIntersectionObserver, useKeydown, useLocale, useLogger, useMutationObserver, usePermissions, usePopoverContext, useProxyModel, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTimeline, useTokens, useWindowEventListener, version };