@vuetify/v0 0.1.7 → 0.1.8

package/dist/browser/index.js

@@ -81,7 +81,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 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 version = "0.1.7";
+const version = "0.1.8";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -1357,7 +1357,8 @@ function createRegistry(options) {
 			id,
 			index,
 			value,
-			valueIsIndex
+			valueIsIndex,
+			unregister: () => unregister(id)
 		};
 		const ticket = reactive ? shallowReactive(rawTicket) : rawTicket;
 		collection.set(ticket.id, ticket);
@@ -3642,7 +3643,7 @@ var Vuetify0LocaleAdapter = class {
 * @see https://0.vuetifyjs.com/composables/plugins/use-locale
 */
 function createLocale(_options = {}) {
-	const { adapter = new Vuetify0LocaleAdapter(), messages = {}, ...options } = _options;
+	const { adapter = new Vuetify0LocaleAdapter(), messages = {}, fallback: fallbackLocale, ...options } = _options;
 	const tokens = createTokens(messages);
 	const registry = createSingle(options);
 	for (const id in messages) {
@@ -3655,8 +3656,12 @@ function createLocale(_options = {}) {
 		if (!locale) return adapter.t(fallback ?? key, ...args);
 		const path = `${locale}.${key}`;
 		const message = tokens.get(path)?.value;
-		const template = /* @__PURE__ */ isString(message) ? resolve(locale, message) : fallback ?? key;
-		return adapter.t(template, ...args);
+		if (/* @__PURE__ */ isString(message)) return adapter.t(resolve(locale, message), ...args);
+		if (fallbackLocale) {
+			const fbMessage = tokens.get(`${fallbackLocale}.${key}`)?.value;
+			if (/* @__PURE__ */ isString(fbMessage)) return adapter.t(resolve(fallbackLocale, fbMessage), ...args);
+		}
+		return adapter.t(fallback ?? key, ...args);
 	}
 	function n(value, ...params) {
 		return adapter.n(value, registry.selectedId.value, ...params);
@@ -4367,14 +4372,14 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxHiddenInput.vue
-const _hoisted_1$3 = [
+const _hoisted_1$4 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle$2 = {
+const visuallyHiddenStyle$3 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -4413,11 +4418,11 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle$2,
+				style: visuallyHiddenStyle$3,
 				tabindex: "-1",
 				type: "checkbox",
 				value: value.value
-			}, null, 8, _hoisted_1$3);
+			}, null, 8, _hoisted_1$4);
 		};
 	}
 });
@@ -5864,6 +5869,7 @@ function createBreakpoints(_options = {}) {
 	}
 	return {
 		breakpoints,
+		mobileBreakpoint,
 		name: readonly(name),
 		width: readonly(width),
 		height: readonly(height),
@@ -5890,8 +5896,10 @@ function createBreakpoints(_options = {}) {
 }
 function createBreakpointsFallback(options = {}) {
 	if (options.ssr) return createBreakpoints(options);
+	const defaults = createDefaultBreakpoints();
 	return {
-		breakpoints: createDefaultBreakpoints().breakpoints,
+		breakpoints: defaults.breakpoints,
+		mobileBreakpoint: defaults.mobileBreakpoint,
 		name: readonly(shallowRef("xs")),
 		width: readonly(shallowRef(0)),
 		height: readonly(shallowRef(0)),
@@ -6293,14 +6301,14 @@ const [createFeaturesContext, createFeaturesPlugin, useFeatures] = createPluginC
 * @example
 * ```ts
 * import { createForm, createValidation } from '@vuetify/v0'
+* import { shallowRef } from 'vue'
 *
 * const form = createForm()
 *
-* // Validations register themselves — form is just the coordinator
-* const validation = createValidation()
-* const email = validation.register({
-*   id: 'email',
-*   value: '',
+* // Each validation is one input — form is just the coordinator
+* const email = shallowRef('')
+* const validation = createValidation({
+*   value: email,
 *   rules: ['required', 'email'],
 * })
 *
@@ -6310,12 +6318,12 @@ const [createFeaturesContext, createFeaturesPlugin, useFeatures] = createPluginC
 * form.reset()
 * ```
 */
-function createForm(options) {
-	const registry = createRegistry(options);
-	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;
+function createForm(options = {}) {
+	const { disabled = false, readonly = false, ..._options } = options;
+	const registry = createRegistry({
+		..._options,
+		reactive: true
+	});
 	const isValidating = computed(() => {
 		for (const ticket of registry.values()) if (ticket.value.isValidating.value) return true;
 		return false;
@@ -6335,14 +6343,14 @@ function createForm(options) {
 		return registry.register(registration);
 	}
 	function reset() {
-		for (const ticket of registry.values()) for (const field of ticket.value.values()) field.reset();
+		for (const ticket of registry.values()) ticket.value.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);
+		return (await Promise.all(ids.map(async (key) => {
+			const ticket = registry.get(key);
 			if (!ticket) return true;
-			return (await Promise.all([...ticket.value.values()].map((field) => field.validate()))).every(Boolean);
+			return ticket.value.validate();
 		}))).every(Boolean);
 	}
 	return {
@@ -8000,6 +8008,83 @@ const [createPermissionsContext, createPermissionsPlugin, usePermissions] = crea
 * ```
 */
 //#endregion
+//#region src/composables/usePopover/index.ts
+/**
+* @module usePopover
+*
+* @remarks
+* Composable for native popover API behavior with CSS anchor positioning.
+* Manages open/close state, anchor styles, content attributes, and
+* bidirectional sync between reactive state and native popover events.
+*
+* Key features:
+* - Native popover API (showPopover/hidePopover)
+* - CSS anchor positioning (position-area, position-try-fallbacks)
+* - Toggle event sync for native state changes
+* - SSR-safe (no DOM ops outside browser)
+* - Optional external isOpen ref for v-model integration
+*
+* Perfect for building select, combobox, tooltip, and menu components
+* without wrapping the Popover compound component.
+*/
+function usePopover(options = {}) {
+	const { id: _id, positionArea = "bottom", positionTry = "most-width bottom" } = options;
+	const id = _id ?? /* @__PURE__ */ useId();
+	const isOpen = options.isOpen ?? shallowRef(false);
+	function open() {
+		isOpen.value = true;
+	}
+	function close() {
+		isOpen.value = false;
+	}
+	function toggle() {
+		isOpen.value = !isOpen.value;
+	}
+	const anchorStyles = toRef(() => ({ anchorName: `--${id}` }));
+	const contentAttrs = toRef(() => ({
+		id,
+		popover: ""
+	}));
+	const contentStyles = toRef(() => ({
+		"position": "fixed",
+		"margin": "unset",
+		"inset-area": positionArea,
+		"position-area": positionArea,
+		"position-anchor": `--${id}`,
+		"position-try-fallbacks": positionTry
+	}));
+	/* v8 ignore start -- browser popover API */
+	function attach(el) {
+		onMounted(() => {
+			const element = toValue(el);
+			if (isOpen.value) element?.showPopover();
+		});
+		watch(isOpen, (value) => {
+			const element = toValue(el);
+			if (!element?.isConnected) return;
+			if (value === element.matches?.(":popover-open")) return;
+			if (value) element.showPopover?.();
+			else element.hidePopover?.();
+		});
+		useEventListener(el, "toggle", (e) => {
+			if (!toValue(el)?.isConnected) return;
+			isOpen.value = e.newState === "open";
+		});
+	}
+	/* v8 ignore stop */
+	return {
+		isOpen,
+		id,
+		open,
+		close,
+		toggle,
+		anchorStyles,
+		contentAttrs,
+		contentStyles,
+		attach
+	};
+}
+//#endregion
 //#region src/composables/createQueue/index.ts
 /**
 * @module createQueue
@@ -8333,6 +8418,236 @@ function createRulesFallback() {
 }
 const [createRulesContext, createRulesPlugin, useRules] = createPluginContext("v0:rules", (options) => createRules(options), { fallback: () => createRulesFallback() });
 //#endregion
+//#region src/composables/createFocusTraversal/index.ts
+/**
+* @module createFocusTraversal
+*
+* @remarks
+* Internal factory for keyboard-driven traversal of ordered item lists.
+* Encapsulates stride-based navigation, disabled-item skipping, circular/bounded
+* movement, grid row scoping, and key-to-action mapping shared by
+* useRovingFocus and useVirtualFocus.
+*
+* Not exported from the package barrel — consumed only by sibling composables.
+*/
+function mod(length, index) {
+	return (index % length + length) % length;
+}
+function isRtl(e) {
+	if (!IN_BROWSER) return false;
+	const el = e.currentTarget;
+	return el ? getComputedStyle(el).direction === "rtl" : false;
+}
+function createFocusTraversal(items, activate, options = {}) {
+	const { orientation = "vertical", circular = false, columns: _columns } = options;
+	const activeId = shallowRef();
+	function enabled() {
+		return items().filter((item) => !toValue(item.disabled));
+	}
+	function indexOf(id) {
+		return items().findIndex((item) => item.id === id);
+	}
+	function go(id) {
+		activeId.value = id;
+		activate(id);
+	}
+	function step(stride) {
+		const all = items();
+		const length = all.length;
+		if (!length) return;
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? -1 : indexOf(activeId.value);
+		const direction = stride > 0 ? 1 : -1;
+		const absStride = Math.abs(stride);
+		let index = current + stride;
+		const maxHops = Math.ceil(length / absStride);
+		let hops = 0;
+		if (circular) index = mod(length, index);
+		else if (index < 0 || index >= length) return;
+		while (hops < maxHops) {
+			const item = all[index];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+			hops++;
+			index = circular ? mod(length, index + stride) : index + direction * absStride;
+			if (!circular && (index < 0 || index >= length)) return;
+		}
+	}
+	function next() {
+		step(1);
+	}
+	function prev() {
+		step(-1);
+	}
+	function first() {
+		const list = enabled();
+		if (list.length > 0) go(list[0].id);
+	}
+	function last() {
+		const list = enabled();
+		if (list.length > 0) go(list.at(-1).id);
+	}
+	/** Focus first non-disabled item in the current row (grid mode) */
+	function rowFirst() {
+		const cols = toValue(_columns) ?? 0;
+		if (!cols) return first();
+		const all = items();
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? 0 : indexOf(activeId.value);
+		const rowStart = current - current % cols;
+		const rowEnd = Math.min(rowStart + cols, all.length);
+		for (let i = rowStart; i < rowEnd; i++) {
+			const item = all[i];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+		}
+	}
+	/** Focus last non-disabled item in the current row (grid mode) */
+	function rowLast() {
+		const cols = toValue(_columns) ?? 0;
+		if (!cols) return last();
+		const all = items();
+		const current = /* @__PURE__ */ isUndefined(activeId.value) ? 0 : indexOf(activeId.value);
+		const rowStart = current - current % cols;
+		const rowEnd = Math.min(rowStart + cols, all.length);
+		for (let i = rowEnd - 1; i >= rowStart; i--) {
+			const item = all[i];
+			if (item && !toValue(item.disabled)) {
+				go(item.id);
+				return;
+			}
+		}
+	}
+	function onKeydown(e) {
+		const cols = toValue(_columns);
+		const rtl = isRtl(e);
+		if (cols) {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault();
+					step(rtl ? -1 : 1);
+					break;
+				case "ArrowLeft":
+					e.preventDefault();
+					step(rtl ? 1 : -1);
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					step(cols);
+					break;
+				case "ArrowUp":
+					e.preventDefault();
+					step(-cols);
+					break;
+				case "Home":
+					e.preventDefault();
+					if (e.ctrlKey) first();
+					else rowFirst();
+					break;
+				case "End":
+					e.preventDefault();
+					if (e.ctrlKey) last();
+					else rowLast();
+					break;
+			}
+			return;
+		}
+		const prevKeys = [];
+		const nextKeys = [];
+		if (orientation === "vertical" || orientation === "both") {
+			prevKeys.push("ArrowUp");
+			nextKeys.push("ArrowDown");
+		}
+		if (orientation === "horizontal" || orientation === "both") {
+			prevKeys.push(rtl ? "ArrowRight" : "ArrowLeft");
+			nextKeys.push(rtl ? "ArrowLeft" : "ArrowRight");
+		}
+		if (prevKeys.includes(e.key)) {
+			e.preventDefault();
+			prev();
+		} else if (nextKeys.includes(e.key)) {
+			e.preventDefault();
+			next();
+		} else if (e.key === "Home") {
+			e.preventDefault();
+			first();
+		} else if (e.key === "End") {
+			e.preventDefault();
+			last();
+		}
+	}
+	return {
+		activeId,
+		step,
+		next,
+		prev,
+		first,
+		last,
+		onKeydown
+	};
+}
+//#endregion
+//#region src/composables/useRovingFocus/index.ts
+/**
+* @module useRovingFocus
+*
+* @remarks
+* Roving tabindex composable for keyboard navigation within composite widgets.
+*
+* Key features:
+* - Arrow key navigation with orientation support
+* - Grid mode for 2D navigation (data tables, calendars)
+* - Automatic disabled item skipping
+* - Optional circular navigation
+* - Home/End key support (row-scoped in grid mode)
+* - Auto-attaches keydown listener when target is provided
+*
+* Perfect for toolbars, menus, tree items, grids, and other composite widgets.
+*/
+function useRovingFocus(items, options = {}) {
+	const { orientation, circular, columns, onFocus, target } = options;
+	function applyFocus(id) {
+		const item = items().find((i) => i.id === id);
+		if (!item?.el) return false;
+		onFocus?.(id);
+		nextTick(() => {
+			toValue(item.el)?.focus();
+		});
+		return true;
+	}
+	const traversal = createFocusTraversal(items, (id) => applyFocus(id), {
+		orientation,
+		circular,
+		columns
+	});
+	function focus(id) {
+		const prev = traversal.activeId.value;
+		traversal.activeId.value = id;
+		if (!applyFocus(id)) traversal.activeId.value = prev;
+	}
+	function enabled() {
+		return items().filter((item) => !toValue(item.disabled));
+	}
+	function isTabbable(id) {
+		if (!/* @__PURE__ */ isUndefined(traversal.activeId.value)) return traversal.activeId.value === id;
+		const list = enabled();
+		return list.length > 0 && list[0]?.id === id;
+	}
+	if (target) useEventListener(target, "keydown", traversal.onKeydown);
+	return {
+		focusedId: traversal.activeId,
+		isTabbable,
+		focus,
+		next: traversal.next,
+		prev: traversal.prev,
+		first: traversal.first,
+		last: traversal.last,
+		onKeydown: traversal.onKeydown
+	};
+}
+//#endregion
 //#region src/composables/useRtl/adapters/v0.ts
 var Vuetify0RtlAdapter = class {
 	setup(app, context, target) {
@@ -9529,31 +9844,27 @@ function useTimeline(namespace = "v0:timeline") {
 * @module createValidation
 *
 * @remarks
-* Per-field validation lifecycle composable.
+* Per-input validation composable built on createGroup.
 *
 * Key features:
+* - Each ticket is a rule — enable/disable via select/unselect
 * - 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.
 */
+const UNSET = Symbol("unset");
 /**
-* 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.
+* Creates a per-input validation instance.
+*
+* Built on `createGroup` — each registered rule becomes a ticket that can be
+* enabled/disabled via selection methods (`select`, `unselect`, `toggle`).
+* Only selected (active) rules run during validation.
 *
 * @param options The options for the validation instance.
-* @returns A new validation context with register(), aggregate state, etc.
+* @returns A new validation context.
 *
 * @see https://0.vuetifyjs.com/composables/forms/create-validation
 *
@@ -9561,111 +9872,83 @@ function resolveRules(raw, context) {
 * ```ts
 * import { createValidation } from '@vuetify/v0'
 *
-* const validation = createValidation()
-*
-* const field = validation.register({
-*   id: 'email',
-*   value: '',
-*   rules: [(v) => !!v || 'Required'],
+* const validation = createValidation({
+*   rules: [
+*     v => !!v || 'Required',
+*     v => /^.+@\S+\.\S+$/.test(String(v)) || 'Invalid email',
+*   ],
 * })
 *
-* await field.validate()
+* await validation.validate('')
 *
-* console.log(field.errors.value) // ['Required']
+* console.log(validation.errors.value) // ['Required', 'Invalid email']
 *
-* field.reset()
+* validation.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;
+function createValidation(_options = {}) {
+	const { rules: initialRules = [], value: valueSource, enroll = true, ...options } = _options;
+	const group = createGroup({
+		...options,
+		enroll,
+		multiple: true
 	});
-	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;
+	const rulesContext = useRules();
+	const errors = shallowRef([]);
+	const isValid = shallowRef(null);
+	const isValidating = shallowRef(false);
+	let generation = 0;
+	function register(input) {
+		if (/* @__PURE__ */ isFunction(input) || /* @__PURE__ */ isString(input) || isStandardSchema(input)) {
+			const resolved = rulesContext.resolve([input]);
+			return group.register({ value: resolved[0] ?? (() => 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;
+		return group.register(input);
+	}
+	function onboard(rules) {
+		return group.batch(() => rules.map((r) => register(r)));
+	}
+	async function validate(_value = UNSET, silent = false) {
+		const val = _value === UNSET ? toValue(valueSource) : _value;
+		const activeRules = [];
+		for (const ticket of group.selectedItems.value) activeRules.push(ticket.value);
+		if (activeRules.length === 0) {
+			if (!silent) isValid.value = true;
+			return true;
+		}
+		const gen = ++generation;
+		if (!silent) isValidating.value = true;
+		try {
+			const results = await Promise.all(activeRules.map((rule) => rule(val)));
+			if (gen !== generation) return isValid.value ?? false;
+			const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result) || result === false).map((result) => result === false ? "Validation failed" : result);
+			if (!silent) {
+				errors.value = errorMessages;
+				isValid.value = errorMessages.length === 0;
 			}
+			return errorMessages.length === 0;
+		} finally {
+			if (gen === generation && !silent) isValidating.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)));
+	function reset() {
+		errors.value = [];
+		isValid.value = null;
+		isValidating.value = false;
+		generation++;
 	}
+	if (initialRules.length > 0) onboard(initialRules);
 	const context = {
-		...registry,
+		...group,
 		register,
 		onboard,
+		validate,
+		reset,
+		errors,
 		isValid,
 		isValidating,
 		get size() {
-			return registry.size;
+			return group.size;
 		}
 	};
 	const form = useForm();
@@ -10120,6 +10403,80 @@ function useVirtual(namespace = "v0:virtual") {
 	return useContext(namespace);
 }
 //#endregion
+//#region src/composables/useVirtualFocus/index.ts
+/**
+* @module useVirtualFocus
+*
+* @remarks
+* Virtual focus composable for aria-activedescendant keyboard navigation.
+* DOM focus stays on a control element while a virtual cursor highlights
+* items in a list.
+*
+* Key features:
+* - Arrow key navigation with orientation support
+* - Grid mode for 2D navigation
+* - Automatic disabled item skipping
+* - Optional circular navigation
+* - Home/End key support (row-scoped in grid mode)
+* - Auto-attaches keydown listener when target is provided
+* - Sets aria-activedescendant and data-highlighted attributes
+*
+* Perfect for comboboxes, autocompletes, listboxes, and other widgets
+* where DOM focus must remain on the control element.
+*/
+function useVirtualFocus(items, options) {
+	const { control, target, orientation, circular, columns, onHighlight } = options;
+	let previousEl = null;
+	function applyHighlight(id) {
+		const item = items().find((i) => i.id === id);
+		if (!item?.el) return false;
+		const el = toValue(item.el);
+		if (!el) return false;
+		const controlEl = toValue(control);
+		if (controlEl) {
+			const itemId = el.getAttribute("id");
+			if (itemId) controlEl.setAttribute("aria-activedescendant", itemId);
+		}
+		if (previousEl) delete previousEl.dataset.highlighted;
+		el.dataset.highlighted = "";
+		previousEl = el;
+		el.scrollIntoView({ block: "nearest" });
+		onHighlight?.(id);
+		return true;
+	}
+	const traversal = createFocusTraversal(items, (id) => applyHighlight(id), {
+		orientation,
+		circular,
+		columns
+	});
+	function highlight(id) {
+		const prev = traversal.activeId.value;
+		traversal.activeId.value = id;
+		if (!applyHighlight(id)) traversal.activeId.value = prev;
+	}
+	function clear() {
+		traversal.activeId.value = void 0;
+		const controlEl = toValue(control);
+		if (controlEl) controlEl.removeAttribute("aria-activedescendant");
+		if (previousEl) {
+			delete previousEl.dataset.highlighted;
+			previousEl = null;
+		}
+	}
+	const listener = target ?? control;
+	if (listener) useEventListener(listener, "keydown", traversal.onKeydown);
+	return {
+		highlightedId: traversal.activeId,
+		highlight,
+		clear,
+		next: traversal.next,
+		prev: traversal.prev,
+		first: traversal.first,
+		last: traversal.last,
+		onKeydown: traversal.onKeydown
+	};
+}
+//#endregion
 //#region src/composables/useEventListener/index.ts
 /**
 * @module useEventListener
@@ -10891,9 +11248,79 @@ const ExpansionPanel = {
 	Content: _sfc_main$23
 };
 //#endregion
+//#region src/components/Form/Form.vue
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+	name: "Form",
+	inheritAttrs: false,
+	__name: "Form",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:form" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "form" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {
+			type: [Boolean, null],
+			default: null
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:model-value",
+		"submit",
+		"reset"
+	], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const form = createForm({
+			disabled: toRef(() => __props.disabled),
+			readonly: toRef(() => __props.readonly)
+		});
+		watchEffect(() => {
+			model.value = form.isValid.value;
+		});
+		const attrs = useAttrs();
+		provideContext(__props.namespace, form);
+		async function onSubmit(event) {
+			event.preventDefault();
+			emit("submit", { valid: await form.submit() });
+		}
+		function onReset(event) {
+			event.preventDefault();
+			form.reset();
+			emit("reset");
+		}
+		const slotProps = toRef(() => ({
+			isValid: form.isValid.value,
+			isValidating: form.isValidating.value,
+			isDisabled: toValue(form.disabled),
+			isReadonly: toValue(form.readonly),
+			submit: form.submit,
+			reset: form.reset
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({ as: __props.as }, unref(attrs), {
+				onReset,
+				onSubmit
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10945,7 +11372,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -11002,18 +11429,370 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/group
 */
 const Group = {
-	Root: _sfc_main$28,
-	Item: _sfc_main$27
+	Root: _sfc_main$29,
+	Item: _sfc_main$28
 };
 //#endregion
-//#region src/components/Pagination/PaginationRoot.vue
-const [usePaginationRoot, providePaginationRoot] = createContext();
-const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
-const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
-	name: "PaginationRoot",
-	__name: "PaginationRoot",
-	props: /* @__PURE__ */ mergeModels({
+//#region src/components/Input/InputRoot.vue
+const [useInputRoot, provideInputRoot] = createContext();
+function parseValidateOn(value) {
+	const parts = String(value).split(" ");
+	let event = "blur";
+	let modifier;
+	for (const part of parts) if (part === "lazy" || part === "eager") modifier = part;
+	else if (part === "blur" || part === "input" || part === "submit") event = part;
+	return {
+		event,
+		modifier
+	};
+}
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+	name: "InputRoot",
+	inheritAttrs: false,
+	__name: "InputRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => useId$1() },
+		label: {},
+		name: {},
+		type: { default: "text" },
+		form: {},
+		disabled: { default: false },
+		readonly: { default: false },
+		required: { type: Boolean },
+		rules: { default: () => [] },
+		validateOn: { default: "blur" },
+		error: {
+			type: Boolean,
+			default: false
+		},
+		errorMessages: {},
+		namespace: { default: "v0:input:root" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:isFocused"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		const model = useModel(__props, "modelValue");
+		const parsed = toRef(() => parseValidateOn(__props.validateOn));
+		const validation = createValidation({
+			rules: __props.rules,
+			value: model
+		});
+		const initialValue = model.value;
+		const isPristine = shallowRef(true);
+		const isFocused = shallowRef(false);
+		const touched = shallowRef(false);
+		const hasDescription = shallowRef(false);
+		const hasError = shallowRef(false);
+		const isDirty = toRef(() => model.value.length > 0);
+		const isDisabled = toRef(() => toValue(__props.disabled));
+		const isReadonly = toRef(() => toValue(__props.readonly));
+		const descriptionId = `${__props.id}-description`;
+		const errorId = `${__props.id}-error`;
+		const errors = computed(() => {
+			return [...__props.errorMessages ? toArray(__props.errorMessages) : [], ...validation.errors.value];
+		});
+		const isValid = toRef(() => {
+			if (__props.error) return false;
+			if (errors.value.length > 0 && validation.errors.value.length === 0) return false;
+			return validation.isValid.value;
+		});
+		function shouldValidate(trigger) {
+			const { event, modifier } = parsed.value;
+			if (event === "submit") return false;
+			if (modifier === "lazy" && !touched.value) return false;
+			if (modifier === "eager" && validation.isValid.value === false) return true;
+			return trigger === event;
+		}
+		watch(isFocused, (val) => {
+			if (val) return;
+			touched.value = true;
+			if (shouldValidate("blur")) validation.validate();
+		});
+		watch(model, (val) => {
+			isPristine.value = val === initialValue;
+			if (shouldValidate("input")) validation.validate();
+		});
+		function validate() {
+			return validation.validate();
+		}
+		function reset() {
+			model.value = initialValue;
+			isPristine.value = true;
+			touched.value = false;
+			validation.reset();
+		}
+		const state = toRef(() => {
+			if (isValid.value === false) return "invalid";
+			if (isValid.value === true) return "valid";
+			return "pristine";
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			name: __props.name,
+			type: __props.type,
+			form: __props.form,
+			required: __props.required,
+			descriptionId,
+			errorId,
+			hasDescription,
+			hasError,
+			value: model,
+			isDirty,
+			isFocused,
+			isDisabled,
+			isReadonly,
+			errors,
+			isValid,
+			isPristine,
+			isValidating: validation.isValidating,
+			validate,
+			reset
+		};
+		provideInputRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: model.value,
+			isDirty: isDirty.value,
+			isFocused: isFocused.value,
+			errors: errors.value,
+			isValid: isValid.value,
+			isPristine: isPristine.value,
+			isValidating: validation.isValidating.value,
+			isDisabled: isDisabled.value,
+			isReadonly: isReadonly.value,
+			validate,
+			reset,
+			attrs: {
+				"data-state": state.value,
+				"data-dirty": isDirty.value ? true : void 0,
+				"data-focused": isFocused.value ? true : void 0,
+				"data-disabled": isDisabled.value ? true : void 0,
+				"data-readonly": isReadonly.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/InputControl.vue
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+	name: "InputControl",
+	inheritAttrs: false,
+	__name: "InputControl",
+	props: {
+		namespace: { default: "v0:input:root" },
+		as: { default: "input" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const root = useInputRoot(__props.namespace);
+		function onInput(e) {
+			const target = e.target;
+			root.value.value = target.value;
+		}
+		function onFocus() {
+			root.isFocused.value = true;
+		}
+		function onBlur() {
+			root.isFocused.value = false;
+		}
+		const describedby = toRef(() => {
+			return root.hasDescription.value ? root.descriptionId : void 0;
+		});
+		const controlAttrs = toRef(() => {
+			const invalid = root.isValid.value === false;
+			const disabled = root.isDisabled.value;
+			const readonly = root.isReadonly.value;
+			const isFocused = root.isFocused.value;
+			return {
+				"id": root.id,
+				"type": root.type,
+				"name": root.name,
+				"value": root.value.value,
+				"form": root.form,
+				"disabled": disabled || void 0,
+				"readonly": readonly || void 0,
+				"required": root.required || void 0,
+				"aria-invalid": invalid || void 0,
+				"aria-label": root.label || void 0,
+				"aria-describedby": describedby.value,
+				"aria-errormessage": root.hasError.value && root.errors.value.length > 0 ? root.errorId : void 0,
+				"aria-required": root.required || void 0,
+				"data-state": invalid ? "invalid" : root.isValid.value === true ? "valid" : "pristine",
+				"data-focused": isFocused ? true : void 0,
+				"data-disabled": disabled ? true : void 0,
+				"data-readonly": readonly ? true : void 0
+			};
+		});
+		const slotProps = toRef(() => ({
+			value: root.value.value,
+			isFocused: root.isFocused.value,
+			isDisabled: root.isDisabled.value,
+			isReadonly: root.isReadonly.value,
+			attrs: controlAttrs.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				...unref(attrs),
+				...controlAttrs.value
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onBlur,
+				onFocus,
+				onInput
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/InputDescription.vue
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+	name: "InputDescription",
+	inheritAttrs: false,
+	__name: "InputDescription",
+	props: {
+		namespace: { default: "v0:input:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const root = useInputRoot(__props.namespace);
+		onMounted(() => {
+			root.hasDescription.value = true;
+		});
+		onBeforeUnmount(() => {
+			root.hasDescription.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps(unref(attrs), {
+				id: unref(root).descriptionId,
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { id: unref(root).descriptionId })]),
+				_: 3
+			}, 16, [
+				"id",
+				"as",
+				"renderless"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/InputError.vue
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+	name: "InputError",
+	inheritAttrs: false,
+	__name: "InputError",
+	props: {
+		namespace: { default: "v0:input:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const root = useInputRoot(__props.namespace);
+		const errors = root.errors;
+		onMounted(() => {
+			root.hasError.value = true;
+		});
+		onBeforeUnmount(() => {
+			root.hasError.value = false;
+		});
+		const slotProps = toRef(() => ({
+			id: root.errorId,
+			errors: errors.value,
+			attrs: {
+				"id": root.errorId,
+				"aria-live": "polite",
+				"data-state": errors.value.length > 0 ? "visible" : "hidden"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/index.ts
+/**
+* Input component with sub-components for text input controls.
+*
+* @see https://0.vuetifyjs.com/components/forms/input
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Input } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const email = ref('')
+* <\/script>
+*
+* <template>
+*   <Input.Root
+*     v-model="email"
+*     label="Email"
+*     :rules="[(v) => !!v || 'Required', (v) => /.+@.+/.test(v) || 'Invalid email']"
+*   >
+*     <Input.Control />
+*     <Input.Description>We'll never share your email.</Input.Description>
+*     <Input.Error v-slot="{ errors }">
+*       <span v-for="error in errors" :key="error">{{ error }}</span>
+*     </Input.Error>
+*   </Input.Root>
+* </template>
+* ```
+*/
+const Input = {
+	Control: _sfc_main$30,
+	Description: _sfc_main$31,
+	Error: _sfc_main$32,
+	Root: _sfc_main$33
+};
+//#endregion
+//#region src/components/Pagination/PaginationRoot.vue
+const [usePaginationRoot, providePaginationRoot] = createContext();
+const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
+const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+	name: "PaginationRoot",
+	__name: "PaginationRoot",
+	props: /* @__PURE__ */ mergeModels({
 		namespace: { default: "v0:pagination" },
 		size: { default: 1 },
 		totalVisible: {},
@@ -11112,7 +11891,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -11155,7 +11934,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -11212,7 +11991,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -11280,7 +12059,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -11337,7 +12116,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -11394,7 +12173,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -11451,7 +12230,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -11503,19 +12282,19 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/pagination
 */
 const Pagination = {
-	Root: _sfc_main$35,
-	Item: _sfc_main$31,
-	First: _sfc_main$30,
-	Prev: _sfc_main$34,
-	Ellipsis: _sfc_main$29,
-	Next: _sfc_main$33,
-	Last: _sfc_main$32,
-	Status: _sfc_main$36
+	Root: _sfc_main$40,
+	Item: _sfc_main$36,
+	First: _sfc_main$35,
+	Prev: _sfc_main$39,
+	Ellipsis: _sfc_main$34,
+	Next: _sfc_main$38,
+	Last: _sfc_main$37,
+	Status: _sfc_main$41
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11532,19 +12311,18 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const isSelected = useModel(__props, "modelValue");
-		const id = __props.id ?? useId$1();
-		function toggle() {
-			isSelected.value = !isSelected.value;
-		}
+		const popover = usePopover({
+			id: __props.id,
+			isOpen: isSelected
+		});
 		providePopoverContext({
-			isSelected,
-			toggle,
-			id
+			...popover,
+			isSelected
 		});
 		const slotProps = toRef(() => ({
-			id,
+			id: popover.id,
 			isSelected: isSelected.value,
-			toggle
+			toggle: popover.toggle
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main), {
@@ -11559,7 +12337,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -11571,13 +12349,16 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		const props = createPropsRestProxy(__props, ["as"]);
 		const context = usePopoverContext();
 		const popovertarget = toRef(() => props.target ?? context.id);
-		const style = toRef(() => ({ anchorName: `--${toValue(popovertarget)}` }));
+		const style = toRef(() => {
+			if (props.target) return { anchorName: `--${props.target}` };
+			return context.anchorStyles.value;
+		});
 		const slotProps = toRef(() => ({
-			isOpen: context.isSelected.value,
+			isOpen: context.isOpen.value,
 			attrs: {
 				"popovertarget": toValue(popovertarget),
 				"type": __props.as === "button" ? "button" : void 0,
-				"data-popover-open": context.isSelected.value ? "" : void 0
+				"data-popover-open": context.isOpen.value ? "" : void 0
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -11593,13 +12374,13 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
 		id: {},
-		positionArea: { default: "bottom" },
-		positionTry: { default: "most-width bottom" },
+		positionArea: {},
+		positionTry: {},
 		as: {},
 		renderless: { type: Boolean }
 	},
@@ -11610,37 +12391,25 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		const context = usePopoverContext();
 		const ref = useTemplateRef("ref");
 		const id = toRef(() => props.id ?? context.id);
-		const style = toRef(() => ({
-			"position": "fixed",
-			"margin": "unset",
-			"inset-area": __props.positionArea,
-			"position-area": __props.positionArea,
-			"position-anchor": `--${toValue(id)}`,
-			"position-try-fallbacks": __props.positionTry
-		}));
-		/* v8 ignore start -- browser popover API */
-		onMounted(() => {
-			if (context.isSelected.value) ref.value?.element?.showPopover();
-		});
-		watch(context.isSelected, (isOpen) => {
-			const element = ref.value?.element;
-			if (!element?.isConnected) return;
-			if (isOpen === element.matches?.(":popover-open")) return;
-			if (isOpen) element.showPopover?.();
-			else element.hidePopover?.();
+		const style = toRef(() => {
+			if (props.id) return {
+				"position": "fixed",
+				"margin": "unset",
+				"inset-area": __props.positionArea ?? "bottom",
+				"position-area": __props.positionArea ?? "bottom",
+				"position-anchor": `--${props.id}`,
+				"position-try-fallbacks": __props.positionTry ?? "most-width bottom"
+			};
+			return context.contentStyles.value;
 		});
-		function onToggle(e) {
-			if (!ref.value?.element?.isConnected) return;
-			context.isSelected.value = e.newState === "open";
-		}
-		/* v8 ignore stop */
+		context.attach(() => ref.value?.element);
 		function onBeforeToggle(e) {
 			emit("beforetoggle", e);
 		}
 		const slotProps = toRef(() => ({
-			isOpen: context.isSelected.value,
+			isOpen: context.isOpen.value,
 			attrs: {
-				id: toValue(id),
+				id: id.value,
 				popover: ""
 			}
 		}));
@@ -11650,10 +12419,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 				ref,
 				as: props.as,
 				style: style.value
-			}, slotProps.value.attrs, {
-				onBeforetoggle: onBeforeToggle,
-				onToggle
-			}), {
+			}, slotProps.value.attrs, { onBeforetoggle: onBeforeToggle }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as", "style"]);
@@ -11668,14 +12434,14 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/popover
 */
 const Popover = {
-	Root: _sfc_main$39,
-	Activator: _sfc_main$37,
-	Content: _sfc_main$38
+	Root: _sfc_main$44,
+	Activator: _sfc_main$42,
+	Content: _sfc_main$43
 };
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -11740,7 +12506,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -11814,265 +12580,746 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			toValue(nextItem.el)?.focus();
 		}
 		onUnmounted(() => {
-			group.unregister(ticket.id);
+			group.unregister(ticket.id);
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			name,
+			form: __props.form,
+			isChecked,
+			isDisabled,
+			select
+		};
+		provideRadioRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			isChecked: isChecked.value,
+			isDisabled: isDisabled.value,
+			select,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"role": "radio",
+				"aria-checked": isChecked.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				"tabindex": isTabbable.value ? 0 : -1,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0,
+				"data-radio-id": __props.id
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main), mergeProps({ ref: "root" }, {
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$46, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Radio/RadioHiddenInput.vue
+const _hoisted_1$3 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$2 = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+};
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+	name: "RadioHiddenInput",
+	__name: "RadioHiddenInput",
+	props: {
+		namespace: { default: "v0:radio:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useRadioRoot(__props.namespace);
+		const name = toRef(() => __props.name ?? root.name);
+		const form = toRef(() => __props.form ?? root.form);
+		const value = toRef(() => {
+			const v = __props.value ?? root.value ?? "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isChecked = root.isChecked;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isChecked),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle$2,
+				tabindex: "-1",
+				type: "radio",
+				value: value.value
+			}, null, 8, _hoisted_1$3);
+		};
+	}
+});
+//#endregion
+//#region src/components/Radio/RadioIndicator.vue
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+	name: "RadioIndicator",
+	__name: "RadioIndicator",
+	props: {
+		namespace: { default: "v0:radio:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useRadioRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const dataState = toRef(() => isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			attrs: {
+				"data-state": dataState.value,
+				"style": { visibility: isChecked.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Radio/index.ts
+/**
+* Radio component with sub-components for radio button controls.
+*
+* @see https://0.vuetifyjs.com/components/forms/radio
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Radio } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const selected = ref<string>()
+* <\/script>
+*
+* <template>
+*   <Radio.Group v-model="selected">
+*     <label>
+*       <Radio.Root value="a">
+*         <Radio.Indicator>●</Radio.Indicator>
+*       </Radio.Root>
+*       Option A
+*     </label>
+*     <label>
+*       <Radio.Root value="b">
+*         <Radio.Indicator>●</Radio.Indicator>
+*       </Radio.Root>
+*       Option B
+*     </label>
+*   </Radio.Group>
+* </template>
+* ```
+*/
+const Radio = {
+	Group: _sfc_main$45,
+	HiddenInput: _sfc_main$46,
+	Indicator: _sfc_main$47,
+	Root: _sfc_main$48
+};
+//#endregion
+//#region src/components/Scrim/Scrim.vue
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+	name: "Scrim",
+	inheritAttrs: false,
+	__name: "Scrim",
+	props: {
+		transition: { default: "fade" },
+		teleport: {
+			type: Boolean,
+			default: true
+		},
+		teleportTo: { default: "body" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const stack = useStack();
+		const tickets = computed(() => Array.from(stack.selectedItems.value));
+		function onDismiss(ticket) {
+			if (!ticket.blocking) ticket.dismiss();
+		}
+		function getSlotProps(ticket) {
+			return {
+				ticket,
+				zIndex: ticket.zIndex.value - 1,
+				isBlocking: ticket.blocking,
+				dismiss: () => onDismiss(ticket)
+			};
+		}
+		function getStyle(ticket) {
+			return { zIndex: ticket.zIndex.value - 1 };
+		}
+		return (_ctx, _cache) => {
+			return __props.teleport ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: __props.teleportTo
+			}, [createVNode(TransitionGroup, { name: __props.transition }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
+					return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+						key: ticket.id,
+						as: __props.as,
+						style: getStyle(ticket)
+					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
+						_: 2
+					}, 1040, [
+						"as",
+						"style",
+						"onClick"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, ["name"])], 8, ["to"])) : (openBlock(), createBlock(TransitionGroup, {
+				key: 1,
+				name: __props.transition
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
+					return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+						key: ticket.id,
+						as: __props.as,
+						style: getStyle(ticket)
+					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
+						_: 2
+					}, 1040, [
+						"as",
+						"style",
+						"onClick"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, ["name"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectHiddenInput.vue
+const _hoisted_1$2 = [
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$1 = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+};
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+	name: "SelectHiddenInput",
+	__name: "SelectHiddenInput",
+	props: { namespace: { default: "v0:select" } },
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const values = toRef(() => {
+			return Array.from(context.selection.selectedValues.value).map((v) => {
+				if (/* @__PURE__ */ isNullOrUndefined(v)) return "";
+				if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+				return String(v);
+			});
+		});
+		const isDisabled = toRef(() => toValue(context.disabled));
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (val, index) => {
+				return openBlock(), createElementBlock("input", {
+					key: index,
+					disabled: isDisabled.value,
+					form: unref(context).form,
+					inert: "",
+					name: unref(context).name,
+					style: visuallyHiddenStyle$1,
+					tabindex: "-1",
+					type: "hidden",
+					value: val
+				}, null, 8, _hoisted_1$2);
+			}), 128);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectRoot.vue
+const [useSelectContext, provideSelectContext] = createContext();
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+	name: "SelectRoot",
+	__name: "SelectRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:select" },
+		id: {},
+		name: {},
+		form: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		as: { default: null },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const id = __props.id ?? useId$1();
+		const listboxId = `${id}-listbox`;
+		const activatorId = `${id}-activator`;
+		const selection = createSelection({
+			multiple: __props.multiple,
+			mandatory: __props.mandatory,
+			disabled: toRef(() => __props.disabled),
+			events: true
+		});
+		useProxyModel(selection, model, { multiple: __props.multiple });
+		const selectedId = toRef(() => {
+			const ids = Array.from(selection.selectedIds);
+			return ids.length > 0 ? ids[0] : void 0;
+		});
+		const popover = usePopover({ id });
+		const isOpen = popover.isOpen;
+		const activatorEl = shallowRef(null);
+		const virtualFocus = useVirtualFocus(() => selection.values().map((ticket) => ({
+			id: ticket.id,
+			el: () => document.querySelector(`#${CSS.escape(`${id}-option-${ticket.id}`)}`),
+			disabled: ticket.disabled
+		})), {
+			control: activatorEl,
+			target: () => null,
+			orientation: "vertical"
+		});
+		watch(isOpen, (open) => {
+			if (!open) {
+				virtualFocus.clear();
+				return;
+			}
+			nextTick(() => {
+				const selected = selectedId.value;
+				if (!/* @__PURE__ */ isUndefined(selected)) virtualFocus.highlight(String(selected));
+			});
+		}, { flush: "post" });
+		function open() {
+			if (!isOpen.value && !toValue(__props.disabled)) isOpen.value = true;
+		}
+		function close() {
+			isOpen.value = false;
+		}
+		function toggle() {
+			if (isOpen.value) close();
+			else open();
+		}
+		function select(itemId) {
+			if (__props.multiple) selection.toggle(itemId);
+			else {
+				selection.select(itemId);
+				close();
+			}
+		}
+		provideSelectContext(__props.namespace, {
+			isOpen,
+			disabled: toRef(() => __props.disabled),
+			multiple: __props.multiple,
+			id,
+			listboxId,
+			activatorId,
+			name: __props.name,
+			form: __props.form,
+			activatorEl,
+			selection,
+			virtualFocus,
+			popover,
+			open,
+			close,
+			toggle,
+			select
+		});
+		const slotProps = toRef(() => ({
+			id,
+			isOpen: isOpen.value,
+			isDisabled: toValue(__props.disabled),
+			open,
+			close,
+			toggle
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main), {
+				as: __props.as,
+				renderless: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$81, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectActivator.vue
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+	name: "SelectActivator",
+	__name: "SelectActivator",
+	props: {
+		namespace: { default: "v0:select" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const activatorEl = useTemplateRef("activator");
+		watchEffect(() => {
+			context.activatorEl.value = activatorEl.value?.element ?? null;
+		});
+		function onClick() {
+			context.toggle();
+		}
+		function onKeydown(e) {
+			if (context.isOpen.value) switch (e.key) {
+				case " ":
+				case "Enter":
+					e.preventDefault();
+					if (!/* @__PURE__ */ isUndefined(context.virtualFocus.highlightedId.value)) context.select(context.virtualFocus.highlightedId.value);
+					break;
+				case "Escape":
+					e.preventDefault();
+					context.close();
+					break;
+				case "Tab":
+					context.close();
+					break;
+				case "ArrowDown":
+				case "ArrowUp":
+				case "Home":
+				case "End":
+					context.virtualFocus.onKeydown(e);
+					break;
+			}
+			else switch (e.key) {
+				case " ":
+				case "Enter":
+				case "ArrowDown":
+				case "ArrowUp":
+					e.preventDefault();
+					context.open();
+					break;
+			}
+		}
+		const style = toRef(() => context.popover.anchorStyles.value);
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				"id": context.activatorId,
+				"role": "combobox",
+				"type": __props.as === "button" ? "button" : void 0,
+				"aria-expanded": context.isOpen.value,
+				"aria-haspopup": "listbox",
+				"aria-controls": context.listboxId,
+				"data-select-open": context.isOpen.value ? "" : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				ref: "activator",
+				as: __props.as,
+				style: style.value
+			}, slotProps.value.attrs, {
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "style"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectContent.vue
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+	name: "SelectContent",
+	__name: "SelectContent",
+	props: {
+		namespace: { default: "v0:select" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const content = useTemplateRef("content");
+		context.popover.attach(() => content.value?.element);
+		const { hasContent } = useLazy(context.isOpen);
+		const slotProps = toRef(() => ({ isOpen: context.isOpen.value }));
+		const attrs = toRef(() => ({
+			...context.popover.contentAttrs.value,
+			"id": context.listboxId,
+			"role": "listbox",
+			"aria-multiselectable": context.multiple || void 0,
+			"tabindex": -1
+		}));
+		const style = toRef(() => context.popover.contentStyles.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({
+				ref_key: "content",
+				ref: content,
+				as: __props.as,
+				style: style.value
+			}, attrs.value), {
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 16, ["as", "style"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectCue.vue
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+	name: "SelectCue",
+	__name: "SelectCue",
+	props: {
+		namespace: { default: "v0:select" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				"aria-hidden": true,
+				"data-state": context.isOpen.value ? "open" : "closed"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectItem.vue
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+	name: "SelectItem",
+	__name: "SelectItem",
+	props: {
+		namespace: { default: "v0:select" },
+		id: {},
+		value: {},
+		disabled: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const ticket = context.selection.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const elementId = `${context.id}-option-${ticket.id}`;
+		const isSelected = toRef(() => toValue(ticket.isSelected));
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(context.disabled));
+		const isHighlighted = toRef(() => context.virtualFocus.highlightedId.value === ticket.id);
+		function onClick() {
+			if (!toValue(isDisabled)) context.select(ticket.id);
+		}
+		onUnmounted(() => {
+			context.selection.unregister(ticket.id);
 		});
-		const context = {
-			id: __props.id,
-			label: __props.label,
-			value: __props.value,
-			name,
-			form: __props.form,
-			isChecked,
-			isDisabled,
-			select
-		};
-		provideRadioRoot(__props.namespace, context);
 		const slotProps = toRef(() => ({
-			id: __props.id,
-			label: __props.label,
 			value: __props.value,
-			isChecked: isChecked.value,
+			isSelected: isSelected.value,
+			isHighlighted: isHighlighted.value,
 			isDisabled: isDisabled.value,
-			select,
+			select: () => context.select(ticket.id),
 			attrs: {
-				"type": __props.as === "button" ? "button" : void 0,
-				"role": "radio",
-				"aria-checked": isChecked.value,
+				"id": elementId,
+				"role": "option",
+				"aria-selected": isSelected.value,
 				"aria-disabled": isDisabled.value || void 0,
-				"aria-label": __props.label || void 0,
-				"aria-labelledby": __props.ariaLabelledby || void 0,
-				"aria-describedby": __props.ariaDescribedby || void 0,
-				"aria-invalid": __props.ariaInvalid || void 0,
-				"tabindex": isTabbable.value ? 0 : -1,
-				"data-state": dataState.value,
-				"data-disabled": isDisabled.value ? true : void 0,
-				"data-radio-id": __props.id
+				"data-selected": isSelected.value || void 0,
+				"data-highlighted": isHighlighted.value ? "" : void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-id": String(ticket.id)
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main), mergeProps({ ref: "root" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
-				as: __props.as,
-				renderless: __props.renderless,
-				onClick,
-				onKeydown
-			}), {
+			return openBlock(), createBlock(unref(_sfc_main), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$41, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as"]);
 		};
 	}
 });
 //#endregion
-//#region src/components/Radio/RadioHiddenInput.vue
-const _hoisted_1$2 = [
-	"checked",
-	"disabled",
-	"form",
-	"name",
-	"value"
-];
-const visuallyHiddenStyle$1 = {
-	position: "absolute",
-	width: "1px",
-	height: "1px",
-	padding: "0",
-	margin: "-1px",
-	overflow: "hidden",
-	clip: "rect(0, 0, 0, 0)",
-	whiteSpace: "nowrap",
-	border: "0"
-};
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
-	name: "RadioHiddenInput",
-	__name: "RadioHiddenInput",
+//#region src/components/Select/SelectPlaceholder.vue
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+	name: "SelectPlaceholder",
+	__name: "SelectPlaceholder",
 	props: {
-		namespace: { default: "v0:radio:root" },
-		name: {},
-		value: {},
-		form: {}
+		namespace: { default: "v0:select" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
 	},
 	setup(__props) {
-		const root = useRadioRoot(__props.namespace);
-		const name = toRef(() => __props.name ?? root.name);
-		const form = toRef(() => __props.form ?? root.form);
-		const value = toRef(() => {
-			const v = __props.value ?? root.value ?? "on";
-			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
-			return String(v);
-		});
-		const isChecked = root.isChecked;
-		const isDisabled = root.isDisabled;
+		const context = useSelectContext(__props.namespace);
+		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("input", {
-				checked: unref(isChecked),
-				disabled: unref(isDisabled),
-				form: form.value,
-				inert: "",
-				name: name.value,
-				style: visuallyHiddenStyle$1,
-				tabindex: "-1",
-				type: "radio",
-				value: value.value
-			}, null, 8, _hoisted_1$2);
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main), {
+				key: 0,
+				as: __props.as
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { hasValue: hasValue.value })]),
+				_: 3
+			}, 8, ["as"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
-//#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
-	name: "RadioIndicator",
-	__name: "RadioIndicator",
+//#region src/components/Select/SelectValue.vue
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+	name: "SelectValue",
+	__name: "SelectValue",
 	props: {
-		namespace: { default: "v0:radio:root" },
+		namespace: { default: "v0:select" },
 		as: { default: "span" },
 		renderless: { type: Boolean }
 	},
 	setup(__props) {
-		const root = useRadioRoot(__props.namespace);
-		const isChecked = toRef(() => toValue(root.isChecked));
-		const dataState = toRef(() => isChecked.value ? "checked" : "unchecked");
+		const context = useSelectContext(__props.namespace);
+		const items = toRef(() => Array.from(context.selection.selectedItems.value));
+		const values = toRef(() => Array.from(context.selection.selectedValues.value));
+		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
 		const slotProps = toRef(() => ({
-			isChecked: isChecked.value,
-			attrs: {
-				"data-state": dataState.value,
-				"style": { visibility: isChecked.value ? "visible" : "hidden" }
-			}
+			selectedItem: items.value[0],
+			selectedItems: items.value,
+			selectedValue: values.value[0],
+			selectedValues: values.value,
+			hasValue: hasValue.value,
+			attrs: {}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main), mergeProps(slotProps.value.attrs, {
-				as: __props.as,
-				renderless: __props.renderless
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main), {
+				key: 0,
+				as: __props.as
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(values.value[0]), 1)])]),
 				_: 3
-			}, 16, ["as", "renderless"]);
+			}, 8, ["as"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
-//#region src/components/Radio/index.ts
+//#region src/components/Select/index.ts
 /**
-* Radio component with sub-components for radio button controls.
+* Select component with sub-components for building dropdown selects.
 *
-* @see https://0.vuetifyjs.com/components/forms/radio
+* @see https://0.vuetifyjs.com/components/select
 *
 * @example
 * ```vue
 * <script lang="ts" setup>
-*   import { Radio } from '@vuetify/v0'
+*   import { Select } from '@vuetify/v0'
 *   import { ref } from 'vue'
 *
-*   const selected = ref<string>()
+*   const selected = ref()
+*   const items = [
+*     { id: 'apple', label: 'Apple' },
+*     { id: 'banana', label: 'Banana' },
+*     { id: 'cherry', label: 'Cherry' },
+*   ]
 * <\/script>
 *
 * <template>
-*   <Radio.Group v-model="selected">
-*     <label>
-*       <Radio.Root value="a">
-*         <Radio.Indicator>●</Radio.Indicator>
-*       </Radio.Root>
-*       Option A
-*     </label>
-*     <label>
-*       <Radio.Root value="b">
-*         <Radio.Indicator>●</Radio.Indicator>
-*       </Radio.Root>
-*       Option B
-*     </label>
-*   </Radio.Group>
+*   <Select.Root v-model="selected">
+*     <Select.Activator>
+*       <Select.Value v-slot="{ selectedValue }">
+*         {{ selectedValue }}
+*       </Select.Value>
+*       <Select.Placeholder>Pick a fruit</Select.Placeholder>
+*     </Select.Activator>
+*
+*     <Select.Content>
+*       <Select.Item
+*         v-for="item in items"
+*         :key="item.id"
+*         :id="item.id"
+*         :value="item.label"
+*         v-slot="{ isSelected, attrs }"
+*       >
+*         <div v-bind="attrs">{{ item.label }}</div>
+*       </Select.Item>
+*     </Select.Content>
+*   </Select.Root>
 * </template>
 * ```
 */
-const Radio = {
-	Group: _sfc_main$40,
-	HiddenInput: _sfc_main$41,
-	Indicator: _sfc_main$42,
-	Root: _sfc_main$43
+const Select = {
+	Root: _sfc_main$55,
+	Activator: _sfc_main$50,
+	Value: _sfc_main$56,
+	Content: _sfc_main$51,
+	Cue: _sfc_main$52,
+	Item: _sfc_main$53,
+	Placeholder: _sfc_main$54
 };
 //#endregion
-//#region src/components/Scrim/Scrim.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
-	name: "Scrim",
-	inheritAttrs: false,
-	__name: "Scrim",
-	props: {
-		transition: { default: "fade" },
-		teleport: {
-			type: Boolean,
-			default: true
-		},
-		teleportTo: { default: "body" },
-		as: { default: "div" },
-		renderless: { type: Boolean }
-	},
-	setup(__props) {
-		const attrs = useAttrs();
-		const stack = useStack();
-		const tickets = computed(() => Array.from(stack.selectedItems.value));
-		function onDismiss(ticket) {
-			if (!ticket.blocking) ticket.dismiss();
-		}
-		function getSlotProps(ticket) {
-			return {
-				ticket,
-				zIndex: ticket.zIndex.value - 1,
-				isBlocking: ticket.blocking,
-				dismiss: () => onDismiss(ticket)
-			};
-		}
-		function getStyle(ticket) {
-			return { zIndex: ticket.zIndex.value - 1 };
-		}
-		return (_ctx, _cache) => {
-			return __props.teleport ? (openBlock(), createBlock(Teleport, {
-				key: 0,
-				to: __props.teleportTo
-			}, [createVNode(TransitionGroup, { name: __props.transition }, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main), mergeProps({
-						key: ticket.id,
-						as: __props.as,
-						style: getStyle(ticket)
-					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
-						_: 2
-					}, 1040, [
-						"as",
-						"style",
-						"onClick"
-					]);
-				}), 128))]),
-				_: 3
-			}, 8, ["name"])], 8, ["to"])) : (openBlock(), createBlock(TransitionGroup, {
-				key: 1,
-				name: __props.transition
-			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main), mergeProps({
-						key: ticket.id,
-						as: __props.as,
-						style: getStyle(ticket)
-					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
-						_: 2
-					}, 1040, [
-						"as",
-						"style",
-						"onClick"
-					]);
-				}), 128))]),
-				_: 3
-			}, 8, ["name"]));
-		};
-	}
-});
-//#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -12124,7 +13371,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -12174,13 +13421,13 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/selection
 */
 const Selection = {
-	Root: _sfc_main$46,
-	Item: _sfc_main$45
+	Root: _sfc_main$58,
+	Item: _sfc_main$57
 };
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 	name: "SliderRoot",
 	inheritAttrs: false,
 	__name: "SliderRoot",
@@ -12312,7 +13559,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as", "renderless"]), __props.name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(slider).values.value, (_, index) => {
-				return openBlock(), createBlock(_sfc_main$49, {
+				return openBlock(), createBlock(_sfc_main$61, {
 					key: index,
 					index
 				}, null, 8, ["index"]);
@@ -12328,7 +13575,7 @@ const _hoisted_1$1 = [
 	"name",
 	"value"
 ];
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 	name: "SliderHiddenInput",
 	__name: "SliderHiddenInput",
 	props: {
@@ -12353,7 +13600,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderRange.vue
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 	name: "SliderRange",
 	inheritAttrs: false,
 	__name: "SliderRange",
@@ -12414,7 +13661,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderThumb.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 	name: "SliderThumb",
 	inheritAttrs: false,
 	__name: "SliderThumb",
@@ -12528,7 +13775,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderTrack.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 	name: "SliderTrack",
 	inheritAttrs: false,
 	__name: "SliderTrack",
@@ -12622,16 +13869,16 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Slider = {
-	Root: _sfc_main$51,
-	Track: _sfc_main$53,
-	Range: _sfc_main$50,
-	Thumb: _sfc_main$52,
-	HiddenInput: _sfc_main$49
+	Root: _sfc_main$63,
+	Track: _sfc_main$65,
+	Range: _sfc_main$62,
+	Thumb: _sfc_main$64,
+	HiddenInput: _sfc_main$61
 };
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -12813,7 +14060,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
@@ -12926,7 +14173,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -13146,14 +14393,14 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Splitter = {
-	Root: _sfc_main$56,
-	Panel: _sfc_main$55,
-	Handle: _sfc_main$54
+	Root: _sfc_main$68,
+	Panel: _sfc_main$67,
+	Handle: _sfc_main$66
 };
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -13222,7 +14469,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Switch/SwitchRoot.vue
 const [useSwitchRoot, provideSwitchRoot] = createContext();
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
@@ -13352,7 +14599,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$60, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$72, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
@@ -13376,7 +14623,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -13414,7 +14661,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -13502,7 +14749,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -13537,7 +14784,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -13596,17 +14843,17 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Switch = {
-	Group: _sfc_main$59,
-	HiddenInput: _sfc_main$60,
-	Root: _sfc_main$61,
-	SelectAll: _sfc_main$62,
-	Thumb: _sfc_main$63,
-	Track: _sfc_main$64
+	Group: _sfc_main$71,
+	HiddenInput: _sfc_main$72,
+	Root: _sfc_main$73,
+	SelectAll: _sfc_main$74,
+	Thumb: _sfc_main$75,
+	Track: _sfc_main$76
 };
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -13652,7 +14899,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -13702,13 +14949,13 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/single
 */
 const Single = {
-	Root: _sfc_main$48,
-	Item: _sfc_main$47
+	Root: _sfc_main$60,
+	Item: _sfc_main$59
 };
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -13759,7 +15006,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -13809,13 +15056,13 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/step
 */
 const Step = {
-	Root: _sfc_main$58,
-	Item: _sfc_main$57
+	Root: _sfc_main$70,
+	Item: _sfc_main$69
 };
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -13883,7 +15130,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -13924,7 +15171,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -14039,7 +15286,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -14120,10 +15367,10 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Tabs = {
-	Root: _sfc_main$68,
-	List: _sfc_main$66,
-	Item: _sfc_main$65,
-	Panel: _sfc_main$67
+	Root: _sfc_main$80,
+	List: _sfc_main$78,
+	Item: _sfc_main$77,
+	Panel: _sfc_main$79
 };
 //#endregion
-export { _sfc_main as Atom, Avatar, _sfc_main$1 as AvatarFallback, _sfc_main$2 as AvatarImage, _sfc_main$3 as AvatarRoot, Breadcrumbs, _sfc_main$4 as BreadcrumbsDivider, _sfc_main$5 as BreadcrumbsEllipsis, _sfc_main$6 as BreadcrumbsItem, _sfc_main$7 as BreadcrumbsLink, _sfc_main$8 as BreadcrumbsList, _sfc_main$9 as BreadcrumbsPage, _sfc_main$10 as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, _sfc_main$11 as CheckboxGroup, _sfc_main$12 as CheckboxHiddenInput, _sfc_main$13 as CheckboxIndicator, _sfc_main$14 as CheckboxRoot, _sfc_main$15 as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$16 as DialogActivator, _sfc_main$17 as DialogClose, _sfc_main$18 as DialogContent, _sfc_main$19 as DialogDescription, _sfc_main$20 as DialogRoot, _sfc_main$21 as DialogTitle, ExpansionPanel, _sfc_main$22 as ExpansionPanelActivator, _sfc_main$23 as ExpansionPanelContent, _sfc_main$24 as ExpansionPanelHeader, _sfc_main$25 as ExpansionPanelItem, _sfc_main$26 as ExpansionPanelRoot, FeaturesAdapter, Group, _sfc_main$27 as GroupItem, _sfc_main$28 as GroupRoot, IN_BROWSER, MemoryAdapter, Pagination, _sfc_main$29 as PaginationEllipsis, _sfc_main$30 as PaginationFirst, _sfc_main$31 as PaginationItem, _sfc_main$32 as PaginationLast, _sfc_main$33 as PaginationNext, _sfc_main$34 as PaginationPrev, _sfc_main$35 as PaginationRoot, _sfc_main$36 as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, _sfc_main$37 as PopoverActivator, _sfc_main$38 as PopoverContent, _sfc_main$39 as PopoverRoot, Radio, _sfc_main$40 as RadioGroup, _sfc_main$41 as RadioHiddenInput, _sfc_main$42 as RadioIndicator, _sfc_main$43 as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$44 as Scrim, Selection, _sfc_main$45 as SelectionItem, _sfc_main$46 as SelectionRoot, ServerAdapter, Single, _sfc_main$47 as SingleItem, _sfc_main$48 as SingleRoot, Slider, _sfc_main$49 as SliderHiddenInput, _sfc_main$50 as SliderRange, _sfc_main$51 as SliderRoot, _sfc_main$52 as SliderThumb, _sfc_main$53 as SliderTrack, Splitter, _sfc_main$54 as SplitterHandle, _sfc_main$55 as SplitterPanel, _sfc_main$56 as SplitterRoot, Step, _sfc_main$57 as StepItem, _sfc_main$58 as StepRoot, Switch, _sfc_main$59 as SwitchGroup, _sfc_main$60 as SwitchHiddenInput, _sfc_main$61 as SwitchRoot, _sfc_main$62 as SwitchSelectAll, _sfc_main$63 as SwitchThumb, _sfc_main$64 as SwitchTrack, Tabs, _sfc_main$65 as TabsItem, _sfc_main$66 as TabsList, _sfc_main$67 as TabsPanel, _sfc_main$68 as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0RtlAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useRtl, useRules, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };
+export { _sfc_main as Atom, Avatar, _sfc_main$1 as AvatarFallback, _sfc_main$2 as AvatarImage, _sfc_main$3 as AvatarRoot, Breadcrumbs, _sfc_main$4 as BreadcrumbsDivider, _sfc_main$5 as BreadcrumbsEllipsis, _sfc_main$6 as BreadcrumbsItem, _sfc_main$7 as BreadcrumbsLink, _sfc_main$8 as BreadcrumbsList, _sfc_main$9 as BreadcrumbsPage, _sfc_main$10 as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, _sfc_main$11 as CheckboxGroup, _sfc_main$12 as CheckboxHiddenInput, _sfc_main$13 as CheckboxIndicator, _sfc_main$14 as CheckboxRoot, _sfc_main$15 as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$16 as DialogActivator, _sfc_main$17 as DialogClose, _sfc_main$18 as DialogContent, _sfc_main$19 as DialogDescription, _sfc_main$20 as DialogRoot, _sfc_main$21 as DialogTitle, ExpansionPanel, _sfc_main$22 as ExpansionPanelActivator, _sfc_main$23 as ExpansionPanelContent, _sfc_main$24 as ExpansionPanelHeader, _sfc_main$25 as ExpansionPanelItem, _sfc_main$26 as ExpansionPanelRoot, FeaturesAdapter, _sfc_main$27 as Form, Group, _sfc_main$28 as GroupItem, _sfc_main$29 as GroupRoot, IN_BROWSER, Input, _sfc_main$30 as InputControl, _sfc_main$31 as InputDescription, _sfc_main$32 as InputError, _sfc_main$33 as InputRoot, MemoryAdapter, Pagination, _sfc_main$34 as PaginationEllipsis, _sfc_main$35 as PaginationFirst, _sfc_main$36 as PaginationItem, _sfc_main$37 as PaginationLast, _sfc_main$38 as PaginationNext, _sfc_main$39 as PaginationPrev, _sfc_main$40 as PaginationRoot, _sfc_main$41 as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, _sfc_main$42 as PopoverActivator, _sfc_main$43 as PopoverContent, _sfc_main$44 as PopoverRoot, Radio, _sfc_main$45 as RadioGroup, _sfc_main$46 as RadioHiddenInput, _sfc_main$47 as RadioIndicator, _sfc_main$48 as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$49 as Scrim, Select, _sfc_main$50 as SelectActivator, _sfc_main$51 as SelectContent, _sfc_main$52 as SelectCue, _sfc_main$53 as SelectItem, _sfc_main$54 as SelectPlaceholder, _sfc_main$55 as SelectRoot, _sfc_main$56 as SelectValue, Selection, _sfc_main$57 as SelectionItem, _sfc_main$58 as SelectionRoot, ServerAdapter, Single, _sfc_main$59 as SingleItem, _sfc_main$60 as SingleRoot, Slider, _sfc_main$61 as SliderHiddenInput, _sfc_main$62 as SliderRange, _sfc_main$63 as SliderRoot, _sfc_main$64 as SliderThumb, _sfc_main$65 as SliderTrack, Splitter, _sfc_main$66 as SplitterHandle, _sfc_main$67 as SplitterPanel, _sfc_main$68 as SplitterRoot, Step, _sfc_main$69 as StepItem, _sfc_main$70 as StepRoot, Switch, _sfc_main$71 as SwitchGroup, _sfc_main$72 as SwitchHiddenInput, _sfc_main$73 as SwitchRoot, _sfc_main$74 as SwitchSelectAll, _sfc_main$75 as SwitchThumb, _sfc_main$76 as SwitchTrack, Tabs, _sfc_main$77 as TabsItem, _sfc_main$78 as TabsList, _sfc_main$79 as TabsPanel, _sfc_main$80 as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0RtlAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, provideInputRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectContext, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useInputRoot, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopover, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useRovingFocus, useRtl, useRules, useSelectContext, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useVirtualFocus, useWindowEventListener, version };