@vuetify/v0 1.1.0 → 1.2.0

package/dist/useTheme-C0_i__N6.mjs

@@ -1,162 +0,0 @@
-import { foreground, isNumber, isString } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-CbvzXCWb.mjs";
-import { t as createSingle } from "./createSingle-Dz-1Iv7u.mjs";
-import { r as flatten, t as createTokens } from "./createTokens-C4qcW2Kv.mjs";
-import { t as V0StyleSheetThemeAdapter } from "./v0-CveVV6On.mjs";
-import { computed, shallowRef, toRef } from "vue";
-//#region src/composables/useTheme/index.ts
-/**
-* @module useTheme
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-theme
-*
-* @remarks
-* Theme management composable with token resolution and CSS variable injection.
-*
-* Key features:
-* - Single-selection theme switching (extends createSingle)
-* - Token alias resolution via createTokens
-* - Lazy theme loading (compute colors only when selected)
-* - CSS variable generation via adapter pattern
-* - `isDark` reactive flag on the theme context
-* - SSR support with head integration
-* - Theme cycling
-*
-* Integrates with createSingle for selection and createTokens for color resolution.
-*
-* @example
-* ```ts
-* import { useTheme } from '@vuetify/v0'
-*
-* const theme = useTheme()
-* theme.select('dark')
-* console.log(theme.isDark.value) // true
-* ```
-*/
-/**
-* Creates a new theme instance.
-*
-* @param options The options for the theme instance.
-* @returns A new theme instance.
-*
-* @see https://0.vuetifyjs.com/composables/plugins/use-theme
-*
-* @example
-* ```ts
-* import { createTheme } from '@vuetify/v0'
-*
-* const theme = createTheme({
-*   default: 'light',
-*   themes: {
-*     light: {
-*       dark: false,
-*       colors: {
-*         primary: '#3b82f6',
-*       },
-*     },
-*     dark: {
-*       dark: true,
-*       colors: {
-*         primary: '#675496',
-*       },
-*     },
-*   },
-* })
-* ```
-*/
-function createTheme(_options = {}) {
-	const { themes = {}, palette = {}, foreground: genForeground, ...options } = _options;
-	const tokens = createTokens({
-		palette,
-		...themes
-	}, { flat: true });
-	const registry = createSingle({
-		...options,
-		reactive: true
-	});
-	for (const id in themes) {
-		const { colors: value, ...theme } = themes[id];
-		register({
-			id,
-			value,
-			...theme
-		});
-		if (id === options.default && !registry.selectedId.value) registry.select(id);
-	}
-	const names = toRef(() => registry.keys());
-	const colors = computed(() => {
-		const resolved = {};
-		const currentId = registry.selectedId.value;
-		for (const theme of registry.values()) {
-			if (theme.lazy && theme.id !== currentId) continue;
-			const themeColors = resolve(theme.value);
-			if (genForeground) for (const [key, value] of Object.entries(themeColors)) {
-				const onKey = `on-${key}`;
-				if (!key.startsWith("on-") && !(onKey in themeColors)) themeColors[onKey] = /* @__PURE__ */ foreground(value);
-			}
-			resolved[theme.id] = themeColors;
-		}
-		return resolved;
-	});
-	const isDark = toRef(() => registry.selectedItem.value?.dark ?? false);
-	function cycle(themes = names.value) {
-		const current = themes.indexOf(registry.selectedId.value ?? "");
-		const next = current === -1 ? 0 : (current + 1) % themes.length;
-		registry.select(themes[next]);
-	}
-	function resolve(colors) {
-		const resolved = {};
-		for (const [key, value] of Object.entries(colors)) resolved[key] = tokens.isAlias(value) ? tokens.resolve(value) : value;
-		return resolved;
-	}
-	function register(registration = {}) {
-		const { colors, ...rest } = registration;
-		if (colors && rest.id && !registry.has(rest.id)) tokens.onboard(/* @__PURE__ */ flatten({ [rest.id]: { colors } }, "", true));
-		const item = {
-			lazy: false,
-			dark: false,
-			...rest,
-			...colors ? { value: colors } : {}
-		};
-		return registry.register(item);
-	}
-	function onboard(registrations) {
-		return registry.batch(() => registrations.map((registration) => register(registration)));
-	}
-	return {
-		...registry,
-		colors,
-		isDark,
-		register,
-		onboard,
-		cycle,
-		dispose: () => {},
-		get size() {
-			return registry.size;
-		}
-	};
-}
-function createThemeFallback() {
-	return {
-		size: 0,
-		colors: computed(() => ({})),
-		isDark: shallowRef(false),
-		cycle: () => {},
-		onboard: () => [],
-		dispose: () => {}
-	};
-}
-const [createThemeContext, createThemePlugin, useTheme] = createPluginContext("v0:theme", (options) => createTheme(options), {
-	fallback: () => createThemeFallback(),
-	setup: (context, app, { adapter = new V0StyleSheetThemeAdapter(), target, rgb }) => {
-		if (rgb) adapter.rgb = true;
-		adapter.setup(app, context, target);
-		app.onUnmount(() => adapter.dispose?.());
-	},
-	persist: (ctx) => ctx.selectedId.value,
-	restore: (ctx, saved) => {
-		if (/* @__PURE__ */ isString(saved) || /* @__PURE__ */ isNumber(saved)) ctx.select(saved);
-	}
-});
-//#endregion
-export { useTheme as i, createThemeContext as n, createThemePlugin as r, createTheme as t };