@vuetify/v0 0.1.13 → 0.2.0

package/dist/{useLogger-C3crtWEd.mjs → useLogger-B3ijAgn0.mjs}

@@ -1,8 +1,8 @@
-import { s as __LOGGER_ENABLED__, t as IN_BROWSER } from "./globals-DCznFHqN.mjs";
-import { isUndefined } from "./utilities/index.mjs";
+import { s as __LOGGER_ENABLED__, t as IN_BROWSER } from "./globals-B6VQTLVM.mjs";
+import { isNullOrUndefined, isUndefined } from "./utilities/index.mjs";
 import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-C_c8eedz.mjs";
-import { t as Vuetify0LoggerAdapter } from "./v0-2IcFDTW5.mjs";
-import { hasInjectionContext } from "vue";
+import { t as Vuetify0LoggerAdapter } from "./v0-C64RQgkl.mjs";
+import { hasInjectionContext, watch } from "vue";
 //#region src/composables/createPlugin/index.ts
 /**
 * @module createPlugin
@@ -59,6 +59,12 @@ function createPlugin(options) {
 		});
 	} };
 }
+function deriveKey(namespace) {
+	return namespace.startsWith("v0:") ? namespace.slice(3) : namespace;
+}
+function getPersistedStorage() {
+	return useContext("v0:storage");
+}
 /**
 * Creates the three standard functions for a plugin composable.
 *
@@ -85,7 +91,7 @@ function createPlugin(options) {
 */
 function createPluginContext(defaultNamespace, factory, config) {
 	function createXContext(_options = {}) {
-		const { namespace = defaultNamespace, ...options } = _options;
+		const { namespace = defaultNamespace, persist: _persist, ...options } = _options;
 		const [_use, _provide] = createContext(namespace);
 		const context = factory(options);
 		function provide(_context = context, app) {
@@ -94,7 +100,7 @@ function createPluginContext(defaultNamespace, factory, config) {
 		return createTrinity(_use, provide, context);
 	}
 	function createXPlugin(_options = {}) {
-		const { namespace = defaultNamespace, ...options } = _options;
+		const { namespace = defaultNamespace, persist: shouldPersist, ...options } = _options;
 		const [, provide, context] = createXContext({
 			...options,
 			namespace
@@ -103,8 +109,24 @@ function createPluginContext(defaultNamespace, factory, config) {
 			namespace,
 			provide: (app) => {
 				provide(context, app);
+				if (shouldPersist && config?.restore) {
+					const storage = getPersistedStorage();
+					const key = deriveKey(namespace);
+					const saved = storage.get(key);
+					if (!/* @__PURE__ */ isNullOrUndefined(saved.value)) config.restore(context, saved.value);
+				}
 			},
-			setup: config?.setup ? (app) => config.setup(context, app, options) : void 0
+			setup: config?.setup || shouldPersist ? (app) => {
+				config?.setup?.(context, app, options);
+				if (shouldPersist && config?.persist) {
+					const storage = getPersistedStorage();
+					const key = deriveKey(namespace);
+					const stored = storage.get(key);
+					watch(() => config.persist(context), (val) => {
+						stored.value = val;
+					});
+				}
+			} : void 0
 		});
 	}
 	function useX(namespace = defaultNamespace) {

package/dist/{usePermissions-DmaYLhw5.mjs → usePermissions-5g7JSb3-.mjs}

@@ -1,5 +1,5 @@
-import { o as createPluginContext } from "./useLogger-C3crtWEd.mjs";
-import { t as createTokens } from "./createTokens-CpapxkYX.mjs";
+import { o as createPluginContext } from "./useLogger-B3ijAgn0.mjs";
+import { t as createTokens } from "./createTokens-Ckczb95n.mjs";
 import { t as toArray } from "./toArray-VdROPpy-.mjs";
 import { t as Vuetify0PermissionAdapter } from "./v0-B1QQGE4O.mjs";
 //#region src/composables/usePermissions/index.ts

package/dist/{useRules-Dkj_-0ay.mjs → useRules-BnQZP8n2.mjs}

@@ -1,6 +1,6 @@
 import { instanceExists, isFunction, isObject } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-C3crtWEd.mjs";
-import { a as useLocale } from "./useLocale-D3btFSZv.mjs";
+import { o as createPluginContext } from "./useLogger-B3ijAgn0.mjs";
+import { a as useLocale } from "./useLocale-BNecStw9.mjs";
 //#region src/composables/useRules/adapters/standard.ts
 /**
 * Type guard for Standard Schema objects.

package/dist/{useTheme-MJA1p7YK.mjs → useTheme-CKcE6z3t.mjs}

@@ -1,8 +1,8 @@
 import { foreground } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-C3crtWEd.mjs";
-import { r as flatten, t as createTokens } from "./createTokens-CpapxkYX.mjs";
-import { t as createSingle } from "./createSingle-BBwE5j_k.mjs";
-import { t as Vuetify0ThemeAdapter } from "./v0-pzmWhctY.mjs";
+import { o as createPluginContext } from "./useLogger-B3ijAgn0.mjs";
+import { r as flatten, t as createTokens } from "./createTokens-Ckczb95n.mjs";
+import { t as createSingle } from "./createSingle-Dh2gp4kv.mjs";
+import { t as V0StyleSheetThemeAdapter } from "./v0-3e8B6fd8.mjs";
 import { computed, shallowRef, toRef } from "vue";
 //#region src/composables/useTheme/index.ts
 /**
@@ -76,8 +76,9 @@ function createTheme(_options = {}) {
 	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 !== registry.selectedId.value) continue;
+			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}`;
@@ -134,10 +135,12 @@ function createThemeFallback() {
 }
 const [createThemeContext, createThemePlugin, useTheme] = createPluginContext("v0:theme", (options) => createTheme(options), {
 	fallback: () => createThemeFallback(),
-	setup: (context, app, { adapter = new Vuetify0ThemeAdapter(), target, rgb }) => {
+	setup: (context, app, { adapter = new V0StyleSheetThemeAdapter(), target, rgb }) => {
 		if (rgb) adapter.rgb = true;
 		adapter.setup(app, context, target);
-	}
+	},
+	persist: (ctx) => ctx.selectedId.value,
+	restore: (ctx, saved) => ctx.select(saved)
 });
 //#endregion
 export { useTheme as i, createThemeContext as n, createThemePlugin as r, createTheme as t };

package/dist/utilities/index.d.mts

@@ -1,2 +1,2 @@
-import { C as hexToRgb, S as RGB, _ as mergeDeep, a as isBoolean, b as apca, c as isNaN, d as isNumber, f as isObject, g as isUndefined, h as isSymbol, i as isArray, l as isNull, m as isString, n as instanceName, o as isElement, p as isPrimitive, r as clamp, s as isFunction, t as instanceExists, u as isNullOrUndefined, v as range, w as rgbToHex, x as foreground, y as useId } from "../index-B_pScNDG.mjs";
+import { C as hexToRgb, S as RGB, _ as mergeDeep, a as isBoolean, b as apca, c as isNaN, d as isNumber, f as isObject, g as isUndefined, h as isSymbol, i as isArray, l as isNull, m as isString, n as instanceName, o as isElement, p as isPrimitive, r as clamp, s as isFunction, t as instanceExists, u as isNullOrUndefined, v as range, w as rgbToHex, x as foreground, y as useId } from "../index-A6Vo3pb6.mjs";
 export { RGB, apca, clamp, foreground, hexToRgb, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isString, isSymbol, isUndefined, mergeDeep, range, rgbToHex, useId };

package/dist/utilities/index.mjs

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "../globals-DCznFHqN.mjs";
+import { t as IN_BROWSER } from "../globals-B6VQTLVM.mjs";
 import * as Vue from "vue";
 import { useId as useId$1 } from "vue";
 //#region src/utilities/color.ts
@@ -379,6 +379,16 @@ function isSymbol(item) {
 function isNaN(item) {
 	return /* @__PURE__ */ isNumber(item) && Number.isNaN(item);
 }
+const UNSAFE_KEYS = new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+function isPlainObject(value) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === Object.prototype || proto === null;
+}
 /**
 * Deeply merges source objects into a target object, returning a new object
 *
@@ -406,16 +416,6 @@ function isNaN(item) {
 * mergeDeep({ arr: [1, 2] }, { arr: [3] }) // { arr: [3] }
 * ```
 */
-const UNSAFE_KEYS = new Set([
-	"__proto__",
-	"constructor",
-	"prototype"
-]);
-function isPlainObject(value) {
-	if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
-	const proto = Object.getPrototypeOf(value);
-	return proto === Object.prototype || proto === null;
-}
 /* @__NO_SIDE_EFFECTS__ */
 function mergeDeep(target, ...sources) {
 	const out = {};

package/dist/{v0-pzmWhctY.mjs → v0-3e8B6fd8.mjs}

@@ -1,38 +1,13 @@
-import { t as IN_BROWSER } from "./globals-DCznFHqN.mjs";
-import { hexToRgb, isNull, isString, isUndefined } from "./utilities/index.mjs";
+import { t as IN_BROWSER } from "./globals-B6VQTLVM.mjs";
+import { isNull, isString } from "./utilities/index.mjs";
+import { t as ThemeAdapter } from "./adapter-Drq1v5wV.mjs";
 import { onScopeDispose, watch } from "vue";
-//#region src/composables/useTheme/adapters/adapter.ts
-var ThemeAdapter = class {
-	stylesheetId = "v0-theme-stylesheet";
-	prefix;
-	rgb = false;
-	constructor(prefix) {
-		this.prefix = prefix;
-	}
-	generate(colors, isDark) {
-		let css = "";
-		for (const theme in colors) {
-			const themeColors = colors[theme];
-			if (!themeColors) continue;
-			const vars = Object.entries(themeColors).map(([key, val]) => `  --${this.prefix}-${key}: ${this.rgb ? this.decompose(val) : val};`).join("\n");
-			css += `[data-theme="${theme}"] {\n${vars}\n}\n`;
-		}
-		if (!/* @__PURE__ */ isUndefined(isDark)) css += `:root {\n  color-scheme: ${isDark ? "dark" : "light"};\n}\n`;
-		return css;
-	}
-	decompose(hex) {
-		const { r, g, b, a } = hexToRgb(hex);
-		return /* @__PURE__ */ isUndefined(a) ? `${r}, ${g}, ${b}` : `${r}, ${g}, ${b}, ${a}`;
-	}
-};
-//#endregion
 //#region src/composables/useTheme/adapters/v0.ts
 /**
-* Theme adapter implementation for Vuetify v0 design system.
-* This adapter generates CSS custom properties and injects them into the DOM
-* as a stylesheet, allowing themes to be applied globally.
+* Theme adapter that injects CSS custom properties via adoptedStyleSheets.
+* Best for SPAs where SSR hydration is not a concern.
 */
-var Vuetify0ThemeAdapter = class extends ThemeAdapter {
+var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 	cspNonce;
 	sheet;
 	constructor(options = {}) {
@@ -82,4 +57,4 @@ var Vuetify0ThemeAdapter = class extends ThemeAdapter {
 	}
 };
 //#endregion
-export { ThemeAdapter as n, Vuetify0ThemeAdapter as t };
+export { V0StyleSheetThemeAdapter as t };

package/dist/{v0-B6ILFiMN.d.mts → v0-BRnEUnx1.d.mts}

@@ -1,5 +1,5 @@
-import { o as ID } from "./index-Dor6eAEc.mjs";
-import { en as PermissionContext, in as PermissionTicket, ln as PermissionAdapter } from "./index-CBER-Sxt.mjs";
+import { o as ID } from "./index-D7Yh-7yN.mjs";
+import { $t as PermissionTicket, Yt as PermissionContext, in as PermissionAdapter } from "./index-BAix61Ke.mjs";
 
 //#region src/composables/usePermissions/adapters/v0.d.ts
 declare class Vuetify0PermissionAdapter extends PermissionAdapter {

package/dist/{v0-CQ2qHo5-.d.mts → v0-B_8xEDpf.d.mts}

@@ -1,4 +1,4 @@
-import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DvT8lTup.mjs";
+import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DIZk5xrU.mjs";
 
 //#region src/composables/createDataTable/adapters/v0.d.ts
 declare class ClientAdapter<T extends Record<string, unknown>> extends DataTableAdapter<T> {

package/dist/{v0-JPf99NKg.d.mts → v0-C3cGdshz.d.mts}

@@ -1,4 +1,4 @@
-import { t as LoggerAdapter } from "./adapter-CJQav2JB.mjs";
+import { t as LoggerAdapter } from "./adapter-CST7kApg.mjs";
 
 //#region src/composables/useLogger/adapters/v0.d.ts
 /**

package/dist/{v0-2IcFDTW5.mjs → v0-C64RQgkl.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-DCznFHqN.mjs";
+import { t as IN_BROWSER } from "./globals-B6VQTLVM.mjs";
 import { isFunction } from "./utilities/index.mjs";
 //#region src/composables/useLogger/adapters/v0.ts
 /**

package/dist/{v0-CB-GCB-s.mjs → v0-Dab-mQua.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-DCznFHqN.mjs";
+import { t as IN_BROWSER } from "./globals-B6VQTLVM.mjs";
 import { isObject, isString, isUndefined } from "./utilities/index.mjs";
 //#region src/composables/useLocale/adapters/v0.ts
 /**

package/dist/{v0-3zDdS4II.d.mts → v0-WOPq3YTM.d.mts}

@@ -1,4 +1,4 @@
-import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-D3dUnE__.mjs";
+import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-MT5TiIjj.mjs";
 
 //#region src/composables/useLocale/adapters/v0.d.ts
 /**

package/dist/{virtual-Dg0Cm5Hn.d.mts → virtual-By1prSSj.d.mts}

@@ -1,4 +1,4 @@
-import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DvT8lTup.mjs";
+import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DIZk5xrU.mjs";
 
 //#region src/composables/createDataTable/adapters/virtual.d.ts
 declare class VirtualAdapter<T extends Record<string, unknown>> extends DataTableAdapter<T> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/v0",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "A meta UI framework for building applications, component libraries, and design systems with Vue 3",
   "license": "MIT",
   "types": "./dist/index.d.mts",
@@ -114,6 +114,7 @@
     "./storage/adapters/memory": "./dist/storage/adapters/memory/index.mjs",
     "./theme": "./dist/theme/index.mjs",
     "./theme/adapters": "./dist/theme/adapters/index.mjs",
+    "./theme/adapters/unhead": "./dist/theme/adapters/unhead/index.mjs",
     "./theme/adapters/v0": "./dist/theme/adapters/v0/index.mjs",
     "./types": "./dist/types/index.mjs",
     "./utilities": "./dist/utilities/index.mjs",