@vuetify/v0 0.1.6 → 0.1.7

package/dist/{useClickOutside-Bm_3mbcT.mjs → useClickOutside-YOGwKo7v.mjs}

@@ -1,16 +1,16 @@
-import { a as SUPPORTS_OBSERVER, i as SUPPORTS_MUTATION_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, r as SUPPORTS_MATCH_MEDIA, t as IN_BROWSER } from "./globals-D6FBsWDI.mjs";
-import { a as isElement, c as isNull, d as isObject, g as mergeDeep, h as isUndefined, l as isNullOrUndefined, o as isFunction, p as isString, t as clamp, u as isNumber, v as useId$1, y as instanceExists } from "./utilities-CcJtp9Gx.mjs";
-import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-Cii8-B2r.mjs";
-import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-C8G5jgNk.mjs";
-import { i as createRegistry } from "./createTokens-Cu1efg9Z.mjs";
-import { i as createModel, t as createSelection } from "./createSelection-Zo4RQpYe.mjs";
-import { t as createSingle } from "./createSingle-BH9wNDrS.mjs";
-import { t as createGroup } from "./createGroup-CCb7Zfyw.mjs";
-import { t as toArray } from "./toArray-BBZH-G2X.mjs";
-import { a as useLocale } from "./useLocale-DJJmg-wv.mjs";
-import { t as MemoryAdapter } from "./memory-BsZGbGnG.mjs";
+import { a as SUPPORTS_OBSERVER, i as SUPPORTS_MUTATION_OBSERVER, n as SUPPORTS_INTERSECTION_OBSERVER, r as SUPPORTS_MATCH_MEDIA, t as IN_BROWSER } from "./globals-BqRH_jdr.mjs";
+import { clamp, instanceExists, isElement, isFunction, isNull, isNullOrUndefined, isNumber, isObject, isString, isUndefined, mergeDeep, useId as useId$1 } from "./utilities/index.mjs";
+import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-C_c8eedz.mjs";
+import { a as createPlugin, i as useLogger, o as createPluginContext } from "./useLogger-B70T4SgK.mjs";
+import { i as createRegistry } from "./createTokens-CMRBDlzN.mjs";
+import { i as createModel, t as createSelection } from "./createSelection-DvOR2tKk.mjs";
+import { t as createSingle } from "./createSingle-Bbcwcq4R.mjs";
+import { t as createGroup } from "./createGroup-Cf6lK9BR.mjs";
+import { t as toArray } from "./toArray-VdROPpy-.mjs";
+import { a as useLocale } from "./useLocale-C8I_fNAS.mjs";
+import { a as useRules, o as isStandardSchema, s as toRule } from "./useRules-7C92Xzyt.mjs";
+import { t as MemoryAdapter } from "./memory-XCMtkld1.mjs";
 import { computed, effectScope, isRef, nextTick, onScopeDispose, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, toRef, toValue, unref, watch, watchEffect } from "vue";
-
 //#region src/composables/createBreadcrumbs/index.ts
 /**
 * @module createBreadcrumbs
@@ -154,7 +154,6 @@ function createBreadcrumbsContext(_options = {}) {
 function useBreadcrumbs(namespace = "v0:breadcrumbs") {
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/useHydration/index.ts
 /**
@@ -244,7 +243,6 @@ const [createHydrationContext, createHydrationPlugin, useHydration] = createPlug
 		} });
 	}
 });
-
 //#endregion
 //#region src/composables/toElement/index.ts
 /**
@@ -279,7 +277,6 @@ function toElement(target) {
 	if (raw instanceof Element) return raw;
 	if ("$el" in raw) return raw.$el;
 }
-
 //#endregion
 //#region src/composables/createObserver/index.ts
 /**
@@ -365,7 +362,6 @@ function createObserver(target, userCallback, config) {
 		stop
 	};
 }
-
 //#endregion
 //#region src/composables/useResizeObserver/index.ts
 /**
@@ -503,7 +499,6 @@ function useElementSize(target) {
 		stop
 	};
 }
-
 //#endregion
 //#region src/composables/createOverflow/index.ts
 /**
@@ -696,7 +691,6 @@ function createOverflowContext(_options = {}) {
 function useOverflow(namespace = "v0:overflow") {
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/useProxyModel/index.ts
 /**
@@ -786,7 +780,6 @@ function useProxyModel(context, model, options) {
 	onScopeDispose(stop, true);
 	return stop;
 }
-
 //#endregion
 //#region src/composables/toReactive/index.ts
 /**
@@ -921,7 +914,6 @@ function toReactive(objectRef) {
 		}
 	}));
 }
-
 //#endregion
 //#region src/composables/useBreakpoints/index.ts
 /**
@@ -1128,7 +1120,6 @@ const [createBreakpointsContext, createBreakpointsPlugin, useBreakpoints] = crea
 		} });
 	}
 });
-
 //#endregion
 //#region src/composables/useDate/index.ts
 /**
@@ -1338,160 +1329,98 @@ function useDate(namespace = "v0:date") {
 	if (!instanceExists()) throw new Error("[v0] useDate() must be called inside a Vue component with createDatePlugin installed.\n\nExample:\n  import { Vuetify0DateAdapter } from '@vuetify/v0/date'\n  import { createDatePlugin } from '@vuetify/v0'\n\n  app.use(createDatePlugin({ adapter: new Vuetify0DateAdapter() }))");
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/createForm/index.ts
 /**
 * @module createForm
 *
 * @remarks
-* Form validation composable with async rule support and multiple validation modes.
+* Form composable that coordinates validation across multiple fields.
 *
 * Key features:
-* - Sync and async validation rules
-* - Multiple validation modes (submit, change, combined)
-* - Tri-state isValid (null/true/false)
-* - isPristine tracking
-* - Silent validation mode
-* - Form-level validation and reset
-*
-* Each field is registered with validation rules and tracks its own state independently.
+* - Pure registry of ValidationContext instances
+* - Validations auto-register via useForm() injection
+* - Form-level submit, reset, and aggregate state
+* - Exposes disabled/readonly refs for component consumption
+* - Trinity pattern for DI
+*
+* Per-field validation logic lives in createValidation.
+* createForm is the mothership — it coordinates, not creates.
 */
 /**
 * Creates a new form instance.
 *
+* A form is a pure registry of validation contexts. Validations register
+* themselves via `useForm()` injection. The form coordinates submit, reset,
+* and aggregate state across all registered validations.
+*
 * @param options The options for the form instance.
-* @template Z The type of the form ticket.
-* @template E The type of the form context.
-* @returns A new form instance.
+* @returns A new form context.
 *
 * @see https://0.vuetifyjs.com/composables/forms/create-form
 *
 * @example
 * ```ts
-* import { createForm } from '@vuetify/v0'
+* import { createForm, createValidation } from '@vuetify/v0'
 *
 * const form = createForm()
 *
-* const username = form.register({
-*   id: 'username',
+* // Validations register themselves — form is just the coordinator
+* const validation = createValidation()
+* const email = validation.register({
+*   id: 'email',
 *   value: '',
-*   rules: [(v) => v.length > 0 || 'Username is required'],
+*   rules: ['required', 'email'],
 * })
 *
-* await form.submit()
-*
-* console.log(username.errors.value) // ['Username is required']
+* form.register({ value: validation })
 *
+* await form.submit()
 * form.reset()
 * ```
 */
 function createForm(options) {
 	const registry = createRegistry(options);
-	const validateOn = options?.validateOn || "submit";
-	function parse(value) {
-		return value.toLowerCase().split(/\s+/);
-	}
+	const disabled = shallowRef(false);
+	const readonly = shallowRef(false);
+	if (!/* @__PURE__ */ isNullOrUndefined(options?.disabled)) disabled.value = toValue(options.disabled) ?? false;
+	if (!/* @__PURE__ */ isNullOrUndefined(options?.readonly)) readonly.value = toValue(options.readonly) ?? false;
 	const isValidating = computed(() => {
-		for (const ticket of registry.values()) if (ticket.isValidating.value) return true;
+		for (const ticket of registry.values()) if (ticket.value.isValidating.value) return true;
 		return false;
 	});
 	const isValid = computed(() => {
+		let hasNull = false;
 		let hasFields = false;
 		for (const ticket of registry.values()) {
 			hasFields = true;
-			if (ticket.isValid.value === false) return false;
-			if (/* @__PURE__ */ isNull(ticket.isValid.value)) return null;
+			if (ticket.value.isValid.value === false) return false;
+			if (/* @__PURE__ */ isNull(ticket.value.isValid.value)) hasNull = true;
 		}
-		return hasFields ? true : null;
+		if (!hasFields) return null;
+		return hasNull ? null : true;
 	});
-	function reset() {
-		for (const ticket of registry.values()) ticket.reset();
-	}
-	async function submit() {
-		return validate([...registry.keys()]);
-	}
-	async function validate(id) {
-		const validating = toArray(id);
-		return (await Promise.all(validating.map(async (id$1) => await registry.get(id$1)?.validate() ?? true))).every(Boolean);
-	}
 	function register(registration) {
-		const model = shallowRef(/* @__PURE__ */ isNullOrUndefined(registration.value) ? "" : toValue(registration.value));
-		const rules = registration.rules || [];
-		const errors = shallowRef([]);
-		const isValidating$1 = shallowRef(false);
-		const initialValue = model.value;
-		const triggers = registration.validateOn || validateOn;
-		const isPristine = shallowRef(true);
-		const isValid$1 = shallowRef(null);
-		function _validatesOn(event) {
-			return parse(triggers).includes(event);
-		}
-		function _reset() {
-			model.value = initialValue;
-			errors.value = [];
-			isPristine.value = true;
-			isValid$1.value = null;
-			isValidating$1.value = false;
-			validationGeneration++;
-		}
-		let validationGeneration = 0;
-		async function validate$1(silent = false) {
-			if (rules.length === 0) return isValid$1.value = true;
-			const generation = ++validationGeneration;
-			isValidating$1.value = true;
-			try {
-				const results = await Promise.all(rules.map((rule) => rule(model.value)));
-				if (generation !== validationGeneration) return isValid$1.value ?? false;
-				const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result));
-				if (!silent) {
-					errors.value = errorMessages;
-					isValid$1.value = errorMessages.length === 0;
-					isPristine.value = toValue(model) === initialValue;
-				}
-				return errorMessages.length === 0;
-			} finally {
-				if (generation === validationGeneration) isValidating$1.value = false;
-			}
-		}
-		const item = {
-			...registration,
-			rules,
-			errors,
-			disabled: registration.disabled || false,
-			validateOn: triggers,
-			isValidating: isValidating$1,
-			isPristine,
-			isValid: isValid$1,
-			reset: _reset,
-			validate: validate$1
-		};
-		const ticket = registry.register(item);
-		Object.defineProperty(ticket, "value", {
-			get() {
-				return model.value;
-			},
-			set(val) {
-				model.value = val;
-				isPristine.value = val === initialValue;
-				isValid$1.value = null;
-				if (_validatesOn("change")) validate$1();
-			},
-			enumerable: true,
-			configurable: true
-		});
-		return ticket;
+		return registry.register(registration);
 	}
-	function onboard(registrations) {
-		return registry.batch(() => registrations.map((r) => register(r)));
+	function reset() {
+		for (const ticket of registry.values()) for (const field of ticket.value.values()) field.reset();
+	}
+	async function submit(id) {
+		const ids = id ? toArray(id) : [...registry.keys()];
+		return (await Promise.all(ids.map(async (id) => {
+			const ticket = registry.get(id);
+			if (!ticket) return true;
+			return (await Promise.all([...ticket.value.values()].map((field) => field.validate()))).every(Boolean);
+		}))).every(Boolean);
 	}
 	return {
 		...registry,
 		register,
-		onboard,
-		reset,
 		submit,
-		validateOn,
+		reset,
+		disabled,
+		readonly,
 		isValid,
 		isValidating,
 		get size() {
@@ -1500,12 +1429,10 @@ function createForm(options) {
 	};
 }
 /**
-* Creates a new form context.
+* Creates a new form context using the Trinity pattern.
 *
 * @param options The options for the form context.
-* @template Z The type of the form ticket.
-* @template E The type of the form context.
-* @returns A new form context.
+* @returns A Trinity tuple: [useFormContext, provideFormContext, formContext]
 *
 * @see https://0.vuetifyjs.com/composables/forms/create-form
 *
@@ -1513,21 +1440,7 @@ function createForm(options) {
 * ```ts
 * import { createFormContext } from '@vuetify/v0'
 *
-* // With default namespace 'v0:form'
-* export const [useMyForm, provideMyForm, myForm] = createFormContext({ validateOn: 'change' })
-*
-* // Or with custom namespace
-* export const [useMyForm, provideMyForm, myForm] = createFormContext({
-*   namespace: 'my-form',
-*   validateOn: 'change',
-* })
-*
-* // In a parent component:
-* provideMyForm()
-*
-* // In a child component:
-* const form = useMyForm()
-* form.register({ id: 'field', value: ref(''), rules: [...] })
+* export const [useMyForm, provideMyForm, myForm] = createFormContext()
 * ```
 */
 function createFormContext(_options = {}) {
@@ -1543,7 +1456,7 @@ function createFormContext(_options = {}) {
 * Returns the current form instance.
 *
 * @param namespace The namespace for the form context. Defaults to `'v0:form'`.
-* @returns The current form instance.
+* @returns The current form instance, or undefined if not provided.
 *
 * @see https://0.vuetifyjs.com/composables/forms/create-form
 *
@@ -1554,18 +1467,15 @@ function createFormContext(_options = {}) {
 *
 *   const form = useForm()
 * <\/script>
-*
-* <template>
-*   <div>
-*     <p>Form is {{ form.isValid.value ? 'valid' : 'invalid' }}</p>
-*   </div>
-* </template>
 * ```
 */
 function useForm(namespace = "v0:form") {
-	return useContext(namespace);
+	try {
+		return useContext(namespace);
+	} catch {
+		return;
+	}
 }
-
 //#endregion
 //#region src/composables/useHotkey/aliases.ts
 /**
@@ -1597,7 +1507,6 @@ function normalizeKey(key) {
 	const lowerKey = key.toLowerCase();
 	return keyAliasMap[lowerKey] ?? lowerKey;
 }
-
 //#endregion
 //#region src/composables/useHotkey/parsing.ts
 const logger = useLogger();
@@ -1754,7 +1663,6 @@ function splitKeySequence(str) {
 	/* v8 ignore stop */
 	return collapsed;
 }
-
 //#endregion
 //#region src/composables/useHotkey/index.ts
 /**
@@ -1945,7 +1853,6 @@ function matchesKeyGroup(e, group, platformIsMac) {
 	if (/* @__PURE__ */ isUndefined(actualKey)) return modifiersMatch;
 	return modifiersMatch && e.key.toLowerCase() === actualKey.toLowerCase();
 }
-
 //#endregion
 //#region src/composables/useIntersectionObserver/index.ts
 /**
@@ -2104,7 +2011,6 @@ function useElementIntersection(target, options = {}) {
 		stop
 	};
 }
-
 //#endregion
 //#region src/composables/useLazy/index.ts
 /**
@@ -2189,7 +2095,6 @@ function useLazy(active, options = {}) {
 		onAfterLeave
 	};
 }
-
 //#endregion
 //#region src/composables/useMediaQuery/index.ts
 /**
@@ -2306,7 +2211,6 @@ function usePrefersReducedMotion() {
 function usePrefersContrast() {
 	return useMediaQuery("(prefers-contrast: more)");
 }
-
 //#endregion
 //#region src/composables/useMutationObserver/index.ts
 /**
@@ -2417,7 +2321,6 @@ function useMutationObserver(target, callback, options = {}) {
 		onceIncludesImmediate: true
 	});
 }
-
 //#endregion
 //#region src/composables/createNested/strategies.ts
 /**
@@ -2459,7 +2362,6 @@ const singleOpenStrategy = {
 	},
 	onClose: void 0
 };
-
 //#endregion
 //#region src/composables/createNested/index.ts
 /**
@@ -2526,7 +2428,7 @@ function createNested(_options = {}) {
 	const multipleOption = _options.multiple ?? true;
 	const resolvedOpenStrategy = openStrategy ?? resolveOpenStrategy(openMode);
 	const group = createGroup(options);
-	const logger$1 = useLogger();
+	const logger = useLogger();
 	const children = shallowReactive(/* @__PURE__ */ new Map());
 	const parents = shallowReactive(/* @__PURE__ */ new Map());
 	const openedIds = shallowReactive(/* @__PURE__ */ new Set());
@@ -2810,7 +2712,7 @@ function createNested(_options = {}) {
 		const id = registration.id ?? /* @__PURE__ */ useId$1();
 		const parentId = registration.parentId;
 		const nested = registration.children;
-		if (!/* @__PURE__ */ isUndefined(parentId) && !group.has(parentId)) logger$1.warn(`Parent with id "${parentId}" does not exist. Registering "${id}" without parent.`);
+		if (!/* @__PURE__ */ isUndefined(parentId) && !group.has(parentId)) logger.warn(`Parent with id "${parentId}" does not exist. Registering "${id}" without parent.`);
 		if (!/* @__PURE__ */ isUndefined(parentId) && group.has(parentId)) {
 			if (batching) {
 				pendingParents.set(id, parentId);
@@ -2869,9 +2771,9 @@ function createNested(_options = {}) {
 		if (!group.has(id)) return;
 		const parentId = parents.get(id);
 		if (!/* @__PURE__ */ isUndefined(parentId)) {
-			const siblings$1 = children.get(parentId);
-			if (siblings$1) {
-				const filtered = siblings$1.filter((sid) => sid !== id);
+			const siblings = children.get(parentId);
+			if (siblings) {
+				const filtered = siblings.filter((sid) => sid !== id);
 				if (filtered.length === 0) children.delete(parentId);
 				else children.set(parentId, filtered);
 			}
@@ -3029,7 +2931,6 @@ function createNestedContext(_options = {}) {
 function useNested(namespace = "v0:nested") {
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/createQueue/index.ts
 /**
@@ -3094,7 +2995,7 @@ function createQueue(_options = {}) {
 		}, ticket.timeout);
 		timeouts.set(ticket.id, timeout);
 	}
-	function clearTimeout$1(id) {
+	function clearTimeout(id) {
 		const timeout = timeouts.get(id);
 		if (timeout) {
 			globalThis.clearTimeout(timeout);
@@ -3119,7 +3020,7 @@ function createQueue(_options = {}) {
 		const ticket = /* @__PURE__ */ isUndefined(id) ? registry.seek("first") : registry.get(id);
 		if (!ticket) return void 0;
 		const wasFirst = ticket.index === 0;
-		clearTimeout$1(ticket.id);
+		clearTimeout(ticket.id);
 		registry.unregister(ticket.id);
 		if (wasFirst) resume();
 		return ticket;
@@ -3130,7 +3031,7 @@ function createQueue(_options = {}) {
 			const ticket = registry.get(id);
 			if (!ticket) continue;
 			if (ticket.index === 0) hadFirst = true;
-			clearTimeout$1(ticket.id);
+			clearTimeout(ticket.id);
 		}
 		registry.offboard(ids);
 		if (hadFirst) resume();
@@ -3138,7 +3039,7 @@ function createQueue(_options = {}) {
 	function pause() {
 		const ticket = registry.seek("first");
 		if (!ticket || ticket.isPaused) return void 0;
-		clearTimeout$1(ticket.id);
+		clearTimeout(ticket.id);
 		return registry.upsert(ticket.id, { isPaused: true });
 	}
 	function resume() {
@@ -3149,7 +3050,7 @@ function createQueue(_options = {}) {
 		return updated;
 	}
 	function clear() {
-		for (const id of timeouts.keys()) clearTimeout$1(id);
+		for (const id of timeouts.keys()) clearTimeout(id);
 		registry.clear();
 	}
 	function dispose() {
@@ -3223,7 +3124,70 @@ function createQueueContext(_options = {}) {
 function useQueue(namespace = "v0:queue") {
 	return useContext(namespace);
 }
-
+//#endregion
+//#region src/composables/useRtl/adapters/v0.ts
+var Vuetify0RtlAdapter = class {
+	setup(app, context, target) {
+		if (IN_BROWSER) {
+			if (/* @__PURE__ */ isNull(target)) return;
+			const targetEl = target instanceof HTMLElement ? target : /* @__PURE__ */ isString(target) ? document.querySelector(target) : document.documentElement;
+			if (!targetEl) return;
+			targetEl.dir = context.isRtl.value ? "rtl" : "ltr";
+			onScopeDispose(watch(context.isRtl, (value) => {
+				targetEl.dir = value ? "rtl" : "ltr";
+			}), true);
+		} else {
+			const head = app._context?.provides?.usehead ?? app._context?.provides?.head;
+			if (head?.push) head.push({ htmlAttrs: { dir: context.isRtl.value ? "rtl" : "ltr" } });
+		}
+	}
+};
+//#endregion
+//#region src/composables/useRtl/index.ts
+/**
+* @module useRtl
+*
+* @remarks
+* RTL (right-to-left) direction composable with adapter pattern.
+*
+* Key features:
+* - Reactive boolean direction state
+* - Plugin trinity pattern (createRtlContext, createRtlPlugin, useRtl)
+* - Adapter pattern for DOM integration (dir attribute)
+* - Subtree overrides via context provision
+*
+* Independent from useLocale — Vuetify connects them via adapter.
+*/
+/**
+* Creates a new RTL direction instance.
+*
+* @param options The options for the RTL instance.
+* @returns A new RTL context with reactive direction state.
+*
+* @see https://0.vuetifyjs.com/composables/plugins/use-rtl
+*/
+function createRtl(options = {}) {
+	const isRtl = shallowRef(options.default ?? false);
+	function toggle() {
+		isRtl.value = !isRtl.value;
+	}
+	return {
+		isRtl,
+		toggle
+	};
+}
+function createRtlFallback() {
+	return {
+		isRtl: shallowRef(false),
+		toggle: () => {}
+	};
+}
+const [createRtlContext, createRtlPlugin, useRtl] = createPluginContext("v0:rtl", (options) => createRtl(options), {
+	fallback: () => createRtlFallback(),
+	setup: (context, app, { adapter = new Vuetify0RtlAdapter(), target }) => {
+		adapter.setup(app, context, target);
+	}
+});
 //#endregion
 //#region src/composables/createSlider/index.ts
 /**
@@ -3300,7 +3264,7 @@ function createSlider(options = {}) {
 		events: true
 	});
 	const disabled = toRef(() => toValue(disabledProp));
-	const readonly$1 = toRef(() => toValue(readonlyProp));
+	const readonly = toRef(() => toValue(readonlyProp));
 	const orientation = toRef(() => toValue(orientationProp));
 	const inverted = toRef(() => toValue(invertedProp));
 	const extent = max - min;
@@ -3352,7 +3316,7 @@ function createSlider(options = {}) {
 		}
 	}
 	function set(index, value) {
-		if (readonly$1.value) return;
+		if (readonly.value) return;
 		const snapped = snap(value);
 		const current = values.value;
 		let constrained = snapped;
@@ -3391,7 +3355,7 @@ function createSlider(options = {}) {
 		minStepsBetweenThumbs,
 		crossover,
 		disabled,
-		readonly: readonly$1,
+		readonly,
 		orientation,
 		inverted,
 		register,
@@ -3408,7 +3372,6 @@ function createSlider(options = {}) {
 		}
 	};
 }
-
 //#endregion
 //#region src/composables/useStack/index.ts
 /**
@@ -3459,9 +3422,9 @@ function createStack(_options = {}) {
 	});
 	const isActive = toRef(() => selection.selectedIds.size > 0);
 	const top = toRef(() => {
-		const ids$1 = Array.from(selection.selectedIds);
-		if (ids$1.length === 0) return void 0;
-		return selection.get(ids$1.at(-1));
+		const ids = Array.from(selection.selectedIds);
+		if (ids.length === 0) return void 0;
+		return selection.get(ids.at(-1));
 	});
 	const scrimZIndex = toRef(() => {
 		const ticket = top.value;
@@ -3635,7 +3598,6 @@ function useStack(namespace = "v0:stack") {
 		return fallback;
 	}
 }
-
 //#endregion
 //#region src/composables/createStep/index.ts
 /**
@@ -3836,7 +3798,6 @@ function createStepContext(_options = {}) {
 function useStep(namespace = "v0:step") {
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/useStorage/index.ts
 /**
@@ -3894,7 +3855,7 @@ function createStorage(options = {}) {
 		if (!raw) return void 0;
 		try {
 			const parsed = serializer.read(raw);
-			if (ttl && parsed && typeof parsed === "object" && "__ttl" in parsed && "__v" in parsed) {
+			if (ttl && /* @__PURE__ */ isObject(parsed) && "__ttl" in parsed && "__v" in parsed) {
 				if (Date.now() - parsed.__t > ttl) {
 					adapter?.removeItem(prefixedKey);
 					return;
@@ -3959,7 +3920,7 @@ function createStorage(options = {}) {
 		const valueRef = cache.get(e.key);
 		if (!valueRef) return;
 		watchers.get(e.key)?.();
-		valueRef.value = e.newValue == null ? void 0 : readStored(e.key);
+		valueRef.value = /* @__PURE__ */ isNullOrUndefined(e.newValue) ? void 0 : readStored(e.key);
 		const stop = watch(valueRef, (newValue) => {
 			if (/* @__PURE__ */ isNullOrUndefined(newValue)) adapter?.removeItem(e.key);
 			else writeStored(e.key, newValue);
@@ -3978,7 +3939,6 @@ function createStorageFallback() {
 	return createStorage({ adapter: new MemoryAdapter() });
 }
 const [createStorageContext, createStoragePlugin, useStorage] = createPluginContext("v0:storage", (options) => createStorage(options), { fallback: () => createStorageFallback() });
-
 //#endregion
 //#region src/composables/createTimeline/index.ts
 /**
@@ -4127,7 +4087,159 @@ function createTimelineContext(_options = {}) {
 function useTimeline(namespace = "v0:timeline") {
 	return useContext(namespace);
 }
-
+//#endregion
+//#region src/composables/createValidation/index.ts
+/**
+* @module createValidation
+*
+* @remarks
+* Per-field validation lifecycle composable.
+*
+* Key features:
+* - Auto-register with parent form via useForm() injection
+* - Async rule support with generation-based race safety
+* - Silent validation mode
+* - Tri-state isValid (null/true/false)
+* - isPristine tracking
+*
+* Uses useRules() to resolve alias strings via shared context.
+*/
+/**
+* Resolves raw rule inputs to FormValidationRule[].
+* Uses the provided RulesContext if available, otherwise handles
+* functions and Standard Schema objects directly.
+*/
+function resolveRules(raw, context) {
+	if (context) return context.resolve(raw);
+	return raw.filter((r) => /* @__PURE__ */ isFunction(r) || isStandardSchema(r)).map((r) => isStandardSchema(r) ? toRule(r) : r);
+}
+/**
+* Creates a new validation instance.
+*
+* @param options The options for the validation instance.
+* @returns A new validation context with register(), aggregate state, etc.
+*
+* @see https://0.vuetifyjs.com/composables/forms/create-validation
+*
+* @example
+* ```ts
+* import { createValidation } from '@vuetify/v0'
+*
+* const validation = createValidation()
+*
+* const field = validation.register({
+*   id: 'email',
+*   value: '',
+*   rules: [(v) => !!v || 'Required'],
+* })
+*
+* await field.validate()
+*
+* console.log(field.errors.value) // ['Required']
+*
+* field.reset()
+* ```
+*/
+function createValidation(options = {}) {
+	const registry = createRegistry(options);
+	const rules = useRules();
+	const isValidating = computed(() => {
+		for (const ticket of registry.values()) if (ticket.isValidating.value) return true;
+		return false;
+	});
+	const isValid = computed(() => {
+		let hasNull = false;
+		let hasFields = false;
+		for (const ticket of registry.values()) {
+			hasFields = true;
+			if (ticket.isValid.value === false) return false;
+			if (/* @__PURE__ */ isNull(ticket.isValid.value)) hasNull = true;
+		}
+		if (!hasFields) return null;
+		return hasNull ? null : true;
+	});
+	function register(registration = {}) {
+		const model = shallowRef(/* @__PURE__ */ isNullOrUndefined(registration.value) ? "" : toValue(registration.value));
+		const resolved = resolveRules(registration.rules || [], rules);
+		const errors = shallowRef([]);
+		const isFieldValidating = shallowRef(false);
+		const initialValue = model.value;
+		const isPristine = shallowRef(true);
+		const isFieldValid = shallowRef(null);
+		function reset() {
+			model.value = initialValue;
+			errors.value = [];
+			isPristine.value = true;
+			isFieldValid.value = null;
+			isFieldValidating.value = false;
+			validationGeneration++;
+		}
+		let validationGeneration = 0;
+		async function validate(silent = false) {
+			if (resolved.length === 0) return isFieldValid.value = true;
+			const generation = ++validationGeneration;
+			isFieldValidating.value = true;
+			try {
+				const results = await Promise.all(resolved.map((rule) => rule(model.value)));
+				if (generation !== validationGeneration) return isFieldValid.value ?? false;
+				const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result) || result === false).map((result) => result === false ? "Validation failed" : result);
+				if (!silent) {
+					errors.value = errorMessages;
+					isFieldValid.value = errorMessages.length === 0;
+					isPristine.value = model.value === initialValue;
+				}
+				return errorMessages.length === 0;
+			} finally {
+				if (generation === validationGeneration) isFieldValidating.value = false;
+			}
+		}
+		const item = {
+			...registration,
+			rules: resolved,
+			errors,
+			disabled: registration.disabled || false,
+			isValidating: isFieldValidating,
+			isPristine,
+			isValid: isFieldValid,
+			reset,
+			validate
+		};
+		const ticket = registry.register(item);
+		Object.defineProperty(ticket, "value", {
+			get() {
+				return model.value;
+			},
+			set(val) {
+				model.value = val;
+				isPristine.value = val === initialValue;
+				isFieldValid.value = null;
+			},
+			enumerable: true,
+			configurable: true
+		});
+		return ticket;
+	}
+	function onboard(registrations) {
+		return registry.batch(() => registrations.map((r) => register(r)));
+	}
+	const context = {
+		...registry,
+		register,
+		onboard,
+		isValid,
+		isValidating,
+		get size() {
+			return registry.size;
+		}
+	};
+	const form = useForm();
+	const ticket = form?.register({ value: context });
+	onScopeDispose(() => {
+		if (!ticket || !form) return;
+		form.unregister(ticket.id);
+	}, true);
+	return context;
+}
 //#endregion
 //#region src/composables/useToggleScope/index.ts
 /**
@@ -4224,7 +4336,6 @@ function useToggleScope(source, fn) {
 	onScopeDispose(stop, true);
 	return controls;
 }
-
 //#endregion
 //#region src/composables/createVirtual/index.ts
 /**
@@ -4368,10 +4479,10 @@ function createVirtual(items, _options = {}) {
 	function rebuild() {
 		const length = items.value.length;
 		const newOffsets = offsets.value.length === length ? offsets.value : Array.from({ length });
-		let offset$1 = 0;
+		let offset = 0;
 		for (let i = 0; i < length; i++) {
-			newOffsets[i] = offset$1;
-			offset$1 += heights.value[i] || itemHeight.value;
+			newOffsets[i] = offset;
+			offset += heights.value[i] || itemHeight.value;
 		}
 		if (offsets.value !== newOffsets) offsets.value = newOffsets;
 		update();
@@ -4425,10 +4536,10 @@ function createVirtual(items, _options = {}) {
 		}
 		/* v8 ignore stop */
 	}
-	function resize(index, height$1) {
-		if (heights.value[index] === height$1) return;
-		heights.value[index] = height$1;
-		if (!itemHeight.value) itemHeight.value = height$1;
+	function resize(index, height) {
+		if (heights.value[index] === height) return;
+		heights.value[index] = height;
+		if (!itemHeight.value) itemHeight.value = height;
 		if (IN_BROWSER) {
 			cancelAnimationFrame(rebuildRaf);
 			rebuildRaf = requestAnimationFrame(rebuild);
@@ -4572,7 +4683,6 @@ function createVirtualContext(items, _options = {}) {
 function useVirtual(namespace = "v0:virtual") {
 	return useContext(namespace);
 }
-
 //#endregion
 //#region src/composables/useEventListener/index.ts
 /**
@@ -4607,9 +4717,9 @@ function useEventListener(target, event, listener, options) {
 		for (const fn of cleanups) fn();
 		cleanups.length = 0;
 	}
-	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);
+	function register(el, event, listener, options) {
+		el.addEventListener(event, listener, options);
+		return () => el.removeEventListener(event, listener, options);
 	}
 	const stopWatcher = watch(() => [
 		toValue(target),
@@ -4621,7 +4731,7 @@ function useEventListener(target, event, listener, options) {
 		if (!el) return;
 		const eventList = toArray(events);
 		const listenerList = toArray(listeners);
-		for (const event$1 of eventList) for (const listenerFn of listenerList) cleanups.push(register(el, event$1, listenerFn, opts));
+		for (const event of eventList) for (const listenerFn of listenerList) cleanups.push(register(el, event, listenerFn, opts));
 	}, {
 		immediate: true,
 		flush: "post"
@@ -4661,7 +4771,6 @@ function useWindowEventListener(event, listener, options) {
 function useDocumentEventListener(event, listener, options) {
 	return IN_BROWSER ? useEventListener(document, event, listener, options) : () => {};
 }
-
 //#endregion
 //#region src/composables/useClickOutside/index.ts
 /**
@@ -4919,6 +5028,5 @@ function useClickOutside(target, handler, options = {}) {
 		stop
 	};
 }
-
 //#endregion
-export { useProxyModel as $, multipleOpenStrategy as A, useHotkey as B, createSlider as C, createNested as D, useQueue as E, usePrefersDark as F, createDateContext as G, createFormContext as H, usePrefersReducedMotion as I, createBreakpoints as J, createDatePlugin as K, useLazy as L, useMutationObserver as M, useMediaQuery as N, createNestedContext as O, usePrefersContrast as P, toReactive as Q, useElementIntersection as R, useStack as S, createQueueContext as T, useForm as U, createForm as V, createDate as W, createBreakpointsPlugin as X, createBreakpointsContext as Y, useBreakpoints as Z, createStepContext as _, createVirtual as a, toElement as at, createStackContext as b, useToggleScope as c, createHydrationContext as ct, useTimeline as d, createBreadcrumbs as dt, createOverflow as et, createStorage as f, createBreadcrumbsContext as ft, createStep as g, useStorage as h, useWindowEventListener as i, useResizeObserver as it, singleOpenStrategy as j, useNested as k, createTimeline as l, createHydrationPlugin as lt, createStoragePlugin as m, useDocumentEventListener as n, useOverflow as nt, createVirtualContext as o, createFallbackHydration as ot, createStorageContext as p, useBreadcrumbs as pt, useDate as q, useEventListener as r, useElementSize as rt, useVirtual as s, createHydration as st, useClickOutside as t, createOverflowContext as tt, createTimelineContext as u, useHydration as ut, useStep as v, createQueue as w, createStackPlugin as x, createStack as y, useIntersectionObserver as z };
+export { createDatePlugin as $, Vuetify0RtlAdapter as A, useMediaQuery as B, useStack as C, createRtlFallback as D, createRtlContext as E, createNestedContext as F, useElementIntersection as G, usePrefersDark as H, useNested as I, createForm as J, useIntersectionObserver as K, multipleOpenStrategy as L, createQueueContext as M, useQueue as N, createRtlPlugin as O, createNested as P, createDateContext as Q, singleOpenStrategy as R, createStackPlugin as S, createRtl as T, usePrefersReducedMotion as U, usePrefersContrast as V, useLazy as W, useForm as X, createFormContext as Y, createDate as Z, createStep as _, useHydration as _t, createVirtual as a, toReactive as at, createStack as b, useBreadcrumbs as bt, useToggleScope as c, createOverflowContext as ct, createTimelineContext as d, useResizeObserver as dt, useDate as et, useTimeline as f, toElement as ft, useStorage as g, createHydrationPlugin as gt, createStoragePlugin as h, createHydrationContext as ht, useWindowEventListener as i, useBreakpoints as it, createQueue as j, useRtl as k, createValidation as l, useOverflow as lt, createStorageContext as m, createHydration as mt, useDocumentEventListener as n, createBreakpointsContext as nt, createVirtualContext as o, useProxyModel as ot, createStorage as p, createFallbackHydration as pt, useHotkey as q, useEventListener as r, createBreakpointsPlugin as rt, useVirtual as s, createOverflow as st, useClickOutside as t, createBreakpoints as tt, createTimeline as u, useElementSize as ut, createStepContext as v, createBreadcrumbs as vt, createSlider as w, createStackContext as x, useStep as y, createBreadcrumbsContext as yt, useMutationObserver as z };