@vuetify/v0 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/{useRovingFocus-4F5-mWO7.mjs → useRovingFocus-u7uhPx2H.mjs}

@@ -1,16 +1,16 @@
-import { a as SUPPORTS_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
+import { a as SUPPORTS_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, t as IN_BROWSER } from "./globals-B0pQgO4u.mjs";
 import { clamp, instanceExists, isArray, isElement, isFunction, isNull, isNullOrUndefined, isObject, isString, isUndefined, range, resolveIds, resolveIndexes, useId as useId$1 } from "./utilities/index.mjs";
 import { i as useContext, t as createTrinity } from "./createTrinity-z-3q9QWR.mjs";
-import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-BEG9pAe8.mjs";
-import { t as createRegistry } from "./createRegistry-Ve2QNpZv.mjs";
-import { i as createModel, t as createSelection } from "./createSelection-CT2UG109.mjs";
-import { t as createSingle } from "./createSingle-DTI4qvUd.mjs";
+import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-D7Fqcp_l.mjs";
+import { t as createRegistry } from "./createRegistry-CRsG7t_g.mjs";
+import { i as createModel, t as createSelection } from "./createSelection-DuaoHPSc.mjs";
+import { t as createSingle } from "./createSingle-CiKU87Hj.mjs";
 import { t as toArray } from "./toArray-C89ZaEuF.mjs";
-import { n as useEventListener, r as useWindowEventListener, t as useDocumentEventListener } from "./useEventListener-BuETafFi.mjs";
-import { t as createGroup } from "./createGroup-vfCXVfYV.mjs";
-import { c as useTimer } from "./useNotifications-BrZooK2S.mjs";
+import { n as useEventListener, r as useWindowEventListener, t as useDocumentEventListener } from "./useEventListener-D1ETqQMm.mjs";
+import { t as createGroup } from "./createGroup-CBsJPLpN.mjs";
+import { c as useTimer } from "./useNotifications-DMHmr9C1.mjs";
 import { i as createFilter } from "./createPagination-B5dfqY-a.mjs";
-import { a as useRules, o as isStandardSchema } from "./useRules-B3vAa7tc.mjs";
+import { a as useRules, o as isStandardSchema } from "./useRules-ByuxbMsA.mjs";
 import { computed, effectScope, hasInjectionContext, isReadonly, isRef, nextTick, onMounted, onScopeDispose, ref, shallowReactive, shallowReadonly, shallowRef, toRef, toValue, watch } from "vue";
 //#region src/composables/useClickOutside/index.ts
 /**
@@ -192,6 +192,19 @@ function useClickOutside(target, handler, options = {}) {
 		});
 	}
 	/**
+	* Check if the event target is a strict descendant of any target element.
+	*
+	* @remarks Used by bounds mode so content rendered *inside* the element but
+	* positioned outside its box (e.g. a top-layer overlay teleported into a
+	* native `<dialog>`) is not treated as an outside click. A backdrop click has
+	* `target === el`, so it is not a strict descendant and still counts as outside.
+	*/
+	function isDescendant(eventTarget) {
+		/* v8 ignore next -- defensive guard, callers always pass an Element */
+		if (!(eventTarget instanceof Node)) return false;
+		return getTargets().some((el) => el !== eventTarget && el.contains(eventTarget));
+	}
+	/**
 	* Validate that the target is still in the DOM.
 	*/
 	function isValidTarget(eventTarget) {
@@ -231,7 +244,7 @@ function useClickOutside(target, handler, options = {}) {
 			const dy = Math.abs(event.clientY - startPosition.y);
 			if (dx >= touchScrollThreshold || dy >= touchScrollThreshold) return;
 		}
-		if ((bounds ? startedOutsideBounds && isOutsideBounds(event.clientX, event.clientY) : isOutside(pointerdownTarget) && isOutside(pointerupTarget)) && !shouldIgnore(path)) handler(event);
+		if ((bounds ? startedOutsideBounds && isOutsideBounds(event.clientX, event.clientY) && !isDescendant(pointerdownTarget) && !isDescendant(pointerupTarget) : isOutside(pointerdownTarget) && isOutside(pointerupTarget)) && !shouldIgnore(path)) handler(event);
 	}
 	/**
 	* Handle window blur - detect focus moving to iframe.
@@ -288,6 +301,63 @@ function useClickOutside(target, handler, options = {}) {
 	};
 }
 //#endregion
+//#region src/composables/toElement/index.ts
+/**
+* @module toElement
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-element
+*
+* @remarks
+* Resolves various element reference types to a DOM Element.
+*
+* Accepts refs, getters, raw DOM elements, or Vue component instances
+* and normalizes them to a plain Element. Uses structural typing to
+* avoid cross-version Vue Ref incompatibilities.
+*
+* @example
+* ```ts
+* import { shallowRef } from 'vue'
+* import { toElement } from '@vuetify/v0'
+*
+* const el = shallowRef<HTMLElement | null>(null)
+* const resolved = toElement(el) // HTMLElement | undefined
+* ```
+*/
+/**
+* Resolves a {@link MaybeElementRef} to a DOM Element or undefined.
+*
+* Handles:
+* - `Ref<Element>`, `ShallowRef<HTMLElement>`, getter functions
+* - Vue component instances (extracts `$el`)
+* - Raw DOM elements (pass-through)
+* - null/undefined (returns undefined)
+*
+* @param target The element ref, getter, or raw value to resolve
+* @returns The resolved DOM Element, or undefined if not available
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-element
+*
+* @example
+* ```ts
+* import { toElement } from '@vuetify/v0'
+*
+* const el = shallowRef<HTMLElement | null>(null)
+* toElement(el) // HTMLElement | undefined
+*
+* const component = ref<ComponentPublicInstance>()
+* toElement(component) // Element | undefined (from $el)
+* ```
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function toElement(target) {
+	if (!target) return void 0;
+	if (/* @__PURE__ */ isElement(target)) return target;
+	const raw = /* @__PURE__ */ isFunction(target) ? target() : /* @__PURE__ */ isObject(target) && "value" in target ? target.value : target;
+	if (!raw) return void 0;
+	if (/* @__PURE__ */ isElement(raw)) return raw;
+	if (/* @__PURE__ */ isObject(raw) && "$el" in raw) return raw.$el;
+}
+//#endregion
 //#region src/composables/useStack/index.ts
 /**
 * @module useStack
@@ -345,7 +415,7 @@ function createStack(_options = {}) {
 		multiple: true
 	});
 	function selectedScrims() {
-		return Array.from(selection.selectedIds).map((id) => selection.get(id)).filter((ticket) => !!ticket && ticket.scrim !== false);
+		return Array.from(selection.selectedIds).map((id) => selection.get(id)).filter((ticket) => !!ticket && ticket.scrim.value !== false);
 	}
 	const isActive = toRef(() => selectedScrims().length > 0);
 	const top = toRef(() => selectedScrims().at(-1));
@@ -353,14 +423,22 @@ function createStack(_options = {}) {
 		const ticket = top.value;
 		return ticket ? ticket.zIndex.value - 1 : 0;
 	});
-	const isBlocking = toRef(() => top.value?.blocking ?? false);
+	const isBlocking = toRef(() => toValue(top.value?.blocking) ?? false);
+	const topElement = toRef(() => {
+		const scrims = selectedScrims();
+		for (let i = scrims.length - 1; i >= 0; i--) {
+			const el = /* @__PURE__ */ toElement(toValue(scrims[i].el));
+			if (el) return el;
+		}
+		return null;
+	});
 	function ids() {
 		return Array.from(selection.selectedIds);
 	}
 	function register(input = {}) {
 		const id = input.id ?? /* @__PURE__ */ useId$1();
-		const blocking = input.blocking ?? false;
-		const scrim = input.scrim ?? true;
+		const blocking = toRef(() => toValue(input.blocking) ?? false);
+		const scrim = toRef(() => toValue(input.scrim) ?? true);
 		const onDismiss = input.onDismiss;
 		const zIndex = toRef(() => {
 			const position = ids().indexOf(id);
@@ -373,18 +451,18 @@ function createStack(_options = {}) {
 			return list.at(-1) === id;
 		});
 		function dismiss() {
-			if (blocking) return;
+			if (blocking.value) return;
 			onDismiss?.();
 			selection.unselect(id);
 		}
 		const ticket = selection.register({
+			...input,
 			blocking,
 			scrim,
 			onDismiss,
 			zIndex,
 			globalTop,
 			dismiss,
-			...input,
 			id
 		});
 		if (/* @__PURE__ */ instanceExists()) onScopeDispose(() => {
@@ -399,6 +477,7 @@ function createStack(_options = {}) {
 		top,
 		scrimZIndex,
 		isBlocking,
+		topElement,
 		get size() {
 			return selection.size;
 		}
@@ -465,6 +544,7 @@ function createStackPlugin(_options = {}) {
 }
 let fallbackStack;
 function getStackFallback() {
+	if (!IN_BROWSER) return createStack();
 	if (!fallbackStack) fallbackStack = createStack();
 	return fallbackStack;
 }
@@ -731,63 +811,6 @@ const [createHydrationContext, createHydrationPlugin, useHydration] = createPlug
 	}
 });
 //#endregion
-//#region src/composables/toElement/index.ts
-/**
-* @module toElement
-*
-* @see https://0.vuetifyjs.com/composables/transformers/to-element
-*
-* @remarks
-* Resolves various element reference types to a DOM Element.
-*
-* Accepts refs, getters, raw DOM elements, or Vue component instances
-* and normalizes them to a plain Element. Uses structural typing to
-* avoid cross-version Vue Ref incompatibilities.
-*
-* @example
-* ```ts
-* import { shallowRef } from 'vue'
-* import { toElement } from '@vuetify/v0'
-*
-* const el = shallowRef<HTMLElement | null>(null)
-* const resolved = toElement(el) // HTMLElement | undefined
-* ```
-*/
-/**
-* Resolves a {@link MaybeElementRef} to a DOM Element or undefined.
-*
-* Handles:
-* - `Ref<Element>`, `ShallowRef<HTMLElement>`, getter functions
-* - Vue component instances (extracts `$el`)
-* - Raw DOM elements (pass-through)
-* - null/undefined (returns undefined)
-*
-* @param target The element ref, getter, or raw value to resolve
-* @returns The resolved DOM Element, or undefined if not available
-*
-* @see https://0.vuetifyjs.com/composables/transformers/to-element
-*
-* @example
-* ```ts
-* import { toElement } from '@vuetify/v0'
-*
-* const el = shallowRef<HTMLElement | null>(null)
-* toElement(el) // HTMLElement | undefined
-*
-* const component = ref<ComponentPublicInstance>()
-* toElement(component) // Element | undefined (from $el)
-* ```
-*/
-/* @__NO_SIDE_EFFECTS__ */
-function toElement(target) {
-	if (!target) return void 0;
-	if (/* @__PURE__ */ isElement(target)) return target;
-	const raw = /* @__PURE__ */ isFunction(target) ? target() : /* @__PURE__ */ isObject(target) && "value" in target ? target.value : target;
-	if (!raw) return void 0;
-	if (/* @__PURE__ */ isElement(raw)) return raw;
-	if (/* @__PURE__ */ isObject(raw) && "$el" in raw) return raw.$el;
-}
-//#endregion
 //#region src/composables/createObserver/index.ts
 /**
 * @module createObserver
@@ -1991,6 +2014,7 @@ function useDelay(callback, options = {}) {
 function usePopover(options = {}) {
 	const { id: _id, positionArea = "bottom", positionTry = "most-width bottom", openDelay, closeDelay } = options;
 	const id = _id ?? /* @__PURE__ */ useId$1();
+	const anchor = `--${String(id).replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	const isOpen = options.isOpen ?? shallowRef(false);
 	const delay = useDelay((direction) => {
 		isOpen.value = direction;
@@ -2011,7 +2035,7 @@ function usePopover(options = {}) {
 	function cancel() {
 		delay.stop();
 	}
-	const anchorStyles = toRef(() => ({ anchorName: `--${id}` }));
+	const anchorStyles = toRef(() => ({ anchorName: anchor }));
 	const contentAttrs = toRef(() => ({
 		id,
 		popover: ""
@@ -2021,7 +2045,7 @@ function usePopover(options = {}) {
 		"margin": "unset",
 		"inset-area": positionArea,
 		"position-area": positionArea,
-		"position-anchor": `--${id}`,
+		"position-anchor": anchor,
 		"position-try-fallbacks": positionTry
 	}));
 	/* v8 ignore start -- browser popover API */
@@ -3445,16 +3469,17 @@ function createNumberField(options = {}) {
 		const result = Number(cleaned);
 		return Number.isNaN(result) ? null : result;
 	}
-	function commit() {
-		if (/* @__PURE__ */ isNull(value.value)) return;
-		if (!shouldClamp && (value.value < numeric.min || value.value > numeric.max)) {
+	function commit(next) {
+		const val = arguments.length === 0 ? value.value : next;
+		if (/* @__PURE__ */ isNull(val)) return;
+		if (!shouldClamp && (val < numeric.min || val > numeric.max)) {
 			if (numeric.step > 0 && Number.isFinite(numeric.min)) {
-				const steps = Math.round((value.value - numeric.min) / numeric.step);
+				const steps = Math.round((val - numeric.min) / numeric.step);
 				value.value = numeric.min + steps * numeric.step;
 			}
 			return;
 		}
-		value.value = numeric.snap(value.value);
+		value.value = numeric.snap(val);
 	}
 	return {
 		value,
@@ -4981,4 +5006,4 @@ function useRovingFocus(items, options = {}) {
 	};
 }
 //#endregion
-export { createHydrationContext as $, useCombobox as A, createBreadcrumbs as B, useIntersectionObserver as C, useLazy as D, useForm as E, useDelay as F, createOverflowContext as G, useBreadcrumbs as H, createStep as I, useResizeObserver as J, useOverflow as K, createStepContext as L, ComboboxAdapter as M, useVirtualFocus as N, createCombobox as O, usePopover as P, createHydration as Q, useStep as R, useElementIntersection as S, createFormContext as T, useImage as U, createBreadcrumbsContext as V, createOverflow as W, toElement as X, createObserver as Y, createFallbackHydration as Z, useRaf as _, createTooltipContext as a, createStackPlugin as at, createInput as b, useTooltip as c, createRatingContext as d, createHydrationPlugin as et, useRating as f, usePresence as g, useProgress as h, useNested as i, createStackContext as it, ClientComboboxAdapter as j, createComboboxContext as k, createSlider as l, createProgressContext as m, createNested as n, useToggleScope as nt, createTooltipFallback as o, useStack as ot, createProgress as p, useElementSize as q, createNestedContext as r, createStack as rt, createTooltipPlugin as s, useClickOutside as st, useRovingFocus as t, useHydration as tt, createRating as u, createNumberField as v, createForm as w, createValidation as x, createNumeric as y, useProxyModel as z };
+export { createHydrationPlugin as $, useCombobox as A, createBreadcrumbs as B, useIntersectionObserver as C, useLazy as D, useForm as E, useDelay as F, createOverflowContext as G, useBreadcrumbs as H, createStep as I, useResizeObserver as J, useOverflow as K, createStepContext as L, ComboboxAdapter as M, useVirtualFocus as N, createCombobox as O, usePopover as P, createHydrationContext as Q, useStep as R, useElementIntersection as S, createFormContext as T, useImage as U, createBreadcrumbsContext as V, createOverflow as W, createFallbackHydration as X, createObserver as Y, createHydration as Z, useRaf as _, createTooltipContext as a, useStack as at, createInput as b, useTooltip as c, createRatingContext as d, useHydration as et, useRating as f, usePresence as g, useProgress as h, useNested as i, createStackPlugin as it, ClientComboboxAdapter as j, createComboboxContext as k, createSlider as l, createProgressContext as m, createNested as n, createStack as nt, createTooltipFallback as o, toElement as ot, createProgress as p, useElementSize as q, createNestedContext as r, createStackContext as rt, createTooltipPlugin as s, useClickOutside as st, useRovingFocus as t, useToggleScope as tt, createRating as u, createNumberField as v, createForm as w, createValidation as x, createNumeric as y, useProxyModel as z };

package/dist/{useRules-B3vAa7tc.mjs → useRules-ByuxbMsA.mjs}

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

package/dist/{useStorage-lqTLed0e.mjs → useStorage-Fy5tWYkG.mjs}

@@ -1,7 +1,7 @@
-import { t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
+import { t as IN_BROWSER } from "./globals-B0pQgO4u.mjs";
 import { isArray, isNullOrUndefined, isObject } from "./utilities/index.mjs";
-import { i as useLogger, o as createPluginContext } from "./useLogger-BEG9pAe8.mjs";
-import { r as useWindowEventListener } from "./useEventListener-BuETafFi.mjs";
+import { i as useLogger, o as createPluginContext } from "./useLogger-D7Fqcp_l.mjs";
+import { r as useWindowEventListener } from "./useEventListener-D1ETqQMm.mjs";
 import { t as MemoryStorageAdapter } from "./memory-BJjkQzxs.mjs";
 import { ref, watch } from "vue";
 //#region src/composables/useStorage/index.ts

package/dist/{useTheme-BGmROwu-.mjs → useTheme-DrR7HoLL.mjs}

@@ -1,8 +1,8 @@
 import { foreground } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-BEG9pAe8.mjs";
-import { t as createSingle } from "./createSingle-DTI4qvUd.mjs";
-import { r as flatten, t as createTokens } from "./createTokens-C5bl_n6G.mjs";
-import { t as V0StyleSheetThemeAdapter } from "./v0-UJs1EiJ7.mjs";
+import { o as createPluginContext } from "./useLogger-D7Fqcp_l.mjs";
+import { t as createSingle } from "./createSingle-CiKU87Hj.mjs";
+import { r as flatten, t as createTokens } from "./createTokens-4BZfgv9F.mjs";
+import { t as V0StyleSheetThemeAdapter } from "./v0-BXjZknUK.mjs";
 import { computed, shallowRef, toRef } from "vue";
 //#region src/composables/useTheme/index.ts
 /**

package/dist/utilities/index.d.mts

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

package/dist/utilities/index.mjs

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "../globals-D78-6Zqq.mjs";
+import { t as IN_BROWSER } from "../globals-B0pQgO4u.mjs";
 import * as Vue from "vue";
 import { useId as useId$1 } from "vue";
 //#region src/utilities/color.ts
@@ -448,12 +448,12 @@ function isPlainObject(value) {
 /* @__NO_SIDE_EFFECTS__ */
 function mergeDeep(target, ...sources) {
 	const out = {};
-	for (const key in target) if (Object.prototype.hasOwnProperty.call(target, key)) out[key] = target[key];
+	for (const key in target) if (Object.hasOwn(target, key)) out[key] = target[key];
 	for (const source of sources) {
 		if (!/* @__PURE__ */ isObject(source)) continue;
 		for (const key in source) {
 			if (UNSAFE_KEYS.has(key)) continue;
-			if (!Object.prototype.hasOwnProperty.call(source, key)) continue;
+			if (!Object.hasOwn(source, key)) continue;
 			const sourceValue = source[key];
 			if (/* @__PURE__ */ isUndefined(sourceValue)) continue;
 			const targetValue = out[key];
@@ -620,6 +620,7 @@ var V0Error = class extends Error {
 	seed;
 	variant;
 	adapter;
+	prefix;
 	constructor(message, details) {
 		const { cause, ...rest } = details;
 		super(message, /* @__PURE__ */ isUndefined(cause) ? void 0 : { cause });

package/dist/{v0-4a_MJXIm.mjs → v0-BDdBMbzN.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
+import { t as IN_BROWSER } from "./globals-B0pQgO4u.mjs";
 import { isFunction } from "./utilities/index.mjs";
 import { t as LoggerAdapter } from "./adapter-Chznb9Ju.mjs";
 //#region src/composables/useLogger/adapters/v0.ts

package/dist/{v0-UJs1EiJ7.mjs → v0-BXjZknUK.mjs}

@@ -1,6 +1,6 @@
-import { t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
+import { t as IN_BROWSER } from "./globals-B0pQgO4u.mjs";
 import { isNull, isString } from "./utilities/index.mjs";
-import { t as ThemeAdapter } from "./adapter-Cj7vxEdB.mjs";
+import { t as ThemeAdapter } from "./adapter-CJY6aQIS.mjs";
 import { watch } from "vue";
 //#region src/composables/useTheme/adapters/v0.ts
 /**
@@ -22,12 +22,18 @@ var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 				this.update(colors, isDark);
 			});
 			if (/* @__PURE__ */ isNull(target)) {
-				this.dispose = stopWatch;
+				this.dispose = () => {
+					stopWatch();
+					this.detach();
+				};
 				return;
 			}
 			const targetEl = target instanceof HTMLElement ? target : /* @__PURE__ */ isString(target) ? document.querySelector(target) : app._container || document.querySelector("#app") || document.body;
 			if (!targetEl) {
-				this.dispose = stopWatch;
+				this.dispose = () => {
+					stopWatch();
+					this.detach();
+				};
 				return;
 			}
 			if (context.selectedId.value) targetEl.dataset.theme = String(context.selectedId.value);
@@ -38,6 +44,7 @@ var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 			this.dispose = () => {
 				stopWatch();
 				stopTheme();
+				this.detach();
 			};
 		} else {
 			const head = app._context?.provides?.usehead ?? app._context?.provides?.head;
@@ -47,7 +54,8 @@ var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 					htmlAttrs: { "data-theme": id ? String(id) : "" },
 					style: [{
 						innerHTML: this.generate(context.colors.value, context.isDark.value),
-						id: this.stylesheetId
+						id: this.stylesheetId,
+						...this.cspNonce ? { nonce: this.cspNonce } : {}
 					}]
 				});
 				if (entry?.dispose) this.dispose = entry.dispose;
@@ -66,6 +74,11 @@ var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 		}
 		this.sheet.replaceSync(styles);
 	}
+	detach() {
+		if (!IN_BROWSER) return;
+		document.adoptedStyleSheets = document.adoptedStyleSheets.filter((s) => s !== this.sheet);
+		this.sheet = void 0;
+	}
 };
 //#endregion
 export { V0StyleSheetThemeAdapter as t };

package/dist/{v0-D7NA38Vu.d.mts → v0-Cf5DZ4lw.d.mts}

@@ -1,4 +1,4 @@
-import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-D2ABPTpo.mjs";
+import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-BI-oyZCe.mjs";
 
 //#region src/composables/useLocale/adapters/v0.d.ts
 /**
@@ -11,7 +11,9 @@ declare class V0LocaleAdapter extends LocaleAdapter {
   private context;
   constructor(context: LocaleAdapterContext);
   t(key: string, ...params: unknown[]): string;
+  ti(key: string, ...params: unknown[]): string | undefined;
   n(value: number): string;
+  private lookup;
   private resolve;
   private interpolate;
 }

package/dist/{v0-B08xQqj6.mjs → v0-DwKPTLJv.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
+import { t as IN_BROWSER } from "./globals-B0pQgO4u.mjs";
 import { isObject, isString, isUndefined } from "./utilities/index.mjs";
 import { t as LocaleAdapter } from "./adapter-bwZo7b5p.mjs";
 //#region src/composables/useLocale/adapters/v0.ts
@@ -15,21 +15,27 @@ var V0LocaleAdapter = class extends LocaleAdapter {
 		this.context = context;
 	}
 	t(key, ...params) {
-		const locale = this.context.selectedId.value;
-		if (!locale) return this.interpolate(key, params);
-		const message = this.context.tokens.get(`${locale}.${key}`)?.value;
-		if (/* @__PURE__ */ isString(message)) return this.interpolate(this.resolve(locale, message), params);
-		if (this.context.fallbackLocale) {
-			const fbMessage = this.context.tokens.get(`${this.context.fallbackLocale}.${key}`)?.value;
-			if (/* @__PURE__ */ isString(fbMessage)) return this.interpolate(this.resolve(this.context.fallbackLocale, fbMessage), params);
-		}
-		return this.interpolate(key, params);
+		const found = this.lookup(key, params);
+		return /* @__PURE__ */ isUndefined(found) ? this.interpolate(key, params) : found;
+	}
+	ti(key, ...params) {
+		return this.lookup(key, params);
 	}
 	n(value) {
 		const locale = this.context.selectedId.value;
 		if (!IN_BROWSER || !locale) return value.toString();
 		return new Intl.NumberFormat(String(locale)).format(value);
 	}
+	lookup(key, params) {
+		const locale = this.context.selectedId.value;
+		if (!locale) return void 0;
+		const message = this.context.tokens.get(`${locale}.${key}`)?.value;
+		if (/* @__PURE__ */ isString(message)) return this.interpolate(this.resolve(locale, message), params);
+		if (this.context.fallbackLocale) {
+			const fb = this.context.tokens.get(`${this.context.fallbackLocale}.${key}`)?.value;
+			if (/* @__PURE__ */ isString(fb)) return this.interpolate(this.resolve(this.context.fallbackLocale, fb), params);
+		}
+	}
 	resolve(locale, str, visited = /* @__PURE__ */ new Set()) {
 		return str.replace(/{([a-zA-Z0-9.\-_]+)}/g, (match, key) => {
 			const [prefix, ...rest] = key.split(".");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/v0",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "description": "A meta UI framework for building applications, component libraries, and design systems with Vue 3",
   "license": "MIT",
   "funding": [
@@ -73,7 +73,6 @@
     "launchdarkly-js-client-sdk": "^3.9.1",
     "posthog-js": "^1.372.6",
     "tsdown": "^0.21.10",
-    "tsx": "4.21.0",
     "typescript": "6.0.3",
     "unplugin-vue": "^7.2.0",
     "vue": "3.5.33",
@@ -105,6 +104,7 @@
     "./locale/adapters": "./dist/locale/adapters/index.mjs",
     "./locale/adapters/v0": "./dist/locale/adapters/v0/index.mjs",
     "./locale/adapters/vue-i18n": "./dist/locale/adapters/vue-i18n/index.mjs",
+    "./locale/messages/en": "./dist/locale/messages/en/index.mjs",
     "./logger": "./dist/logger/index.mjs",
     "./logger/adapters": "./dist/logger/adapters/index.mjs",
     "./logger/adapters/consola": "./dist/logger/adapters/consola/index.mjs",
@@ -140,8 +140,8 @@
   "scripts": {
     "build": "pnpm build:tsdown && pnpm build:web-types",
     "build:tsdown": "tsdown",
-    "build:web-types": "tsx scripts/generate-web-types.ts",
-    "generate:web-types": "tsx scripts/generate-web-types.ts",
+    "build:web-types": "node scripts/generate-web-types.ts",
+    "generate:web-types": "node scripts/generate-web-types.ts",
     "typecheck": "vue-tsc --noEmit --incremental"
   }
 }