@vuetify/v0 0.1.7 → 0.1.8

package/dist/{components-CACff-Lt.mjs → components-BbxKYAXs.mjs}

@@ -1,13 +1,14 @@
 import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-BqRH_jdr.mjs";
+import { t as IN_BROWSER } from "./globals-ClSU6mqC.mjs";
 import { clamp, isArray, isNull, isNullOrUndefined, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
-import { n as createContext } from "./createTrinity-C_c8eedz.mjs";
-import { i as createRegistry } from "./createTokens-CMRBDlzN.mjs";
-import { t as createSelection } from "./createSelection-DvOR2tKk.mjs";
-import { t as createSingle } from "./createSingle-Bbcwcq4R.mjs";
-import { C as useStack, _ as createStep, c as useToggleScope, n as useDocumentEventListener, ot as useProxyModel, st as createOverflow, t as useClickOutside, vt as createBreadcrumbs, w as createSlider } from "./useClickOutside-YOGwKo7v.mjs";
-import { t as createGroup } from "./createGroup-Cf6lK9BR.mjs";
-import { a as useLocale } from "./useLocale-C8I_fNAS.mjs";
+import { n as createContext, r as provideContext } from "./createTrinity-C_c8eedz.mjs";
+import { i as createRegistry } from "./createTokens-CXlT0Vc6.mjs";
+import { t as createSelection } from "./createSelection-8MX0OHXR.mjs";
+import { t as createSingle } from "./createSingle-CbuOBb-E.mjs";
+import { I as usePopover, T as createSlider, Z as createForm, a as useVirtualFocus, l as useToggleScope, lt as useProxyModel, n as useDocumentEventListener, q as useLazy, t as useClickOutside, u as createValidation, ut as createOverflow, v as createStep, w as useStack, xt as createBreadcrumbs } from "./useClickOutside-W0Sur1rC.mjs";
+import { t as createGroup } from "./createGroup-BpJFi41X.mjs";
+import { t as toArray } from "./toArray-VdROPpy-.mjs";
+import { a as useLocale } from "./useLocale-cQlPxbpV.mjs";
 import { t as createPagination } from "./createPagination-Bu8vE0JW.mjs";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/Atom/Atom.vue
@@ -32,7 +33,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -66,7 +67,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -81,7 +82,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		});
 		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), {
+			return openBlock(), createBlock(unref(_sfc_main$81), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -93,7 +94,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -107,7 +108,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		onUnmounted(() => context.unregister(ticket.id));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$68), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$81), {
 				key: 0,
 				as: __props.as,
 				renderless: __props.renderless
@@ -120,7 +121,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -170,7 +171,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -188,14 +189,14 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/avatar
 */
 const Avatar = {
-	Root: _sfc_main$67,
-	Image: _sfc_main$65,
-	Fallback: _sfc_main$66
+	Root: _sfc_main$80,
+	Image: _sfc_main$78,
+	Fallback: _sfc_main$79
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -323,7 +324,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref: "container",
 				as: __props.as,
 				renderless: __props.renderless
@@ -336,7 +337,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -372,7 +373,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -385,7 +386,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -428,7 +429,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -441,7 +442,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -480,7 +481,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -493,7 +494,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -502,7 +503,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), {
+			return openBlock(), createBlock(unref(_sfc_main$81), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -514,7 +515,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -524,7 +525,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -536,7 +537,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -546,7 +547,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -564,18 +565,18 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/breadcrumbs
 */
 const Breadcrumbs = {
-	Root: _sfc_main$64,
-	List: _sfc_main$59,
-	Item: _sfc_main$61,
-	Link: _sfc_main$60,
-	Page: _sfc_main$58,
-	Divider: _sfc_main$63,
-	Ellipsis: _sfc_main$62
+	Root: _sfc_main$77,
+	List: _sfc_main$72,
+	Item: _sfc_main$74,
+	Link: _sfc_main$73,
+	Page: _sfc_main$71,
+	Divider: _sfc_main$76,
+	Ellipsis: _sfc_main$75
 };
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -631,7 +632,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -644,7 +645,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -763,7 +764,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -774,20 +775,20 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$55, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(_sfc_main$68, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#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",
@@ -798,7 +799,7 @@ const visuallyHiddenStyle$2 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -826,17 +827,17 @@ const _sfc_main$55 = /* @__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);
 		};
 	}
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -859,7 +860,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -871,7 +872,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -942,7 +943,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -981,16 +982,16 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Checkbox = {
-	Group: _sfc_main$57,
-	HiddenInput: _sfc_main$55,
-	Indicator: _sfc_main$54,
-	Root: _sfc_main$56,
-	SelectAll: _sfc_main$53
+	Group: _sfc_main$70,
+	HiddenInput: _sfc_main$68,
+	Indicator: _sfc_main$67,
+	Root: _sfc_main$69,
+	SelectAll: _sfc_main$66
 };
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1032,7 +1033,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), {
+			return openBlock(), createBlock(unref(_sfc_main$81), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -1044,7 +1045,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -1065,7 +1066,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1074,7 +1075,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -1142,7 +1143,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -1158,7 +1159,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -1170,7 +1171,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1179,7 +1180,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -1191,7 +1192,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1200,7 +1201,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -1223,7 +1224,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1262,17 +1263,17 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Dialog = {
-	Root: _sfc_main$52,
-	Activator: _sfc_main$47,
-	Content: _sfc_main$50,
-	Title: _sfc_main$48,
-	Description: _sfc_main$49,
-	Close: _sfc_main$51
+	Root: _sfc_main$65,
+	Activator: _sfc_main$60,
+	Content: _sfc_main$63,
+	Title: _sfc_main$61,
+	Description: _sfc_main$62,
+	Close: _sfc_main$64
 };
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1319,7 +1320,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		}));
 		provideExpansionPanelRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), {
+			return openBlock(), createBlock(unref(_sfc_main$81), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -1332,7 +1333,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -1366,7 +1367,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			isDisabled
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1378,7 +1379,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -1414,7 +1415,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1426,7 +1427,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -1447,7 +1448,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1459,7 +1460,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -1474,7 +1475,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": item.ticket.isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1492,16 +1493,86 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/expansion-panels
 */
 const ExpansionPanel = {
-	Root: _sfc_main$46,
-	Item: _sfc_main$45,
-	Header: _sfc_main$42,
-	Activator: _sfc_main$44,
-	Content: _sfc_main$43
+	Root: _sfc_main$59,
+	Item: _sfc_main$58,
+	Header: _sfc_main$55,
+	Activator: _sfc_main$57,
+	Content: _sfc_main$56
 };
 //#endregion
+//#region src/components/Form/Form.vue
+const _sfc_main$54 = /* @__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$81), 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$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1553,7 +1624,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -1610,105 +1681,159 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/group
 */
 const Group = {
-	Root: _sfc_main$41,
-	Item: _sfc_main$40
+	Root: _sfc_main$53,
+	Item: _sfc_main$52
 };
 //#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$39 = /* @__PURE__ */ defineComponent({
-	name: "PaginationRoot",
-	__name: "PaginationRoot",
+//#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$51 = /* @__PURE__ */ defineComponent({
+	name: "InputRoot",
+	inheritAttrs: false,
+	__name: "InputRoot",
 	props: /* @__PURE__ */ mergeModels({
-		namespace: { default: "v0:pagination" },
-		size: { default: 1 },
-		totalVisible: {},
-		itemsPerPage: { default: 10 },
-		ellipsis: {
-			type: [String, Boolean],
-			default: "..."
+		id: { default: () => useId() },
+		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
 		},
-		as: { default: "nav" },
+		errorMessages: {},
+		namespace: { default: "v0:input:root" },
+		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
-		"modelValue": { default: 1 },
+		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:isFocused"], ["update:modelValue"]),
 	setup(__props) {
-		const page = useModel(__props, "modelValue");
-		const locale = useLocale();
-		const controls = createRegistry();
-		const items = createRegistry();
-		const atom = useTemplateRef("atom");
-		const itemWidth = shallowRef(0);
-		const itemGap = shallowRef(0);
-		const overflow = createOverflow({
-			container: () => atom.value?.element,
-			itemWidth,
-			gap: itemGap
+		const attrs = useAttrs();
+		const model = useModel(__props, "modelValue");
+		const parsed = toRef(() => parseValidateOn(__props.validateOn));
+		const validation = createValidation({
+			rules: __props.rules,
+			value: model
 		});
-		/* 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;
-			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,
-			itemsPerPage: () => __props.itemsPerPage
+		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(() => ({
-			page: pagination.page.value,
-			size: pagination.size,
-			pages: pagination.pages,
-			itemsPerPage: pagination.itemsPerPage,
-			items: pagination.items.value,
-			pageStart: pagination.pageStart.value,
-			pageStop: pagination.pageStop.value,
-			isFirst: pagination.isFirst.value,
-			isLast: pagination.isLast.value,
-			first: pagination.first,
-			last: pagination.last,
-			next: pagination.next,
-			prev: pagination.prev,
-			select: pagination.select,
+			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: {
-				"aria-label": locale.t("Pagination.label", void 0, "Pagination"),
-				"role": __props.as === "nav" ? void 0 : "navigation"
+				"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
 			}
 		}));
-		providePaginationRoot(__props.namespace, pagination);
-		providePaginationControls(__props.namespace, controls);
-		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
-				ref_key: "atom",
-				ref: atom
-			}, slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1719,51 +1844,349 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
-	name: "PaginationEllipsis",
-	__name: "PaginationEllipsis",
+//#region src/components/Input/InputControl.vue
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+	name: "InputControl",
+	inheritAttrs: false,
+	__name: "InputControl",
 	props: {
-		namespace: { default: "v0:pagination" },
-		ellipsis: {},
-		id: { default: () => useId() },
-		as: { default: "span" },
+		namespace: { default: "v0:input:root" },
+		as: { default: "input" },
 		renderless: { type: Boolean }
 	},
 	setup(__props) {
-		const pagination = usePaginationRoot(__props.namespace);
-		const items = usePaginationItems(__props.namespace);
-		const atom = useTemplateRef("atom");
-		watch(() => atom.value?.element, (el) => {
-			if (!el) return;
-			items.register({
-				id: __props.id,
-				value: el
-			});
-		}, { immediate: true });
-		const resolvedEllipsis = toRef(() => __props.ellipsis ?? pagination.ellipsis);
+		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(() => ({
-			ellipsis: resolvedEllipsis.value,
-			attrs: { "aria-hidden": "true" }
+			value: root.value.value,
+			isFocused: root.isFocused.value,
+			isDisabled: root.isDisabled.value,
+			isReadonly: root.isReadonly.value,
+			attrs: controlAttrs.value
 		}));
-		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
-				ref_key: "atom",
-				ref: atom
-			}, slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
+				...unref(attrs),
+				...controlAttrs.value
+			}, {
 				as: __props.as,
-				renderless: __props.renderless
+				renderless: __props.renderless,
+				onBlur,
+				onFocus,
+				onInput
 			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(resolvedEllipsis.value), 1), createCommentVNode(" v8 ignore -- template fallback ")])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
 	}
 });
 //#endregion
-//#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+//#region src/components/Input/InputDescription.vue
+const _sfc_main$49 = /* @__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$81), 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$48 = /* @__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$81), 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$50,
+	Description: _sfc_main$49,
+	Error: _sfc_main$48,
+	Root: _sfc_main$51
+};
+//#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$47 = /* @__PURE__ */ defineComponent({
+	name: "PaginationRoot",
+	__name: "PaginationRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:pagination" },
+		size: { default: 1 },
+		totalVisible: {},
+		itemsPerPage: { default: 10 },
+		ellipsis: {
+			type: [String, Boolean],
+			default: "..."
+		},
+		as: { default: "nav" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { default: 1 },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const page = useModel(__props, "modelValue");
+		const locale = useLocale();
+		const controls = createRegistry();
+		const items = createRegistry();
+		const atom = useTemplateRef("atom");
+		const itemWidth = shallowRef(0);
+		const itemGap = shallowRef(0);
+		const overflow = createOverflow({
+			container: () => atom.value?.element,
+			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;
+			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,
+			itemsPerPage: () => __props.itemsPerPage
+		});
+		const slotProps = toRef(() => ({
+			page: pagination.page.value,
+			size: pagination.size,
+			pages: pagination.pages,
+			itemsPerPage: pagination.itemsPerPage,
+			items: pagination.items.value,
+			pageStart: pagination.pageStart.value,
+			pageStop: pagination.pageStop.value,
+			isFirst: pagination.isFirst.value,
+			isLast: pagination.isLast.value,
+			first: pagination.first,
+			last: pagination.last,
+			next: pagination.next,
+			prev: pagination.prev,
+			select: pagination.select,
+			attrs: {
+				"aria-label": locale.t("Pagination.label", void 0, "Pagination"),
+				"role": __props.as === "nav" ? void 0 : "navigation"
+			}
+		}));
+		providePaginationRoot(__props.namespace, pagination);
+		providePaginationControls(__props.namespace, controls);
+		providePaginationItems(__props.namespace, items);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
+				ref_key: "atom",
+				ref: atom
+			}, 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/Pagination/PaginationEllipsis.vue
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+	name: "PaginationEllipsis",
+	__name: "PaginationEllipsis",
+	props: {
+		namespace: { default: "v0:pagination" },
+		ellipsis: {},
+		id: { default: () => useId() },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const pagination = usePaginationRoot(__props.namespace);
+		const items = usePaginationItems(__props.namespace);
+		const atom = useTemplateRef("atom");
+		watch(() => atom.value?.element, (el) => {
+			if (!el) return;
+			items.register({
+				id: __props.id,
+				value: el
+			});
+		}, { immediate: true });
+		const resolvedEllipsis = toRef(() => __props.ellipsis ?? pagination.ellipsis);
+		const slotProps = toRef(() => ({
+			ellipsis: resolvedEllipsis.value,
+			attrs: { "aria-hidden": "true" }
+		}));
+		onBeforeUnmount(() => items.unregister(__props.id));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
+				ref_key: "atom",
+				ref: atom
+			}, slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(resolvedEllipsis.value), 1), createCommentVNode(" v8 ignore -- template fallback ")])]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Pagination/PaginationFirst.vue
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -1805,7 +2228,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -1820,7 +2243,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -1873,7 +2296,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -1888,7 +2311,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -1930,7 +2353,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -1945,7 +2368,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -1987,7 +2410,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2002,7 +2425,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -2044,7 +2467,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2059,7 +2482,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -2093,7 +2516,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2111,19 +2534,19 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/pagination
 */
 const Pagination = {
-	Root: _sfc_main$39,
-	Item: _sfc_main$36,
-	First: _sfc_main$37,
-	Prev: _sfc_main$33,
-	Ellipsis: _sfc_main$38,
-	Next: _sfc_main$34,
-	Last: _sfc_main$35,
-	Status: _sfc_main$32
+	Root: _sfc_main$47,
+	Item: _sfc_main$44,
+	First: _sfc_main$45,
+	Prev: _sfc_main$41,
+	Ellipsis: _sfc_main$46,
+	Next: _sfc_main$42,
+	Last: _sfc_main$43,
+	Status: _sfc_main$40
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2140,22 +2563,21 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const isSelected = useModel(__props, "modelValue");
-		const id = __props.id ?? useId();
-		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$68), {
+			return openBlock(), createBlock(unref(_sfc_main$81), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -2167,7 +2589,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -2179,17 +2601,20 @@ const _sfc_main$30 = /* @__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) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				as: __props.as,
 				style: style.value
 			}, slotProps.value.attrs), {
@@ -2201,13 +2626,13 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
 		id: {},
-		positionArea: { default: "bottom" },
-		positionTry: { default: "most-width bottom" },
+		positionArea: {},
+		positionTry: {},
 		as: {},
 		renderless: { type: Boolean }
 	},
@@ -2218,50 +2643,35 @@ const _sfc_main$29 = /* @__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: ""
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				ref_key: "ref",
 				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"]);
@@ -2276,14 +2686,14 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/popover
 */
 const Popover = {
-	Root: _sfc_main$31,
-	Activator: _sfc_main$30,
-	Content: _sfc_main$29
+	Root: _sfc_main$39,
+	Activator: _sfc_main$38,
+	Content: _sfc_main$37
 };
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -2335,7 +2745,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2348,7 +2758,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -2458,7 +2868,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$68), mergeProps({ ref: "root" }, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$81), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2469,20 +2879,20 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$26, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+			}, 16, ["as", "renderless"]), unref(name) ? (openBlock(), createBlock(_sfc_main$34, { key: 0 })) : createCommentVNode("v-if", true)], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/Radio/RadioHiddenInput.vue
-const _hoisted_1$2 = [
+const _hoisted_1$3 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle$1 = {
+const visuallyHiddenStyle$2 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -2493,7 +2903,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -2520,17 +2930,17 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle$1,
+				style: visuallyHiddenStyle$2,
 				tabindex: "-1",
 				type: "radio",
 				value: value.value
-			}, null, 8, _hoisted_1$2);
+			}, null, 8, _hoisted_1$3);
 		};
 	}
 });
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -2550,7 +2960,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2595,14 +3005,14 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 * ```
 */
 const Radio = {
-	Group: _sfc_main$28,
-	HiddenInput: _sfc_main$26,
-	Indicator: _sfc_main$25,
-	Root: _sfc_main$27
+	Group: _sfc_main$36,
+	HiddenInput: _sfc_main$34,
+	Indicator: _sfc_main$33,
+	Root: _sfc_main$35
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -2640,7 +3050,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 				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$68), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -2659,7 +3069,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 				name: __props.transition
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -2678,6 +3088,487 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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$31 = /* @__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$30 = /* @__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();
+		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$81), {
+				as: __props.as,
+				renderless: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$31, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectActivator.vue
+const _sfc_main$29 = /* @__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$81), 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$28 = /* @__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$81), 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$27 = /* @__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$81), 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$26 = /* @__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 slotProps = toRef(() => ({
+			value: __props.value,
+			isSelected: isSelected.value,
+			isHighlighted: isHighlighted.value,
+			isDisabled: isDisabled.value,
+			select: () => context.select(ticket.id),
+			attrs: {
+				"id": elementId,
+				"role": "option",
+				"aria-selected": isSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"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(), createBlock(unref(_sfc_main$81), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectPlaceholder.vue
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+	name: "SelectPlaceholder",
+	__name: "SelectPlaceholder",
+	props: {
+		namespace: { default: "v0:select" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSelectContext(__props.namespace);
+		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
+		return (_ctx, _cache) => {
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$81), {
+				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/Select/SelectValue.vue
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+	name: "SelectValue",
+	__name: "SelectValue",
+	props: {
+		namespace: { default: "v0:select" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		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(() => ({
+			selectedItem: items.value[0],
+			selectedItems: items.value,
+			selectedValue: values.value[0],
+			selectedValues: values.value,
+			hasValue: hasValue.value,
+			attrs: {}
+		}));
+		return (_ctx, _cache) => {
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$81), {
+				key: 0,
+				as: __props.as
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(values.value[0]), 1)])]),
+				_: 3
+			}, 8, ["as"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/index.ts
+/**
+* Select component with sub-components for building dropdown selects.
+*
+* @see https://0.vuetifyjs.com/components/select
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Select } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const selected = ref()
+*   const items = [
+*     { id: 'apple', label: 'Apple' },
+*     { id: 'banana', label: 'Banana' },
+*     { id: 'cherry', label: 'Cherry' },
+*   ]
+* <\/script>
+*
+* <template>
+*   <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 Select = {
+	Root: _sfc_main$30,
+	Activator: _sfc_main$29,
+	Value: _sfc_main$24,
+	Content: _sfc_main$28,
+	Cue: _sfc_main$27,
+	Item: _sfc_main$26,
+	Placeholder: _sfc_main$25
+};
+//#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
@@ -2910,7 +3801,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3002,7 +3893,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3116,7 +4007,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ ref: "thumb" }, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ ref: "thumb" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3185,7 +4076,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 			"onPointerdown": onPointerdown
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ ref: "track" }, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ ref: "track" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3398,7 +4289,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3509,7 +4400,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3711,7 +4602,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3817,7 +4708,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3949,7 +4840,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4093,7 +4984,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4133,7 +5024,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4164,7 +5055,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -4517,7 +5408,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4632,7 +5523,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4684,7 +5575,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$81), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4734,4 +5625,4 @@ const Tabs = {
 	Panel: _sfc_main
 };
 //#endregion
-export { provideRadioRoot as $, _sfc_main$56 as $t, _sfc_main$14 as A, ExpansionPanel as At, _sfc_main$21 as B, Dialog as Bt, _sfc_main$12 as C, usePaginationItems as Ct, provideSwitchGroup as D, _sfc_main$41 as Dt, _sfc_main$13 as E, _sfc_main$40 as Et, Slider as F, provideExpansionPanelItem as Ft, _sfc_main$23 as G, _sfc_main$51 as Gt, useSliderRoot as H, _sfc_main$48 as Ht, _sfc_main$17 as I, useExpansionPanelItem as It, _sfc_main$24 as J, useDialogContext as Jt, provideSelectionRoot as K, _sfc_main$52 as Kt, _sfc_main$18 as L, _sfc_main$46 as Lt, _sfc_main$16 as M, _sfc_main$43 as Mt, provideSplitterRoot as N, _sfc_main$44 as Nt, useSwitchGroup as O, provideGroupRoot as Ot, useSplitterRoot as P, _sfc_main$45 as Pt, _sfc_main$27 as Q, _sfc_main$55 as Qt, _sfc_main$19 as R, provideExpansionPanelRoot as Rt, _sfc_main$11 as S, usePaginationControls as St, useSwitchRoot as T, Group as Tt, Selection as U, _sfc_main$49 as Ut, provideSliderRoot as V, _sfc_main$47 as Vt, _sfc_main$22 as W, _sfc_main$50 as Wt, _sfc_main$25 as X, _sfc_main$53 as Xt, Radio as Y, Checkbox as Yt, _sfc_main$26 as Z, _sfc_main$54 as Zt, useSingleRoot as _, _sfc_main$66 as _n, _sfc_main$38 as _t, _sfc_main$3 as a, Breadcrumbs as an, _sfc_main$29 as at, _sfc_main$9 as b, useAvatarRoot as bn, providePaginationItems as bt, Step as c, _sfc_main$60 as cn, providePopoverContext as ct, provideStepRoot as d, _sfc_main$63 as dn, _sfc_main$32 as dt, provideCheckboxRoot as en, useRadioRoot as et, useStepRoot as f, _sfc_main$64 as fn, _sfc_main$33 as ft, provideSingleRoot as g, _sfc_main$65 as gn, _sfc_main$37 as gt, _sfc_main$7 as h, Avatar as hn, _sfc_main$36 as ht, _sfc_main$2 as i, useCheckboxGroup as in, Popover as it, _sfc_main$15 as j, _sfc_main$42 as jt, Splitter as k, useGroupRoot as kt, _sfc_main$4 as l, _sfc_main$61 as ln, usePopoverContext as lt, _sfc_main$6 as m, useBreadcrumbsRoot as mn, _sfc_main$35 as mt, _sfc_main as n, _sfc_main$57 as nn, provideRadioGroup as nt, provideTabsRoot as o, _sfc_main$58 as on, _sfc_main$30 as ot, Single as p, provideBreadcrumbsRoot as pn, _sfc_main$34 as pt, useSelectionRoot as q, provideDialogContext as qt, _sfc_main$1 as r, provideCheckboxGroup as rn, useRadioGroup as rt, useTabsRoot as s, _sfc_main$59 as sn, _sfc_main$31 as st, Tabs as t, useCheckboxRoot as tn, _sfc_main$28 as tt, _sfc_main$5 as u, _sfc_main$62 as un, Pagination as ut, Switch as v, _sfc_main$67 as vn, _sfc_main$39 as vt, provideSwitchRoot as w, usePaginationRoot as wt, _sfc_main$10 as x, _sfc_main$68 as xn, providePaginationRoot as xt, _sfc_main$8 as y, provideAvatarRoot as yn, providePaginationControls as yt, _sfc_main$20 as z, useExpansionPanelRoot as zt };
+export { _sfc_main$28 as $, provideExpansionPanelItem as $t, _sfc_main$14 as A, _sfc_main$77 as An, providePaginationItems as At, _sfc_main$21 as B, provideInputRoot as Bt, _sfc_main$12 as C, Breadcrumbs as Cn, _sfc_main$42 as Ct, provideSwitchGroup as D, _sfc_main$74 as Dn, _sfc_main$46 as Dt, _sfc_main$13 as E, _sfc_main$73 as En, _sfc_main$45 as Et, Slider as F, _sfc_main$79 as Fn, Input as Ft, _sfc_main$23 as G, provideGroupRoot as Gt, useSliderRoot as H, Group as Ht, _sfc_main$17 as I, _sfc_main$80 as In, _sfc_main$48 as It, Select as J, ExpansionPanel as Jt, provideSelectionRoot as K, useGroupRoot as Kt, _sfc_main$18 as L, provideAvatarRoot as Ln, _sfc_main$49 as Lt, _sfc_main$16 as M, useBreadcrumbsRoot as Mn, usePaginationControls as Mt, provideSplitterRoot as N, Avatar as Nn, usePaginationItems as Nt, useSwitchGroup as O, _sfc_main$75 as On, _sfc_main$47 as Ot, useSplitterRoot as P, _sfc_main$78 as Pn, usePaginationRoot as Pt, _sfc_main$27 as Q, _sfc_main$58 as Qt, _sfc_main$19 as R, useAvatarRoot as Rn, _sfc_main$50 as Rt, _sfc_main$11 as S, useCheckboxGroup as Sn, _sfc_main$41 as St, useSwitchRoot as T, _sfc_main$72 as Tn, _sfc_main$44 as Tt, Selection as U, _sfc_main$52 as Ut, provideSliderRoot as V, useInputRoot as Vt, _sfc_main$22 as W, _sfc_main$53 as Wt, _sfc_main$25 as X, _sfc_main$56 as Xt, _sfc_main$24 as Y, _sfc_main$55 as Yt, _sfc_main$26 as Z, _sfc_main$57 as Zt, useSingleRoot as _, _sfc_main$69 as _n, _sfc_main$39 as _t, _sfc_main$3 as a, _sfc_main$60 as an, Radio as at, _sfc_main$9 as b, _sfc_main$70 as bn, Pagination as bt, Step as c, _sfc_main$63 as cn, _sfc_main$35 as ct, provideStepRoot as d, provideDialogContext as dn, _sfc_main$36 as dt, useExpansionPanelItem as en, _sfc_main$29 as et, useStepRoot as f, useDialogContext as fn, provideRadioGroup as ft, provideSingleRoot as g, _sfc_main$68 as gn, _sfc_main$38 as gt, _sfc_main$7 as h, _sfc_main$67 as hn, _sfc_main$37 as ht, _sfc_main$2 as i, Dialog as in, _sfc_main$32 as it, _sfc_main$15 as j, provideBreadcrumbsRoot as jn, providePaginationRoot as jt, Splitter as k, _sfc_main$76 as kn, providePaginationControls as kt, _sfc_main$4 as l, _sfc_main$64 as ln, provideRadioRoot as lt, _sfc_main$6 as m, _sfc_main$66 as mn, Popover as mt, _sfc_main as n, provideExpansionPanelRoot as nn, provideSelectContext as nt, provideTabsRoot as o, _sfc_main$61 as on, _sfc_main$33 as ot, Single as p, Checkbox as pn, useRadioGroup as pt, useSelectionRoot as q, _sfc_main$54 as qt, _sfc_main$1 as r, useExpansionPanelRoot as rn, useSelectContext as rt, useTabsRoot as s, _sfc_main$62 as sn, _sfc_main$34 as st, Tabs as t, _sfc_main$59 as tn, _sfc_main$30 as tt, _sfc_main$5 as u, _sfc_main$65 as un, useRadioRoot as ut, Switch as v, provideCheckboxRoot as vn, providePopoverContext as vt, provideSwitchRoot as w, _sfc_main$71 as wn, _sfc_main$43 as wt, _sfc_main$10 as x, provideCheckboxGroup as xn, _sfc_main$40 as xt, _sfc_main$8 as y, useCheckboxRoot as yn, usePopoverContext as yt, _sfc_main$20 as z, _sfc_main$81 as zn, _sfc_main$51 as zt };