@vuetify/v0 0.0.2-beta.4 → 0.0.3

package/dist/{useTheme-tY7MoBKr.mjs → useTheme-DCXkw_kv.js}

@@ -1,7 +1,7 @@
-import { createContext, createPlugin, createTrinity, useContext } from "./createTrinity-CwGvQ2ng.mjs";
-import { genId, isArray, isObject, isString, mergeDeep } from "./utilities-lZSfrXgw.mjs";
-import { toArray } from "./transformers-BTjuwbOV.mjs";
-import { computed, getCurrentInstance, onMounted, onScopeDispose, shallowReactive, shallowReadonly, shallowRef, toRef, watch } from "vue";
+import { createContext, createPlugin, createTrinity, useContext } from "./factories-BEpawPUw.js";
+import { genId, isArray, isObject, isString, mergeDeep } from "./utilities-D9rWEgQK.js";
+import { IN_BROWSER, __LOGGER_ENABLED__ } from "./globals-DZvNEOB4.js";
+import { computed, getCurrentInstance, onMounted, onScopeDispose, readonly, shallowReactive, shallowReadonly, shallowRef, toRef, watch } from "vue";
 
 //#region src/composables/useHydration/index.ts
 const [useHydrationContext, provideHydrationContext] = createContext("v0:hydration");
@@ -53,16 +53,6 @@ function createHydrationPlugin() {
 	});
 }
 
-//#endregion
-//#region src/constants/globals.ts
-const IN_BROWSER = typeof window !== "undefined";
-const SUPPORTS_TOUCH = IN_BROWSER && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
-const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof window.matchMedia === "function";
-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 __LOGGER_ENABLED__ = process.env.NODE_ENV !== "production" || process.env.VITE_LOGGER_ENABLED === "true";
-
 //#endregion
 //#region src/composables/useBreakpoints/index.ts
 const [useBreakpointsContext, provideBreakpointsContext] = createContext("v0:breakpoints");
@@ -106,58 +96,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();
@@ -173,7 +159,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.
@@ -313,21 +322,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",
@@ -335,8 +342,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);
@@ -362,7 +368,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,
@@ -370,8 +376,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;
@@ -477,6 +482,8 @@ function createLoggerPlugin(options = {}) {
 * @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();
@@ -505,6 +512,40 @@ function useRegistry(options) {
 	function get(id) {
 		return collection.get(id);
 	}
+	function upsert(id, patch = {}) {
+		const existing = get(id);
+		if (!existing) return register({
+			...patch,
+			id
+		});
+		const hasValue = Object.prototype.hasOwnProperty.call(patch, "value");
+		let value = existing.value;
+		let valueIsIndex = existing.valueIsIndex;
+		if (hasValue) {
+			if (patch.value === void 0) {
+				value = existing.index;
+				valueIsIndex = true;
+			} else {
+				value = patch.value;
+				valueIsIndex = false;
+			}
+			if (!Object.is(value, existing.value)) {
+				unassign(existing.value, id);
+				assign(value, id);
+			}
+		}
+		const updated = {
+			...existing,
+			...patch,
+			id,
+			index: existing.index,
+			value,
+			valueIsIndex
+		};
+		collection.set(id, updated);
+		invalidate();
+		return updated;
+	}
 	function browse(value) {
 		return catalog.get(value);
 	}
@@ -560,8 +601,7 @@ function useRegistry(options) {
 		invalidate();
 	}
 	function invalidate() {
-		if (cache.size === 0) return;
-		cache.clear();
+		if (cache.size > 0) cache.clear();
 	}
 	function reindex() {
 		if (catalog.size > 0) catalog.clear();
@@ -585,12 +625,15 @@ function useRegistry(options) {
 			logger.warn(`Item with id "${id}" already exists in the registry. Skipping registration.`);
 			return get(id);
 		}
+		const index = registration.index ?? size;
+		const value = registration.value === void 0 ? index : registration.value;
+		const valueIsIndex = registration.value === void 0;
 		const item = {
 			...registration,
 			id,
-			index: registration.index ?? size,
-			value: registration.value ?? size,
-			valueIsIndex: registration.valueIsIndex ?? registration.value == null
+			index,
+			value,
+			valueIsIndex
 		};
 		collection.set(item.id, item);
 		directory.set(item.index, item.id);
@@ -622,6 +665,7 @@ function useRegistry(options) {
 		values,
 		lookup,
 		get,
+		upsert,
 		register,
 		unregister,
 		reindex,
@@ -633,6 +677,24 @@ function useRegistry(options) {
 		}
 	};
 }
+/**
+* Creates a registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
+*
+* @param namespace The namespace for the registry context.
+* @param options Optional configuration for reactivity behavior.
+* @template Z The type of tickets managed by the registry.
+* @template E The type of the registry context.
+* @returns A tuple containing the inject function, provide function, and the registry context.
+*/
+function createRegistryContext(namespace, options) {
+	const [useRegistryContext, _provideRegistryContext] = createContext(namespace);
+	const context = useRegistry(options);
+	function provideRegistryContext(_context = context, app) {
+		return _provideRegistryContext(_context, app);
+	}
+	return createTrinity(useRegistryContext, provideRegistryContext, context);
+}
 
 //#endregion
 //#region src/composables/useSelection/index.ts
@@ -673,13 +735,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)
@@ -709,42 +774,27 @@ function useSelection(options) {
 		mandate,
 		select,
 		unselect,
-		toggle
+		toggle,
+		selected
 	};
 }
-
-//#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.
+* Creates a selection registry context with full injection/provision control.
+* Returns the complete trinity for advanced usage scenarios.
 *
-* @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.
+* @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 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);
+function createSelectionContext(namespace, options) {
+	const [useSelectionContext, _provideSelectionContext] = createContext(namespace);
+	const context = useSelection(options);
+	function provideSelectionContext(_context = context, app) {
+		return _provideSelectionContext(_context, app);
 	}
-	return {
-		...registry,
-		select,
-		unselect,
-		toggle,
-		selectedIndexes
-	};
+	return createTrinity(useSelectionContext, provideSelectionContext, context);
 }
 
 //#endregion
@@ -760,7 +810,7 @@ function useGroup(options) {
 */
 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);
@@ -769,7 +819,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;
@@ -790,64 +840,23 @@ 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
@@ -860,13 +869,15 @@ function useStep(options) {
 * @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) === "}";
 	}
@@ -897,7 +908,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;
@@ -914,7 +925,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)) {
@@ -928,7 +939,8 @@ function useTokens(tokens = {}) {
 	}
 	return {
 		...registry,
-		resolve
+		resolve,
+		isAlias
 	};
 }
 /**
@@ -956,14 +968,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({
@@ -987,7 +1000,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}`;
@@ -1001,14 +1014,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
 			});
 		}
 	}
@@ -1077,17 +1099,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);
 	}
@@ -1096,7 +1124,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;
 	});
@@ -1105,26 +1133,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,
@@ -1148,9 +1161,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.
@@ -1160,16 +1175,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,
@@ -1182,7 +1193,6 @@ function createThemePlugin(_options = {}) {
 		namespace: "v0:theme",
 		provide: (app) => {
 			provideThemeContext(themeContext, app);
-			provideThemeTokenContext(tokensContext, app);
 		},
 		setup: () => {
 			if (IN_BROWSER) watch(themeContext.colors, update, {
@@ -1195,4 +1205,4 @@ function createThemePlugin(_options = {}) {
 }
 
 //#endregion
-export { ConsolaLoggerAdapter, IN_BROWSER, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLogger, createLoggerPlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useBreakpointsContext, useGroup, useHydration, useHydrationContext, useLogger, useRegistry, useSelection, useSingle, useStep, useTheme, useTokens };
+export { ConsolaLoggerAdapter, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLogger, createLoggerPlugin, createRegistryContext, createSelectionContext, createSingleContext, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useBreakpointsContext, useHydration, useHydrationContext, useLogger, useRegistry, useSelection, useSingle, useTheme, useTokens };