@vuetify/v0 0.1.7 → 0.1.9

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

@@ -1,14 +1,15 @@
 import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-BqRH_jdr.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 { t as createPagination } from "./createPagination-Bu8vE0JW.mjs";
+import { t as IN_BROWSER } from "./globals-3i9umzyz.mjs";
+import { clamp, isArray, isElement, isNull, isNullOrUndefined, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
+import { n as createContext, r as provideContext } from "./createTrinity-C_c8eedz.mjs";
+import { i as createRegistry } from "./createTokens-C1gIuKCK.mjs";
+import { t as createSelection } from "./createSelection-DbWP6c7H.mjs";
+import { t as createSingle } from "./createSingle-CeAJpbXs.mjs";
+import { Dt as createBreadcrumbs, N as useRaf, P as usePopover, Q as useLazy, R as useNotifications, T as createSlider, a as useVirtualFocus, gt as createOverflow, ht as useProxyModel, l as useToggleScope, n as useDocumentEventListener, rt as createForm, t as useClickOutside, u as createValidation, v as createStep, w as useStack } from "./useClickOutside-hOhNk4eS.mjs";
+import { t as createGroup } from "./createGroup-PvzsLu9E.mjs";
+import { t as toArray } from "./toArray-VdROPpy-.mjs";
+import { a as useLocale } from "./useLocale-BaufqE5Z.mjs";
+import { t as createPagination } from "./createPagination-DZSJ8aO5.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$86 = /* @__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$85 = /* @__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$86), {
 				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$84 = /* @__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$86), {
 				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$83 = /* @__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$86), 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$85,
+	Image: _sfc_main$83,
+	Fallback: _sfc_main$84
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -318,12 +319,12 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 			prev: breadcrumbs.prev,
 			select: breadcrumbs.select,
 			attrs: {
-				"aria-label": __props.label ?? locale.t("Breadcrumbs.label", void 0, "Breadcrumb"),
+				"aria-label": __props.label ?? locale.t("Breadcrumbs.label"),
 				"role": __props.as === "nav" ? void 0 : "navigation"
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), 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$81 = /* @__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$86), 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$80 = /* @__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$86), 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$79 = /* @__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$86), 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$78 = /* @__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$86), {
 				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$77 = /* @__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$86), 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$76 = /* @__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$86), 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$82,
+	List: _sfc_main$77,
+	Item: _sfc_main$79,
+	Link: _sfc_main$78,
+	Page: _sfc_main$76,
+	Divider: _sfc_main$81,
+	Ellipsis: _sfc_main$80
 };
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /* @__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$86), 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$74 = /* @__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$86), 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$73, { 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$73 = /* @__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$72 = /* @__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$86), 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$71 = /* @__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$86), 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$75,
+	HiddenInput: _sfc_main$73,
+	Indicator: _sfc_main$72,
+	Root: _sfc_main$74,
+	SelectAll: _sfc_main$71
 };
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /* @__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$86), {
 				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$69 = /* @__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$86), 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$68 = /* @__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$86), 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$67 = /* @__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$86), 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$66 = /* @__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$86), 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$65 = /* @__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$86), 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$70,
+	Activator: _sfc_main$65,
+	Content: _sfc_main$68,
+	Title: _sfc_main$66,
+	Description: _sfc_main$67,
+	Close: _sfc_main$69
 };
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /* @__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$86), {
 				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$63 = /* @__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$86), 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$62 = /* @__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$86), 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$61 = /* @__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$86), 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$60 = /* @__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$86), 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$64,
+	Item: _sfc_main$63,
+	Header: _sfc_main$60,
+	Activator: _sfc_main$62,
+	Content: _sfc_main$61
 };
 //#endregion
+//#region src/components/Form/Form.vue
+const _sfc_main$59 = /* @__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$86), 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$58 = /* @__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$57 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -1610,15 +1681,367 @@ 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$58,
+	Item: _sfc_main$57
+};
+//#endregion
+//#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$56 = /* @__PURE__ */ defineComponent({
+	name: "InputRoot",
+	inheritAttrs: false,
+	__name: "InputRoot",
+	props: /* @__PURE__ */ mergeModels({
+		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
+		},
+		errorMessages: {},
+		namespace: { default: "v0:input:root" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:isFocused"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		const model = useModel(__props, "modelValue");
+		const parsed = toRef(() => parseValidateOn(__props.validateOn));
+		const validation = createValidation({
+			rules: __props.rules,
+			value: model
+		});
+		const initialValue = model.value;
+		const isPristine = shallowRef(true);
+		const isFocused = shallowRef(false);
+		const touched = shallowRef(false);
+		const hasDescription = shallowRef(false);
+		const hasError = shallowRef(false);
+		const isDirty = toRef(() => model.value.length > 0);
+		const isDisabled = toRef(() => toValue(__props.disabled));
+		const isReadonly = toRef(() => toValue(__props.readonly));
+		const descriptionId = `${__props.id}-description`;
+		const errorId = `${__props.id}-error`;
+		const errors = computed(() => {
+			return [...__props.errorMessages ? toArray(__props.errorMessages) : [], ...validation.errors.value];
+		});
+		const isValid = toRef(() => {
+			if (__props.error) return false;
+			if (errors.value.length > 0 && validation.errors.value.length === 0) return false;
+			return validation.isValid.value;
+		});
+		function shouldValidate(trigger) {
+			const { event, modifier } = parsed.value;
+			if (event === "submit") return false;
+			if (modifier === "lazy" && !touched.value) return false;
+			if (modifier === "eager" && validation.isValid.value === false) return true;
+			return trigger === event;
+		}
+		watch(isFocused, (val) => {
+			if (val) return;
+			touched.value = true;
+			if (shouldValidate("blur")) validation.validate();
+		});
+		watch(model, (val) => {
+			isPristine.value = val === initialValue;
+			if (shouldValidate("input")) validation.validate();
+		});
+		function validate() {
+			return validation.validate();
+		}
+		function reset() {
+			model.value = initialValue;
+			isPristine.value = true;
+			touched.value = false;
+			validation.reset();
+		}
+		const state = toRef(() => {
+			if (isValid.value === false) return "invalid";
+			if (isValid.value === true) return "valid";
+			return "pristine";
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			name: __props.name,
+			type: __props.type,
+			form: __props.form,
+			required: __props.required,
+			descriptionId,
+			errorId,
+			hasDescription,
+			hasError,
+			value: model,
+			isDirty,
+			isFocused,
+			isDisabled,
+			isReadonly,
+			errors,
+			isValid,
+			isPristine,
+			isValidating: validation.isValidating,
+			validate,
+			reset
+		};
+		provideInputRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: model.value,
+			isDirty: isDirty.value,
+			isFocused: isFocused.value,
+			errors: errors.value,
+			isValid: isValid.value,
+			isPristine: isPristine.value,
+			isValidating: validation.isValidating.value,
+			isDisabled: isDisabled.value,
+			isReadonly: isReadonly.value,
+			validate,
+			reset,
+			attrs: {
+				"data-state": state.value,
+				"data-dirty": isDirty.value ? true : void 0,
+				"data-focused": isFocused.value ? true : void 0,
+				"data-disabled": isDisabled.value ? true : void 0,
+				"data-readonly": isReadonly.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/InputControl.vue
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+	name: "InputControl",
+	inheritAttrs: false,
+	__name: "InputControl",
+	props: {
+		namespace: { default: "v0:input:root" },
+		as: { default: "input" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const root = useInputRoot(__props.namespace);
+		function onInput(e) {
+			const target = e.target;
+			root.value.value = target.value;
+		}
+		function onFocus() {
+			root.isFocused.value = true;
+		}
+		function onBlur() {
+			root.isFocused.value = false;
+		}
+		const describedby = toRef(() => {
+			return root.hasDescription.value ? root.descriptionId : void 0;
+		});
+		const controlAttrs = toRef(() => {
+			const invalid = root.isValid.value === false;
+			const disabled = root.isDisabled.value;
+			const readonly = root.isReadonly.value;
+			const isFocused = root.isFocused.value;
+			return {
+				"id": root.id,
+				"type": root.type,
+				"name": root.name,
+				"value": root.value.value,
+				"form": root.form,
+				"disabled": disabled || void 0,
+				"readonly": readonly || void 0,
+				"required": root.required || void 0,
+				"aria-invalid": invalid || void 0,
+				"aria-label": root.label || void 0,
+				"aria-describedby": describedby.value,
+				"aria-errormessage": root.hasError.value && root.errors.value.length > 0 ? root.errorId : void 0,
+				"aria-required": root.required || void 0,
+				"data-state": invalid ? "invalid" : root.isValid.value === true ? "valid" : "pristine",
+				"data-focused": isFocused ? true : void 0,
+				"data-disabled": disabled ? true : void 0,
+				"data-readonly": readonly ? true : void 0
+			};
+		});
+		const slotProps = toRef(() => ({
+			value: root.value.value,
+			isFocused: root.isFocused.value,
+			isDisabled: root.isDisabled.value,
+			isReadonly: root.isReadonly.value,
+			attrs: controlAttrs.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+				...unref(attrs),
+				...controlAttrs.value
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onBlur,
+				onFocus,
+				onInput
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Input/InputDescription.vue
+const _sfc_main$54 = /* @__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$86), 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$53 = /* @__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$86), 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$55,
+	Description: _sfc_main$54,
+	Error: _sfc_main$53,
+	Root: _sfc_main$56
 };
 //#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({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1697,7 +2120,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 			prev: pagination.prev,
 			select: pagination.select,
 			attrs: {
-				"aria-label": locale.t("Pagination.label", void 0, "Pagination"),
+				"aria-label": locale.t("Pagination.label"),
 				"role": __props.as === "nav" ? void 0 : "navigation"
 			}
 		}));
@@ -1705,7 +2128,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		providePaginationControls(__props.namespace, controls);
 		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -1720,7 +2143,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -1748,7 +2171,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -1763,7 +2186,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -1794,7 +2217,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			first,
 			attrs: {
-				"aria-label": locale.t("Pagination.first", void 0, "Go to first page"),
+				"aria-label": locale.t("Pagination.first"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -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$86), 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$49 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -1848,7 +2271,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		}, { immediate: true });
 		const isSelected = toRef(() => pagination.page.value === __props.value);
 		const ariaLabel = toRef(() => {
-			return isSelected.value ? locale.t("Pagination.currentPage", { page: __props.value }, `Page ${__props.value}, current page`) : locale.t("Pagination.goToPage", { page: __props.value }, `Go to page ${__props.value}`);
+			return isSelected.value ? locale.t("Pagination.currentPage", { page: __props.value }) : locale.t("Pagination.goToPage", { page: __props.value });
 		});
 		function select() {
 			if (__props.disabled) return;
@@ -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$86), 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$48 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -1919,7 +2342,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			last,
 			attrs: {
-				"aria-label": locale.t("Pagination.last", void 0, "Go to last page"),
+				"aria-label": locale.t("Pagination.last"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -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$86), 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$47 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -1976,7 +2399,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			next,
 			attrs: {
-				"aria-label": locale.t("Pagination.next", void 0, "Go to next page"),
+				"aria-label": locale.t("Pagination.next"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -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$86), 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$46 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -2033,7 +2456,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 			isDisabled: isDisabled.value,
 			prev,
 			attrs: {
-				"aria-label": locale.t("Pagination.prev", void 0, "Go to previous page"),
+				"aria-label": locale.t("Pagination.prev"),
 				"aria-disabled": isDisabled.value,
 				"data-disabled": isDisabled.value || void 0,
 				"disabled": __props.as === "button" ? isDisabled.value : void 0,
@@ -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$86), 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$45 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -2078,7 +2501,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 				text.value = locale.t("Pagination.status", {
 					page,
 					pages: pagination.pages
-				}, `Page ${page} of ${pagination.pages}`);
+				});
 			}, 100);
 		});
 		/* v8 ignore stop */
@@ -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$86), 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$52,
+	Item: _sfc_main$49,
+	First: _sfc_main$50,
+	Prev: _sfc_main$46,
+	Ellipsis: _sfc_main$51,
+	Next: _sfc_main$47,
+	Last: _sfc_main$48,
+	Status: _sfc_main$45
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__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$86), {
 				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$43 = /* @__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$86), 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$42 = /* @__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$86), 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$44,
+	Activator: _sfc_main$43,
+	Content: _sfc_main$42
 };
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__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$86), 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$40 = /* @__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$86), 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$39, { 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$39 = /* @__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$38 = /* @__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$86), 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$41,
+	HiddenInput: _sfc_main$39,
+	Indicator: _sfc_main$38,
+	Root: _sfc_main$40
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__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$86), 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$86), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -2678,9 +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$36 = /* @__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$35 = /* @__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(() => selection.selectedIds.values().next().value);
+		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$86), {
+				as: __props.as,
+				renderless: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$36, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Select/SelectActivator.vue
+const _sfc_main$34 = /* @__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$86), 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$33 = /* @__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$86), 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$32 = /* @__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$86), 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$31 = /* @__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$86), 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$30 = /* @__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$86), {
+				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$29 = /* @__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$86), {
+				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$35,
+	Activator: _sfc_main$34,
+	Value: _sfc_main$29,
+	Content: _sfc_main$33,
+	Cue: _sfc_main$32,
+	Item: _sfc_main$31,
+	Placeholder: _sfc_main$30
+};
+//#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2732,7 +3620,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -2782,8 +3670,233 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/selection
 */
 const Selection = {
-	Root: _sfc_main$23,
-	Item: _sfc_main$22
+	Root: _sfc_main$28,
+	Item: _sfc_main$27
+};
+//#endregion
+//#region src/components/Snackbar/SnackbarPortal.vue
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarPortal",
+	inheritAttrs: false,
+	__name: "SnackbarPortal",
+	props: {
+		teleport: {
+			type: [String, Boolean],
+			default: "body"
+		},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const ticket = useStack().register();
+		onUnmounted(() => ticket.unregister());
+		const styles = toRef(() => ({ zIndex: ticket.zIndex.value }));
+		const slotProps = toRef(() => ({ zIndex: ticket.zIndex.value }));
+		return (_ctx, _cache) => {
+			return __props.teleport ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: __props.teleport
+			}, [createVNode(unref(_sfc_main$86), mergeProps({
+				as: __props.as,
+				style: styles.value
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+				key: 1,
+				as: __props.as,
+				style: styles.value
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "style"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarQueue.vue
+const [useSnackbarQueueContext, provideSnackbarQueueContext] = createContext({ suffix: "queue" });
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarQueue",
+	__name: "SnackbarQueue",
+	props: {
+		namespace: { default: "v0:notifications" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const notifications = useNotifications(__props.namespace);
+		function dismiss(id) {
+			notifications.unregister(id);
+			if (reasons.size > 0) notifications.queue.pause();
+		}
+		provideSnackbarQueueContext(__props.namespace, { dismiss });
+		const items = computed(() => notifications.queue.values().map((q) => notifications.get(q.id)).filter((n) => !/* @__PURE__ */ isUndefined(n)).toReversed());
+		const container = useTemplateRef("container");
+		const reasons = /* @__PURE__ */ new Set();
+		function pause(reason) {
+			reasons.add(reason);
+			notifications.queue.pause();
+		}
+		function resume(reason) {
+			reasons.delete(reason);
+			if (reasons.size === 0) notifications.queue.resume();
+		}
+		function onEnter() {
+			pause("hover");
+		}
+		function onLeave() {
+			resume("hover");
+		}
+		function onFocusin() {
+			pause("focus");
+		}
+		function onFocusout(e) {
+			const el = container.value?.element ?? null;
+			if (/* @__PURE__ */ isElement(el) && /* @__PURE__ */ isElement(e.relatedTarget) && el.contains(e.relatedTarget)) return;
+			resume("focus");
+		}
+		onUnmounted(() => {
+			if (reasons.size > 0) {
+				reasons.clear();
+				notifications.queue.resume();
+			}
+		});
+		const slotProps = toRef(() => ({
+			items: items.value,
+			attrs: {
+				onMouseenter: onEnter,
+				onMouseleave: onLeave,
+				onFocusin,
+				onFocusout
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+				ref_key: "container",
+				ref: container
+			}, slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarRoot.vue
+const [useSnackbarRootContext, provideSnackbarRootContext] = createContext({ suffix: "root" });
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarRoot",
+	__name: "SnackbarRoot",
+	props: {
+		namespace: { default: "v0:notifications" },
+		id: { default: () => /* @__PURE__ */ useId$1() },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	emits: ["dismiss"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const queue = useSnackbarQueueContext(__props.namespace, null);
+		function onDismiss() {
+			if (queue) queue.dismiss(__props.id);
+			else emit("dismiss", __props.id);
+		}
+		provideSnackbarRootContext(__props.namespace, {
+			id: __props.id,
+			onDismiss
+		});
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			attrs: { role: "status" }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarContent.vue
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarContent",
+	__name: "SnackbarContent",
+	props: {
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), { as: __props.as }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/SnackbarClose.vue
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+	name: "SnackbarClose",
+	__name: "SnackbarClose",
+	props: {
+		namespace: { default: "v0:notifications" },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useSnackbarRootContext(__props.namespace);
+		function onClick() {
+			context.onDismiss();
+		}
+		const slotProps = toRef(() => ({ attrs: {
+			"type": __props.as === "button" ? "button" : void 0,
+			"aria-label": "Close",
+			"onClick": onClick
+		} }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Snackbar/index.ts
+/**
+* Snackbar component with sub-components for building toast notifications.
+*
+* @see https://0.vuetifyjs.com/components/snackbar
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Snackbar } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Snackbar.Portal>
+*     <Snackbar.Queue v-slot="{ items }">
+*       <template v-for="item in items" :key="item.id">
+*         <Snackbar.Root :id="item.id">
+*           <Snackbar.Content>{{ item.subject }}</Snackbar.Content>
+*           <Snackbar.Close />
+*         </Snackbar.Root>
+*       </template>
+*     </Snackbar.Queue>
+*   </Snackbar.Portal>
+* </template>
+* ```
+*/
+const Snackbar = {
+	Portal: _sfc_main$26,
+	Queue: _sfc_main$25,
+	Root: _sfc_main$24,
+	Content: _sfc_main$23,
+	Close: _sfc_main$22
 };
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
@@ -2910,7 +4023,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$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3002,7 +4115,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3116,7 +4229,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$86), mergeProps({ ref: "thumb" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3185,7 +4298,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$86), mergeProps({ ref: "track" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3398,16 +4511,16 @@ 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$86), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: {
+				style: [unref(attrs).style, {
 					display: "flex",
 					flexDirection: __props.orientation === "horizontal" ? "row" : "column"
-				}
+				}]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -3509,18 +4622,18 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: {
+				style: [unref(attrs).style, {
 					flexGrow: 0,
 					flexShrink: 0,
 					flexBasis: `${size.value}%`,
 					overflow: "hidden"
-				}
+				}]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -3558,7 +4671,6 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		});
 		const hovering = shallowRef(false);
 		const startPosition = shallowRef(0);
-		let rafId = 0;
 		let latestPos = 0;
 		const isDisabled = toRef(() => __props.disabled || splitter.disabled.value);
 		const isHorizontal = toRef(() => splitter.orientation.value === "horizontal");
@@ -3591,23 +4703,21 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			splitter.onStartDrag(ticket.index);
 		}
 		useToggleScope(() => splitter.draggingHandle.value === ticket.index, () => {
+			const update = useRaf(() => {
+				const root = splitter.rootEl.value;
+				if (!root) return;
+				const rootSize = isHorizontal.value ? root.offsetWidth : root.offsetHeight;
+				if (!rootSize) return;
+				const delta = (latestPos - startPosition.value) / rootSize * 100;
+				startPosition.value = latestPos;
+				splitter.resize(ticket.index, delta);
+			});
 			useDocumentEventListener("pointermove", (e) => {
 				latestPos = isHorizontal.value ? e.clientX : e.clientY;
-				if (rafId) return;
-				rafId = requestAnimationFrame(() => {
-					const root = splitter.rootEl.value;
-					if (!root) return;
-					const rootSize = isHorizontal.value ? root.offsetWidth : root.offsetHeight;
-					if (!rootSize) return;
-					const delta = (latestPos - startPosition.value) / rootSize * 100;
-					startPosition.value = latestPos;
-					splitter.resize(ticket.index, delta);
-					rafId = 0;
-				});
+				update();
 			});
 			useDocumentEventListener("pointerup", () => {
-				if (rafId) cancelAnimationFrame(rafId);
-				rafId = 0;
+				update.cancel();
 				if (IN_BROWSER) {
 					document.documentElement.style.userSelect = "";
 					document.documentElement.style.touchAction = "";
@@ -3615,8 +4725,6 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 				splitter.onEndDrag();
 			});
 			onScopeDispose(() => {
-				if (rafId) cancelAnimationFrame(rafId);
-				rafId = 0;
 				splitter.onEndDrag();
 				if (IN_BROWSER) {
 					document.documentElement.style.userSelect = "";
@@ -3711,17 +4819,25 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: { flexShrink: 0 }
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{ flexShrink: 0 }
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "renderless"]);
+			}, 16, [
+				"as",
+				"renderless",
+				"style"
+			]);
 		};
 	}
 });
@@ -3817,7 +4933,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$86), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3949,7 +5065,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$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4093,7 +5209,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4133,7 +5249,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$86), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -4164,7 +5280,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$86), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -4517,7 +5633,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4632,7 +5748,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$86), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4684,7 +5800,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$68), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4734,4 +5850,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 { Selection as $, _sfc_main$57 as $t, _sfc_main$14 as A, _sfc_main$75 as An, Pagination as At, _sfc_main$21 as B, _sfc_main$82 as Bn, providePaginationItems as Bt, _sfc_main$12 as C, Checkbox as Cn, useRadioGroup as Ct, provideSwitchGroup as D, _sfc_main$74 as Dn, _sfc_main$44 as Dt, _sfc_main$13 as E, _sfc_main$73 as En, _sfc_main$43 as Et, Slider as F, _sfc_main$77 as Fn, _sfc_main$49 as Ft, _sfc_main$23 as G, _sfc_main$84 as Gn, Input as Gt, useSliderRoot as H, useBreadcrumbsRoot as Hn, usePaginationControls as Ht, _sfc_main$17 as I, _sfc_main$78 as In, _sfc_main$50 as It, useSnackbarRootContext as J, useAvatarRoot as Jn, _sfc_main$55 as Jt, _sfc_main$24 as K, _sfc_main$85 as Kn, _sfc_main$53 as Kt, _sfc_main$18 as L, _sfc_main$79 as Ln, _sfc_main$51 as Lt, _sfc_main$16 as M, useCheckboxGroup as Mn, _sfc_main$46 as Mt, provideSplitterRoot as N, Breadcrumbs as Nn, _sfc_main$47 as Nt, useSwitchGroup as O, provideCheckboxRoot as On, providePopoverContext as Ot, useSplitterRoot as P, _sfc_main$76 as Pn, _sfc_main$48 as Pt, _sfc_main$26 as Q, Group as Qt, _sfc_main$19 as R, _sfc_main$80 as Rn, _sfc_main$52 as Rt, _sfc_main$11 as S, useDialogContext as Sn, provideRadioGroup as St, useSwitchRoot as T, _sfc_main$72 as Tn, _sfc_main$42 as Tt, Snackbar as U, Avatar as Un, usePaginationItems as Ut, provideSliderRoot as V, provideBreadcrumbsRoot as Vn, providePaginationRoot as Vt, _sfc_main$22 as W, _sfc_main$83 as Wn, usePaginationRoot as Wt, provideSnackbarQueueContext as X, provideInputRoot as Xt, _sfc_main$25 as Y, _sfc_main$86 as Yn, _sfc_main$56 as Yt, useSnackbarQueueContext as Z, useInputRoot as Zt, useSingleRoot as _, _sfc_main$67 as _n, _sfc_main$39 as _t, _sfc_main$3 as a, _sfc_main$60 as an, _sfc_main$29 as at, _sfc_main$9 as b, _sfc_main$70 as bn, useRadioRoot as bt, Step as c, _sfc_main$63 as cn, _sfc_main$32 as ct, provideStepRoot as d, _sfc_main$64 as dn, _sfc_main$35 as dt, _sfc_main$58 as en, _sfc_main$27 as et, useStepRoot as f, provideExpansionPanelRoot as fn, provideSelectContext as ft, provideSingleRoot as g, _sfc_main$66 as gn, _sfc_main$38 as gt, _sfc_main$7 as h, _sfc_main$65 as hn, Radio as ht, _sfc_main$2 as i, ExpansionPanel as in, Select as it, _sfc_main$15 as j, provideCheckboxGroup as jn, _sfc_main$45 as jt, Splitter as k, useCheckboxRoot as kn, usePopoverContext as kt, _sfc_main$4 as l, provideExpansionPanelItem as ln, _sfc_main$33 as lt, _sfc_main$6 as m, Dialog as mn, _sfc_main$37 as mt, _sfc_main as n, useGroupRoot as nn, provideSelectionRoot as nt, provideTabsRoot as o, _sfc_main$61 as on, _sfc_main$30 as ot, Single as p, useExpansionPanelRoot as pn, useSelectContext as pt, provideSnackbarRootContext as q, provideAvatarRoot as qn, _sfc_main$54 as qt, _sfc_main$1 as r, _sfc_main$59 as rn, useSelectionRoot as rt, useTabsRoot as s, _sfc_main$62 as sn, _sfc_main$31 as st, Tabs as t, provideGroupRoot as tn, _sfc_main$28 as tt, _sfc_main$5 as u, useExpansionPanelItem as un, _sfc_main$34 as ut, Switch as v, _sfc_main$68 as vn, _sfc_main$40 as vt, provideSwitchRoot as w, _sfc_main$71 as wn, Popover as wt, _sfc_main$10 as x, provideDialogContext as xn, _sfc_main$41 as xt, _sfc_main$8 as y, _sfc_main$69 as yn, provideRadioRoot as yt, _sfc_main$20 as z, _sfc_main$81 as zn, providePaginationControls as zt };