@vuetify/v0 0.0.21 → 0.0.23

package/dist/{components-BomyjmT3.mjs → components-BI9xdoz5.mjs}

@@ -1,8 +1,8 @@
 import { r as isSelfClosingTag } from "./htmlElements-CXObxj0V.mjs";
-import { c as isNull, l as isNullOrUndefined, p as isString, r as genId } from "./utilities-CjDz-Xvn.mjs";
-import { E as createSingle, F as createSelection, N as useProxyModel, Y as createContext, i as createPagination, k as createGroup, s as createOverflow, t as createStep, x as useLocale, z as useRegistry } from "./useStep-CfgBbrJB.mjs";
-import { t as IN_BROWSER } from "./globals-C3JrEDXZ.mjs";
-import { computed, createBlock, createCommentVNode, createPropsRestProxy, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import { a as genId, d as isNullOrUndefined, h as isString, p as isObject, u as isNull } from "./utilities-9i1hJnMd.mjs";
+import { $t as createContext, Ht as createRegistry, Nt as useProxyModel, P as createOverflow, Pt as createGroup, b as createStep, bt as createSingle, ht as useLocale, j as createPagination, o as useToggleScope, t as useClickOutside, zt as createSelection } from "./useClickOutside-B47X8X6-.mjs";
+import { t as IN_BROWSER } from "./globals-WKdFmgwy.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 
 //#region src/components/Atom/Atom.vue
 /**
@@ -26,7 +26,7 @@ import { computed, createBlock, createCommentVNode, createPropsRestProxy, create
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -57,12 +57,12 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$27;
+var Atom_default = _sfc_main$42;
 
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarContext] = createContext();
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -87,11 +87,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$26;
+var AvatarRoot_default = _sfc_main$41;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -112,93 +112,799 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
+			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var AvatarFallback_default = _sfc_main$40;
+
+//#endregion
+//#region src/components/Avatar/AvatarImage.vue
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+	name: "AvatarImage",
+	inheritAttrs: false,
+	__name: "AvatarImage",
+	props: {
+		src: {},
+		priority: { default: 0 },
+		namespace: { default: "v0:avatar" },
+		as: { default: "img" },
+		renderless: { type: Boolean }
+	},
+	emits: ["load", "error"],
+	setup(__props, { emit: __emit }) {
+		const props = createPropsRestProxy(__props, [
+			"as",
+			"renderless",
+			"priority",
+			"namespace"
+		]);
+		const emit = __emit;
+		const context = useAvatarRoot(__props.namespace);
+		const ticket = context.register({
+			priority: __props.priority,
+			type: "image",
+			disabled: true
+		});
+		function onLoad(e) {
+			ticket.disabled = false;
+			ticket.select();
+			emit("load", e);
+		}
+		function onError(e) {
+			ticket.disabled = true;
+			const first = context.seek("first");
+			if (first) context.select(first.id);
+			emit("error", e);
+		}
+		onUnmounted(() => {
+			context.unregister(ticket.id);
+		});
+		const slotProps = toRef(() => ({
+			isSelected: ticket.isSelected.value,
+			attrs: {
+				role: "img",
+				onLoad,
+				onError,
+				...props
+			}
+		}));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"])), [[vShow, unref(ticket).isSelected.value]]);
+		};
+	}
+});
+var AvatarImage_default = _sfc_main$39;
+
+//#endregion
+//#region src/components/Avatar/index.ts
+/**
+* Avatar component with sub-components for building avatars.
+*
+* @see https://0.vuetifyjs.com/components/avatar
+*/
+const Avatar = {
+	Root: AvatarRoot_default,
+	Image: AvatarImage_default,
+	Fallback: AvatarFallback_default
+};
+
+//#endregion
+//#region src/components/Checkbox/CheckboxGroup.vue
+const [useCheckboxGroup, provideCheckboxGroup] = createContext();
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxGroup",
+	__name: "CheckboxGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:checkbox:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const group = createGroup({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(group, model, { multiple: true });
+		provideCheckboxGroup(__props.namespace, group);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(group.disabled),
+			isNoneSelected: group.isNoneSelected.value,
+			isAllSelected: group.isAllSelected.value,
+			isMixed: group.isMixed.value,
+			select: group.select,
+			unselect: group.unselect,
+			toggle: group.toggle,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var CheckboxGroup_default = _sfc_main$38;
+
+//#endregion
+//#region src/components/Checkbox/CheckboxRoot.vue
+const [useCheckboxRoot, provideCheckboxRoot] = createContext();
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxRoot",
+	inheritAttrs: false,
+	__name: "CheckboxRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => /* @__PURE__ */ genId() },
+		label: {},
+		value: {},
+		name: {},
+		form: {},
+		disabled: { default: false },
+		indeterminate: { default: false },
+		namespace: { default: "v0:checkbox:root" },
+		groupNamespace: { default: "v0:checkbox:group" },
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaInvalid: { type: Boolean },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useCheckboxGroup(__props.groupNamespace);
+		} catch {}
+		const model = useModel(__props, "modelValue");
+		const ticket = group?.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			indeterminate: __props.indeterminate
+		});
+		const isChecked = toRef(() => ticket ? toValue(ticket.isSelected) : model.value ?? false);
+		const isMixed = toRef(() => ticket ? toValue(ticket.isMixed) : toValue(__props.indeterminate) ?? false);
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : toValue(__props.disabled) ?? false);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		function toggle() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.toggle();
+			else model.value = !model.value;
+		}
+		function select() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.select();
+			else model.value = true;
+		}
+		function unselect() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.unselect();
+			else model.value = false;
+		}
+		function mix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.mix();
+		}
+		function unmix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.unmix();
+		}
+		function onClick() {
+			toggle();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			toggle();
+		}
+		onUnmounted(() => {
+			if (!ticket || !group) return;
+			group.unregister(ticket.id);
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isChecked,
+			isMixed,
+			isDisabled,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix
+		};
+		provideCheckboxRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"role": "checkbox",
+				"aria-checked": isMixed.value ? "mixed" : 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": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Atom_default), mergeProps({
+				...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"]), __props.name ? (openBlock(), createBlock(CheckboxHiddenInput_default, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+var CheckboxRoot_default = _sfc_main$37;
+
+//#endregion
+//#region src/components/Checkbox/CheckboxHiddenInput.vue
+const _hoisted_1$1 = [
+	"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$36 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxHiddenInput",
+	__name: "CheckboxHiddenInput",
+	props: {
+		namespace: { default: "v0:checkbox:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useCheckboxRoot(__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__ */ isNullOrUndefined(v)) return "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$1,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1$1);
+		};
+	}
+});
+var CheckboxHiddenInput_default = _sfc_main$36;
+
+//#endregion
+//#region src/components/Checkbox/CheckboxIndicator.vue
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxIndicator",
+	__name: "CheckboxIndicator",
+	props: {
+		namespace: { default: "v0:checkbox:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useCheckboxRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const isVisible = toRef(() => isChecked.value || isMixed.value);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: {
+				"data-state": dataState.value,
+				"style": { visibility: isVisible.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var CheckboxIndicator_default = _sfc_main$35;
+
+//#endregion
+//#region src/components/Checkbox/CheckboxSelectAll.vue
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+	name: "CheckboxSelectAll",
+	inheritAttrs: false,
+	__name: "CheckboxSelectAll",
+	props: {
+		label: {},
+		disabled: { type: Boolean },
+		namespace: {},
+		groupNamespace: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: {},
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const props = __props;
+		const { as = "button", renderless, label, namespace = "v0:checkbox:root", groupNamespace = "v0:checkbox:group" } = props;
+		const group = useCheckboxGroup(groupNamespace);
+		const id = /* @__PURE__ */ genId();
+		const isAllSelected = toRef(() => group.isAllSelected.value);
+		const isMixed = toRef(() => group.isMixed.value);
+		const isDisabled = toRef(() => toValue(props.disabled) || toValue(group.disabled));
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isAllSelected.value ? "checked" : "unchecked");
+		function onClick() {
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		provideCheckboxRoot(namespace, {
+			id,
+			label,
+			value: void 0,
+			name: void 0,
+			form: void 0,
+			isChecked: isAllSelected,
+			isMixed,
+			isDisabled,
+			select: group.selectAll,
+			unselect: group.unselectAll,
+			toggle: group.toggleAll,
+			mix: () => {},
+			unmix: () => {}
+		});
+		const slotProps = toRef(() => ({
+			label,
+			isAllSelected: isAllSelected.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"type": as === "button" ? "button" : void 0,
+				"role": "checkbox",
+				"aria-checked": isMixed.value ? "mixed" : isAllSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": label || void 0,
+				"aria-labelledby": props.ariaLabelledby || void 0,
+				"aria-describedby": props.ariaDescribedby || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: unref(as),
+				renderless: unref(renderless),
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var CheckboxSelectAll_default = _sfc_main$34;
+
+//#endregion
+//#region src/components/Checkbox/index.ts
+/**
+* Checkbox component with sub-components for checkbox controls.
+*
+* @see https://0.vuetifyjs.com/components/forms/checkbox
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Checkbox } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <label>
+*     <Checkbox.Root>
+*       <Checkbox.Indicator>✓</Checkbox.Indicator>
+*     </Checkbox.Root>
+*     I agree to terms
+*   </label>
+* </template>
+* ```
+*/
+const Checkbox = {
+	Group: CheckboxGroup_default,
+	HiddenInput: CheckboxHiddenInput_default,
+	Indicator: CheckboxIndicator_default,
+	Root: CheckboxRoot_default,
+	SelectAll: CheckboxSelectAll_default
+};
+
+//#endregion
+//#region src/components/Dialog/DialogRoot.vue
+const [useDialogContext, provideDialogContext] = createContext();
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+	name: "DialogRoot",
+	__name: "DialogRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:dialog" },
+		id: {},
+		as: { default: null },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue"], ["update:modelValue"]),
+	setup(__props) {
+		const props = createPropsRestProxy(__props, ["as", "namespace"]);
+		const isOpen = useModel(__props, "modelValue");
+		const id = toRef(() => props.id ?? useId());
+		const titleId = toRef(() => `${toValue(id)}-title`);
+		const descriptionId = toRef(() => `${toValue(id)}-description`);
+		function open() {
+			isOpen.value = true;
+		}
+		function close() {
+			isOpen.value = false;
+		}
+		provideDialogContext(__props.namespace, {
+			isOpen,
+			id: toValue(id),
+			titleId: toValue(titleId),
+			descriptionId: toValue(descriptionId),
+			open,
+			close
+		});
+		const slotProps = toRef(() => ({
+			id: toValue(id),
+			isOpen: isOpen.value,
+			open,
+			close
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				as: __props.as,
+				renderless: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, ["as"]);
+		};
+	}
+});
+var DialogRoot_default = _sfc_main$33;
+
+//#endregion
+//#region src/components/Dialog/DialogClose.vue
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+	name: "DialogClose",
+	__name: "DialogClose",
+	props: {
+		namespace: { default: "v0:dialog" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useDialogContext(__props.namespace);
+		function onClick() {
+			context.close();
+		}
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"aria-label": "Close"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+var DialogClose_default = _sfc_main$32;
+
+//#endregion
+//#region src/components/Dialog/DialogContent.vue
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+	name: "DialogContent",
+	__name: "DialogContent",
+	props: {
+		namespace: { default: "v0:dialog" },
+		closeOnClickOutside: {
+			type: Boolean,
+			default: true
+		},
+		as: { default: "dialog" },
+		renderless: { type: Boolean }
+	},
+	emits: ["cancel", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const context = useDialogContext(__props.namespace);
+		const contentRef = useTemplateRef("content");
+		onMounted(() => {
+			if (context.isOpen.value) (contentRef.value?.element)?.showModal();
+		});
+		watch(context.isOpen, (isOpen) => {
+			const element = contentRef.value?.element;
+			if (!element) return;
+			if (isOpen) element.showModal?.();
+			else element.close?.();
+		});
+		useToggleScope(
+			() => __props.closeOnClickOutside && context.isOpen.value,
+			/* v8 ignore start -- callback tested via useClickOutside */
+			() => {
+				useClickOutside(() => contentRef.value?.element, () => context.close(), { bounds: true });
+			}
+			/* v8 ignore stop */
+		);
+		function onCancel(e) {
+			context.isOpen.value = false;
+			emit("cancel", e);
+		}
+		function onClose(e) {
+			context.isOpen.value = false;
+			emit("close", e);
+		}
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				"id": context.id,
+				"role": "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": context.titleId,
+				"aria-describedby": context.descriptionId
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				ref: "content",
+				as: __props.as
+			}, slotProps.value.attrs, {
+				onCancel,
+				onClose
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+var DialogContent_default = _sfc_main$31;
+
+//#endregion
+//#region src/components/Dialog/DialogDescription.vue
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+	name: "DialogDescription",
+	__name: "DialogDescription",
+	props: {
+		namespace: { default: "v0:dialog" },
+		as: { default: "p" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useDialogContext(__props.namespace);
+		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+var DialogDescription_default = _sfc_main$30;
+
+//#endregion
+//#region src/components/Dialog/DialogTitle.vue
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+	name: "DialogTitle",
+	__name: "DialogTitle",
+	props: {
+		namespace: { default: "v0:dialog" },
+		as: { default: "h2" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useDialogContext(__props.namespace);
+		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$25;
+var DialogTitle_default = _sfc_main$29;
 
 //#endregion
-//#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-	name: "AvatarImage",
-	inheritAttrs: false,
-	__name: "AvatarImage",
+//#region src/components/Dialog/DialogActivator.vue
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+	name: "DialogActivator",
+	__name: "DialogActivator",
 	props: {
-		src: {},
-		priority: { default: 0 },
-		namespace: { default: "v0:avatar" },
-		as: { default: "img" },
+		namespace: { default: "v0:dialog" },
+		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
-	emits: ["load", "error"],
-	setup(__props, { emit: __emit }) {
-		const props = createPropsRestProxy(__props, [
-			"as",
-			"renderless",
-			"priority",
-			"namespace"
-		]);
-		const emit = __emit;
-		const context = useAvatarRoot(__props.namespace);
-		const ticket = context.register({
-			priority: __props.priority,
-			type: "image",
-			disabled: true
-		});
-		function onLoad(e) {
-			ticket.disabled = false;
-			ticket.select();
-			emit("load", e);
-		}
-		function onError(e) {
-			ticket.disabled = true;
-			const first = context.seek("first");
-			if (first) context.select(first.id);
-			emit("error", e);
+	setup(__props) {
+		const context = useDialogContext(__props.namespace);
+		function onClick() {
+			context.open();
 		}
-		onUnmounted(() => {
-			context.unregister(ticket.id);
-		});
 		const slotProps = toRef(() => ({
-			isSelected: ticket.isSelected.value,
+			isOpen: context.isOpen.value,
 			attrs: {
-				role: "img",
-				onLoad,
-				onError,
-				...props
+				"type": __props.as === "button" ? "button" : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": context.isOpen.value,
+				"data-dialog-open": context.isOpen.value ? "" : void 0
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
-				as: __props.as,
-				renderless: __props.renderless
-			}), {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"])), [[vShow, unref(ticket).isSelected.value]]);
+			}, 16, ["as"]);
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$24;
+var DialogActivator_default = _sfc_main$28;
 
 //#endregion
-//#region src/components/Avatar/index.ts
+//#region src/components/Dialog/index.ts
 /**
-* Avatar component with sub-components for building avatars.
+* Dialog component with sub-components for building modal dialogs.
 *
-* @see https://0.vuetifyjs.com/components/avatar
+* @see https://0.vuetifyjs.com/components/dialog
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Dialog } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Dialog.Root>
+*     <Dialog.Activator>
+*       Open Dialog
+*     </Dialog.Activator>
+*
+*     <Dialog.Content>
+*       <Dialog.Title>Dialog Title</Dialog.Title>
+*       <Dialog.Description>Dialog description text.</Dialog.Description>
+*
+*       <p>Dialog content goes here.</p>
+*
+*       <Dialog.Close>Close</Dialog.Close>
+*     </Dialog.Content>
+*   </Dialog.Root>
+* </template>
+* ```
 */
-const Avatar = {
-	Root: AvatarRoot_default,
-	Image: AvatarImage_default,
-	Fallback: AvatarFallback_default
+const Dialog = {
+	Root: DialogRoot_default,
+	Activator: DialogActivator_default,
+	Content: DialogContent_default,
+	Title: DialogTitle_default,
+	Description: DialogDescription_default,
+	Close: DialogClose_default
 };
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelSelection] = createContext();
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -255,12 +961,12 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$23;
+var ExpansionPanelRoot_default = _sfc_main$27;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -304,11 +1010,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$22;
+var ExpansionPanelItem_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -354,11 +1060,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$21;
+var ExpansionPanelActivator_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -389,11 +1095,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$20;
+var ExpansionPanelContent_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -418,7 +1124,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$19;
+var ExpansionPanelHeader_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
@@ -438,7 +1144,7 @@ const ExpansionPanel = {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -488,11 +1194,11 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$18;
+var GroupRoot_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -541,7 +1247,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$17;
+var GroupItem_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/Group/index.ts
@@ -560,7 +1266,7 @@ const Group = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -582,8 +1288,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const page = useModel(__props, "modelValue");
 		const locale = useLocale();
-		const controls = useRegistry();
-		const items = useRegistry();
+		const controls = createRegistry();
+		const items = createRegistry();
 		const atom = useTemplateRef("atom");
 		const itemWidth = shallowRef(0);
 		const itemGap = shallowRef(0);
@@ -592,27 +1298,32 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			itemWidth,
 			gap: itemGap
 		});
+		/* v8 ignore start -- browser-only measurement code */
 		watch([() => items.size, () => overflow.width.value], () => {
 			if (!IN_BROWSER) return;
 			const el = items.seek("first")?.value;
 			const root = overflow.container.value;
 			if (!el || !root) return;
-			const rootStyle = getComputedStyle(root);
-			const style = getComputedStyle(el);
-			const marginX = Number.parseFloat(style.marginLeft) + Number.parseFloat(style.marginRight);
-			const gapX = Number.parseFloat(rootStyle.gap) || 0;
-			itemWidth.value = el.offsetWidth + marginX;
-			itemGap.value = gapX;
+			requestAnimationFrame(() => {
+				const rootStyle = getComputedStyle(root);
+				const style = getComputedStyle(el);
+				const marginX = Number.parseFloat(style.marginLeft) + Number.parseFloat(style.marginRight);
+				const gapX = Number.parseFloat(rootStyle.gap) || 0;
+				itemWidth.value = el.offsetWidth + marginX;
+				itemGap.value = gapX;
+			});
 		}, { flush: "post" });
 		const pagination = createPagination({
 			page,
 			visible: computed(() => {
 				const totalCap = overflow.capacity.value;
 				if (totalCap === Infinity) return __props.totalVisible ?? 7;
+				/* v8 ignore start -- branches require browser measurement */
 				const pageCap = Math.max(0, totalCap - controls.size);
 				const noVisible = /* @__PURE__ */ isNullOrUndefined(__props.totalVisible);
 				if (pageCap > 0) return noVisible ? pageCap : Math.min(__props.totalVisible, pageCap);
 				return noVisible ? 1 : __props.totalVisible;
+				/* v8 ignore stop */
 			}),
 			ellipsis: __props.ellipsis,
 			size: () => __props.size,
@@ -655,11 +1366,11 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$16;
+var PaginationRoot_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -694,17 +1405,17 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(resolvedEllipsis.value), 1)])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(resolvedEllipsis.value), 1), createCommentVNode(" v8 ignore -- template fallback ")])]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$15;
+var PaginationEllipsis_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -759,11 +1470,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$14;
+var PaginationFirst_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -829,11 +1540,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$13;
+var PaginationItem_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -888,11 +1599,11 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$12;
+var PaginationLast_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -947,11 +1658,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$11;
+var PaginationNext_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -1006,11 +1717,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$10;
+var PaginationPrev_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -1022,6 +1733,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		const locale = useLocale();
 		const pagination = usePaginationRoot(__props.namespace);
 		const text = shallowRef("");
+		/* v8 ignore start -- watch fires after mount, setTimeout callback requires timer */
 		watch(() => pagination.page.value, (page, prevPage) => {
 			if (prevPage === void 0) return;
 			setTimeout(() => {
@@ -1031,6 +1743,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 				}, `Page ${page} of ${pagination.pages}`);
 			}, 100);
 		});
+		/* v8 ignore stop */
 		const slotProps = toRef(() => ({
 			page: pagination.page.value,
 			pages: pagination.pages,
@@ -1052,7 +1765,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationStatus_default = _sfc_main$9;
+var PaginationStatus_default = _sfc_main$13;
 
 //#endregion
 //#region src/components/Pagination/index.ts
@@ -1075,7 +1788,7 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1118,13 +1831,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverRoot_default = _sfc_main$8;
+var PopoverRoot_default = _sfc_main$12;
 
 //#endregion
-//#region src/components/Popover/PopoverAnchor.vue
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-	name: "PopoverAnchor",
-	__name: "PopoverAnchor",
+//#region src/components/Popover/PopoverActivator.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "PopoverActivator",
+	__name: "PopoverActivator",
 	props: {
 		target: {},
 		as: { default: "button" },
@@ -1154,11 +1867,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverAnchor_default = _sfc_main$7;
+var PopoverActivator_default = _sfc_main$11;
 
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -1176,21 +1889,28 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 		const ref$1 = useTemplateRef("ref");
 		const id = toRef(() => props.id ?? context.id);
 		const style = toRef(() => ({
-			positionArea: __props.positionArea,
-			positionAnchor: `--${toValue(id)}`,
-			positionTry: __props.positionTry
+			"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$1.value?.element?.showPopover();
 		});
 		watch(context.isSelected, (isOpen) => {
 			const element = ref$1.value?.element;
-			if (!element) return;
+			if (!element || isOpen === element.matches?.(":popover-open")) return;
 			if (isOpen) element.showPopover?.();
 			else element.hidePopover?.();
 		});
-		function onBeforeToggle(e) {
+		function onToggle(e) {
 			context.isSelected.value = e.newState === "open";
+		}
+		/* v8 ignore stop */
+		function onBeforeToggle(e) {
 			emit("beforetoggle", e);
 		}
 		const slotProps = toRef(() => ({
@@ -1205,14 +1925,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 				ref_key: "ref",
 				ref: ref$1,
 				style: style.value
-			}, slotProps.value.attrs, { onBeforetoggle: onBeforeToggle }), {
+			}, slotProps.value.attrs, {
+				onBeforetoggle: onBeforeToggle,
+				onToggle
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["style"]);
 		};
 	}
 });
-var PopoverContent_default = _sfc_main$6;
+var PopoverContent_default = _sfc_main$10;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -1223,10 +1946,336 @@ var PopoverContent_default = _sfc_main$6;
 */
 const Popover = {
 	Root: PopoverRoot_default,
-	Anchor: PopoverAnchor_default,
+	Activator: PopoverActivator_default,
 	Content: PopoverContent_default
 };
 
+//#endregion
+//#region src/components/Radio/RadioGroup.vue
+const [useRadioGroup, provideRadioGroup] = createContext();
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "RadioGroup",
+	__name: "RadioGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:radio:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaRequired: { type: Boolean },
+		name: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const single = createSingle({
+			disabled: toRef(() => __props.disabled),
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(single, model, { multiple: false });
+		provideRadioGroup(__props.namespace, {
+			...single,
+			name: __props.name
+		});
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(single.disabled),
+			isNoneSelected: single.selectedIds.size === 0,
+			attrs: {
+				"role": "radiogroup",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-required": __props.ariaRequired || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var RadioGroup_default = _sfc_main$9;
+
+//#endregion
+//#region src/components/Radio/RadioRoot.vue
+const [useRadioRoot, provideRadioRoot] = createContext();
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	name: "RadioRoot",
+	inheritAttrs: false,
+	__name: "RadioRoot",
+	props: {
+		id: { default: () => /* @__PURE__ */ genId() },
+		label: {},
+		value: {},
+		name: {},
+		form: {},
+		disabled: { default: false },
+		namespace: { default: "v0:radio:root" },
+		groupNamespace: { default: "v0:radio:group" },
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaInvalid: { type: Boolean },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootRef = useTemplateRef("root");
+		const group = useRadioGroup(__props.groupNamespace);
+		const name = __props.name ?? group.name;
+		const el = toRef(() => rootRef.value?.element ?? void 0);
+		const ticket = group.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			el
+		});
+		const isChecked = toRef(() => toValue(ticket.isSelected));
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(group.disabled));
+		const dataState = toRef(() => isChecked.value ? "checked" : "unchecked");
+		const isTabbable = toRef(() => {
+			if (toValue(group.disabled)) return false;
+			if (toValue(ticket.disabled)) return false;
+			if (toValue(ticket.isSelected)) return true;
+			if (group.selectedIds.size > 0) return false;
+			for (const item of group.values()) if (!toValue(item.disabled)) return item.id === __props.id;
+			return false;
+		});
+		function select() {
+			if (isDisabled.value) return;
+			ticket.select();
+		}
+		function onClick() {
+			select();
+		}
+		function onKeydown(e) {
+			if (e.key === " ") {
+				e.preventDefault();
+				select();
+				return;
+			}
+			if (![
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight"
+			].includes(e.key)) return;
+			e.preventDefault();
+			const items = [...group.values()].filter((item) => !toValue(item.disabled));
+			const currentIndex = items.findIndex((item) => item.id === __props.id);
+			if (currentIndex === -1) return;
+			let nextIndex;
+			if (e.key === "ArrowUp" || e.key === "ArrowLeft") nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;
+			else nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;
+			const nextItem = items[nextIndex];
+			if (!nextItem) return;
+			nextItem.select();
+			toValue(nextItem.el)?.focus();
+		}
+		onUnmounted(() => {
+			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(Atom_default), 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(RadioHiddenInput_default, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+var RadioRoot_default = _sfc_main$8;
+
+//#endregion
+//#region src/components/Radio/RadioHiddenInput.vue
+const _hoisted_1 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle = {
+	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$7 = /* @__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,
+				tabindex: "-1",
+				type: "radio",
+				value: value.value
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+var RadioHiddenInput_default = _sfc_main$7;
+
+//#endregion
+//#region src/components/Radio/RadioIndicator.vue
+const _sfc_main$6 = /* @__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(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var RadioIndicator_default = _sfc_main$6;
+
+//#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: RadioGroup_default,
+	HiddenInput: RadioHiddenInput_default,
+	Indicator: RadioIndicator_default,
+	Root: RadioRoot_default
+};
+
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
@@ -1560,4 +2609,4 @@ const Step = {
 };
 
 //#endregion
-export { AvatarImage_default as $, PaginationRoot_default as A, provideGroupRoot as B, PaginationStatus_default as C, PaginationItem_default as D, PaginationLast_default as E, usePaginationItems as F, ExpansionPanelActivator_default as G, ExpansionPanel as H, usePaginationRoot as I, useExpansionPanelItem as J, ExpansionPanelItem_default as K, Group as L, providePaginationItems as M, providePaginationRoot as N, PaginationFirst_default as O, usePaginationControls as P, Avatar as Q, GroupItem_default as R, Pagination as S, PaginationNext_default as T, ExpansionPanelHeader_default as U, useGroupRoot as V, ExpansionPanelContent_default as W, provideExpansionPanelSelection as X, ExpansionPanelRoot_default as Y, useExpansionPanelRoot as Z, PopoverContent_default as _, useStepRoot as a, providePopoverContext as b, SingleRoot_default as c, Selection as d, AvatarFallback_default as et, SelectionItem_default as f, Popover as g, useSelectionRoot as h, provideStepRoot as i, Atom_default as it, providePaginationControls as j, PaginationEllipsis_default as k, provideSingleRoot as l, provideSelectionRoot as m, StepItem_default as n, provideAvatarContext as nt, Single as o, SelectionRoot_default as p, provideExpansionPanelItem as q, StepRoot_default as r, useAvatarRoot as rt, SingleItem_default as s, Step as t, AvatarRoot_default as tt, useSingleRoot as u, PopoverAnchor_default as v, PaginationPrev_default as w, usePopoverContext as x, PopoverRoot_default as y, GroupRoot_default as z };
+export { ExpansionPanelContent_default as $, usePopoverContext as A, provideAvatarContext as At, providePaginationControls as B, provideRadioGroup as C, CheckboxGroup_default as Ct, PopoverActivator_default as D, AvatarImage_default as Dt, PopoverContent_default as E, Avatar as Et, PaginationLast_default as F, usePaginationRoot as G, providePaginationRoot as H, PaginationItem_default as I, GroupRoot_default as J, Group as K, PaginationFirst_default as L, PaginationStatus_default as M, Atom_default as Mt, PaginationPrev_default as N, PopoverRoot_default as O, AvatarFallback_default as Ot, PaginationNext_default as P, ExpansionPanelHeader_default as Q, PaginationEllipsis_default as R, RadioGroup_default as S, useCheckboxRoot as St, Popover as T, useCheckboxGroup as Tt, usePaginationControls as U, providePaginationItems as V, usePaginationItems as W, useGroupRoot as X, provideGroupRoot as Y, ExpansionPanel as Z, RadioIndicator_default as _, CheckboxSelectAll_default as _t, useStepRoot as a, provideExpansionPanelSelection as at, provideRadioRoot as b, CheckboxRoot_default as bt, SingleRoot_default as c, DialogActivator_default as ct, Selection as d, DialogContent_default as dt, ExpansionPanelActivator_default as et, SelectionItem_default as f, DialogClose_default as ft, Radio as g, Checkbox as gt, useSelectionRoot as h, useDialogContext as ht, provideStepRoot as i, ExpansionPanelRoot_default as it, Pagination as j, useAvatarRoot as jt, providePopoverContext as k, AvatarRoot_default as kt, provideSingleRoot as l, DialogTitle_default as lt, provideSelectionRoot as m, provideDialogContext as mt, StepItem_default as n, provideExpansionPanelItem as nt, Single as o, useExpansionPanelRoot as ot, SelectionRoot_default as p, DialogRoot_default as pt, GroupItem_default as q, StepRoot_default as r, useExpansionPanelItem as rt, SingleItem_default as s, Dialog as st, Step as t, ExpansionPanelItem_default as tt, useSingleRoot as u, DialogDescription_default as ut, RadioHiddenInput_default as v, CheckboxIndicator_default as vt, useRadioGroup as w, provideCheckboxGroup as wt, useRadioRoot as x, provideCheckboxRoot as xt, RadioRoot_default as y, CheckboxHiddenInput_default as yt, PaginationRoot_default as z };