@vuetify/v0 0.1.9 → 0.1.10

package/dist/{components-mSy9az8x.mjs → components-TiigKVsl.mjs}

@@ -1,14 +1,14 @@
 import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-3i9umzyz.mjs";
+import { t as IN_BROWSER } from "./globals-F7fiJVG1.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 { a as createRegistry } from "./createTokens-N8QIWw_D.mjs";
+import { t as createSelection } from "./createSelection-B6bQNyuF.mjs";
+import { t as createSingle } from "./createSingle-fWHREEJO.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, mt as useTimer, n as useDocumentEventListener, nt as createForm, t as useClickOutside, u as createValidation, v as createStep, w as useStack } from "./useClickOutside-DNuJQ9EG.mjs";
+import { t as createGroup } from "./createGroup-DpbGTwFy.mjs";
 import { t as toArray } from "./toArray-VdROPpy-.mjs";
-import { a as useLocale } from "./useLocale-BaufqE5Z.mjs";
+import { a as useLocale } from "./useLocale-Dzl6lCCF.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
@@ -33,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$86 = /* @__PURE__ */ defineComponent({
+const _sfc_main$92 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -67,7 +67,7 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$85 = /* @__PURE__ */ defineComponent({
+const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -82,7 +82,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 		});
 		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -94,7 +94,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$84 = /* @__PURE__ */ defineComponent({
+const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -108,7 +108,7 @@ const _sfc_main$84 = /* @__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$86), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$92), {
 				key: 0,
 				as: __props.as,
 				renderless: __props.renderless
@@ -121,7 +121,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$83 = /* @__PURE__ */ defineComponent({
+const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -171,7 +171,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -189,14 +189,14 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/avatar
 */
 const Avatar = {
-	Root: _sfc_main$85,
-	Image: _sfc_main$83,
-	Fallback: _sfc_main$84
+	Root: _sfc_main$91,
+	Image: _sfc_main$89,
+	Fallback: _sfc_main$90
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$82 = /* @__PURE__ */ defineComponent({
+const _sfc_main$88 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -324,7 +324,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "container",
 				as: __props.as,
 				renderless: __props.renderless
@@ -337,7 +337,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -373,7 +373,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -386,7 +386,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -429,7 +429,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -442,7 +442,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -481,7 +481,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -494,7 +494,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -503,7 +503,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -515,7 +515,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -525,7 +525,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -537,7 +537,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -547,7 +547,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -565,13 +565,359 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/breadcrumbs
 */
 const Breadcrumbs = {
-	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
+	Root: _sfc_main$88,
+	List: _sfc_main$83,
+	Item: _sfc_main$85,
+	Link: _sfc_main$84,
+	Page: _sfc_main$82,
+	Divider: _sfc_main$87,
+	Ellipsis: _sfc_main$86
+};
+//#endregion
+//#region src/components/Button/ButtonGroup.vue
+const [useButtonGroup, provideButtonGroup] = createContext();
+const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+	name: "ButtonGroup",
+	__name: "ButtonGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:button:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const selection = createSelection({
+			disabled: toRef(() => __props.disabled),
+			multiple: toRef(() => __props.multiple),
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(selection, model, { multiple: toRef(() => __props.multiple) });
+		provideButtonGroup(__props.namespace, selection);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(selection.disabled),
+			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonHiddenInput.vue
+const _hoisted_1$5 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$4 = {
+	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$80 = /* @__PURE__ */ defineComponent({
+	name: "ButtonHiddenInput",
+	__name: "ButtonHiddenInput",
+	props: {
+		namespace: { default: "v0:button:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		const name = toRef(() => __props.name ?? root.name);
+		const form = toRef(() => __props.form ?? root.form);
+		const value = toRef(() => {
+			const v = __props.value ?? root.value ?? "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isSelected = root.isSelected;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isSelected),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle$4,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1$5);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonRoot.vue
+const [useButtonRoot, provideButtonRoot] = createContext();
+const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+	name: "ButtonRoot",
+	inheritAttrs: false,
+	__name: "ButtonRoot",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		passive: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		grace: { default: 0 },
+		value: {},
+		namespace: { default: "v0:button:root" },
+		groupNamespace: { default: "v0:button:group" },
+		name: {},
+		form: {},
+		ariaLabel: {},
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useButtonGroup(__props.groupNamespace);
+		} catch {}
+		const ticket = group?.register({
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : __props.disabled);
+		const isReadonly = toRef(() => __props.readonly);
+		const isPassive = toRef(() => __props.passive);
+		const isSelected = toRef(() => ticket ? toValue(ticket.isSelected) : false);
+		const isLoading = shallowRef(false);
+		const timer = useTimer(() => {
+			isLoading.value = true;
+		}, { duration: __props.grace });
+		watch(() => __props.loading, (active) => {
+			if (!active) {
+				timer.stop();
+				isLoading.value = false;
+			} else if (__props.grace > 0) timer.start();
+			else isLoading.value = true;
+		}, { immediate: true });
+		const single = createSingle({ mandatory: "force" });
+		const isSolo = shallowRef(false);
+		const locale = useLocale();
+		function onClick() {
+			if (isDisabled.value || isReadonly.value || isPassive.value || __props.loading || !ticket) return;
+			ticket.toggle();
+		}
+		onUnmounted(() => {
+			timer.stop();
+			ticket?.unregister();
+		});
+		const context = {
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isLoading: toRef(() => isLoading.value),
+			isDisabled,
+			isReadonly,
+			isPassive,
+			isSelected,
+			isSolo,
+			single
+		};
+		provideButtonRoot(__props.namespace, context);
+		const elementAttrs = toRef(() => ({
+			"type": __props.as === "button" ? "button" : void 0,
+			"role": "button",
+			"disabled": isDisabled.value ? true : void 0,
+			"aria-disabled": isPassive.value ? true : void 0,
+			"aria-busy": isLoading.value ? true : void 0,
+			"aria-pressed": group ? isSelected.value : void 0,
+			"aria-label": __props.ariaLabel || (isSolo.value ? locale.t("Button.label") : void 0),
+			"tabindex": isDisabled.value ? -1 : 0,
+			"data-loading": isLoading.value ? true : void 0,
+			"data-passive": isPassive.value ? true : void 0,
+			"data-readonly": isReadonly.value ? true : void 0,
+			"data-disabled": isDisabled.value ? true : void 0,
+			"data-selected": group && isSelected.value ? true : void 0,
+			"data-solo": isSolo.value ? true : void 0,
+			"onClick": onClick
+		}));
+		const slotProps = toRef(() => ({
+			isLoading: isLoading.value,
+			isDisabled: isDisabled.value,
+			isReadonly: isReadonly.value,
+			isPassive: isPassive.value,
+			isSelected: isSelected.value,
+			attrs: elementAttrs.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), 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"]), __props.name ? (openBlock(), createBlock(_sfc_main$80, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonContent.vue
+const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+	name: "ButtonContent",
+	__name: "ButtonContent",
+	props: {
+		id: { default: () => useId() },
+		namespace: { default: "v0:button:root" }
+	},
+	setup(__props) {
+		const ticket = useButtonRoot(__props.namespace).single.register({ id: __props.id });
+		onUnmounted(() => ticket.unregister());
+		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonIcon.vue
+const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+	name: "ButtonIcon",
+	__name: "ButtonIcon",
+	props: {
+		namespace: { default: "v0:button:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		onMounted(() => {
+			if (root.single.size > 0) return;
+			root.isSolo.value = true;
+		});
+		const slotProps = toRef(() => ({
+			isSolo: root.isSolo.value,
+			attrs: { "aria-hidden": true }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/ButtonLoading.vue
+const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+	name: "ButtonLoading",
+	__name: "ButtonLoading",
+	props: {
+		id: { default: () => useId() },
+		namespace: { default: "v0:button:root" }
+	},
+	setup(__props) {
+		const root = useButtonRoot(__props.namespace);
+		const ticket = root.single.register({
+			id: __props.id,
+			disabled: true
+		});
+		watch(root.isLoading, (active) => {
+			if (active) {
+				ticket.disabled = false;
+				ticket.select();
+			} else {
+				ticket.disabled = true;
+				const fallback = root.single.seek("first");
+				if (fallback) fallback.select();
+			}
+		}, { immediate: true });
+		onUnmounted(() => ticket.unregister());
+		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+//#endregion
+//#region src/components/Button/index.ts
+/**
+* Button component with sub-components for interactive button controls.
+*
+* @see https://0.vuetifyjs.com/components/actions/button
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+*   import { Button } from '@vuetify/v0'
+* <\/script>
+*
+* <template>
+*   <Button.Root>
+*     <Button.Content>Click me</Button.Content>
+*   </Button.Root>
+* </template>
+* ```
+*/
+const Button = {
+	Content: _sfc_main$78,
+	Group: _sfc_main$81,
+	HiddenInput: _sfc_main$80,
+	Icon: _sfc_main$77,
+	Loading: _sfc_main$76,
+	Root: _sfc_main$79
 };
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
@@ -632,7 +978,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -764,7 +1110,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -860,7 +1206,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -943,7 +1289,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -1033,7 +1379,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -1066,7 +1412,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1143,7 +1489,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -1171,7 +1517,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1192,7 +1538,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1224,7 +1570,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1320,7 +1666,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 		}));
 		provideExpansionPanelRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -1367,7 +1713,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 			isDisabled
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1415,7 +1761,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1448,7 +1794,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1475,7 +1821,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": item.ticket.isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1559,7 +1905,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 			reset: form.reset
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, unref(attrs), {
 				onReset,
 				onSubmit
 			}), {
@@ -1830,7 +2176,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -1903,7 +2249,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...controlAttrs.value
 			}, {
@@ -1940,7 +2286,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			root.hasDescription.value = false;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(unref(attrs), {
 				id: unref(root).descriptionId,
 				as: __props.as,
 				renderless: __props.renderless
@@ -1986,7 +2332,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2128,7 +2474,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 		providePaginationControls(__props.namespace, controls);
 		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2171,7 +2517,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2228,7 +2574,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2296,7 +2642,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2353,7 +2699,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2410,7 +2756,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2467,7 +2813,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2516,7 +2862,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2577,7 +2923,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 			toggle: popover.toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), {
+			return openBlock(), createBlock(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -2614,7 +2960,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				as: __props.as,
 				style: style.value
 			}, slotProps.value.attrs), {
@@ -2666,7 +3012,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "ref",
 				ref,
 				as: props.as,
@@ -2745,7 +3091,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2868,7 +3214,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2960,7 +3306,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3050,7 +3396,7 @@ const _sfc_main$37 = /* @__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$86), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3069,7 +3415,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 				name: __props.transition
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3246,7 +3592,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -3320,7 +3666,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref: "activator",
 				as: __props.as,
 				style: style.value
@@ -3359,7 +3705,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		}));
 		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "content",
 				ref: content,
 				as: __props.as,
@@ -3391,7 +3737,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3446,7 +3792,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3467,7 +3813,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		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), {
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$92), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -3501,7 +3847,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 			attrs: {}
 		}));
 		return (_ctx, _cache) => {
-			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$86), {
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$92), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -3696,13 +4042,13 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 			return __props.teleport ? (openBlock(), createBlock(Teleport, {
 				key: 0,
 				to: __props.teleport
-			}, [createVNode(unref(_sfc_main$86), mergeProps({
+			}, [createVNode(unref(_sfc_main$92), 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({
+			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				key: 1,
 				as: __props.as,
 				style: styles.value
@@ -3772,7 +4118,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				ref_key: "container",
 				ref: container
 			}, slotProps.value.attrs, { as: __props.as }), {
@@ -3811,7 +4157,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 			attrs: { role: "status" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3829,7 +4175,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), { as: __props.as }, {
+			return openBlock(), createBlock(unref(_sfc_main$92), { as: __props.as }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["as"]);
@@ -3857,7 +4203,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 			"onClick": onClick
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -4023,7 +4369,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4115,7 +4461,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4229,7 +4575,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "thumb" }, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ ref: "thumb" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4298,7 +4644,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 			"onPointerdown": onPointerdown
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "track" }, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ ref: "track" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4511,16 +4857,20 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: [unref(attrs).style, {
-					display: "flex",
-					flexDirection: __props.orientation === "horizontal" ? "row" : "column"
-				}]
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{
+						display: "flex",
+						flexDirection: __props.orientation === "horizontal" ? "row" : "column"
+					}
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -4622,18 +4972,22 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
 				as: __props.as,
 				renderless: __props.renderless,
-				style: [unref(attrs).style, {
-					flexGrow: 0,
-					flexShrink: 0,
-					flexBasis: `${size.value}%`,
-					overflow: "hidden"
-				}]
+				style: [
+					unref(attrs).style,
+					slotProps.value.attrs.style,
+					{
+						flexGrow: 0,
+						flexShrink: 0,
+						flexBasis: `${size.value}%`,
+						overflow: "hidden"
+					}
+				]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -4819,7 +5173,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4933,7 +5287,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5065,7 +5419,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5209,7 +5563,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5249,7 +5603,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5280,7 +5634,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -5633,7 +5987,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5748,7 +6102,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5800,7 +6154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$86), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$92), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5850,4 +6204,4 @@ const Tabs = {
 	Panel: _sfc_main
 };
 //#endregion
-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 };
+export { Selection as $, useBreadcrumbsRoot as $n, _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$80 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$82 as Gn, Input as Gt, useSliderRoot as H, provideButtonGroup as Hn, usePaginationControls as Ht, _sfc_main$17 as I, _sfc_main$78 as In, _sfc_main$50 as It, useSnackbarRootContext as J, _sfc_main$85 as Jn, _sfc_main$55 as Jt, _sfc_main$24 as K, _sfc_main$83 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, Button 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, provideBreadcrumbsRoot as Qn, Group as Qt, _sfc_main$19 as R, provideButtonRoot 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, useButtonGroup as Un, usePaginationItems as Ut, provideSliderRoot as V, _sfc_main$81 as Vn, providePaginationRoot as Vt, _sfc_main$22 as W, Breadcrumbs as Wn, usePaginationRoot as Wt, provideSnackbarQueueContext as X, _sfc_main$87 as Xn, provideInputRoot as Xt, _sfc_main$25 as Y, _sfc_main$86 as Yn, _sfc_main$56 as Yt, useSnackbarQueueContext as Z, _sfc_main$88 as Zn, 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, useAvatarRoot as ar, _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, Avatar as er, _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, provideAvatarRoot as ir, 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, _sfc_main$90 as nr, provideSelectionRoot as nt, provideTabsRoot as o, _sfc_main$61 as on, _sfc_main$92 as or, _sfc_main$30 as ot, Single as p, useExpansionPanelRoot as pn, useSelectContext as pt, provideSnackbarRootContext as q, _sfc_main$84 as qn, _sfc_main$54 as qt, _sfc_main$1 as r, _sfc_main$59 as rn, _sfc_main$91 as rr, useSelectionRoot as rt, useTabsRoot as s, _sfc_main$62 as sn, _sfc_main$31 as st, Tabs as t, provideGroupRoot as tn, _sfc_main$89 as tr, _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, useButtonRoot as zn, providePaginationControls as zt };