@vuetify/v0 1.2.0 → 1.2.2

package/dist/{components-DBhVg-t1.mjs → components-CSFzUH3d.mjs}

@@ -1,21 +1,21 @@
-import { n as isSelfClosingTag } from "./htmlElements-CHXZfsZu.mjs";
-import { t as IN_BROWSER } from "./globals-DaoKtIGF.mjs";
+import { n as isSelfClosingTag } from "./htmlElements-Bt1XN_d8.mjs";
+import { t as IN_BROWSER } from "./globals-DVcr1oW0.mjs";
 import { clamp, isArray, isElement, isNull, isNullOrUndefined, isNumber, isObject, isString, isUndefined, pxToNumber, useId as useId$1 } from "./utilities/index.mjs";
-import { n as createContext, r as provideContext } from "./createTrinity-z-3q9QWR.mjs";
-import { i as useLogger } from "./useLogger-YyWuYvrH.mjs";
-import { t as createRegistry } from "./createRegistry-DVdvep0v.mjs";
-import { t as createSelection } from "./createSelection-BNdDz8oY.mjs";
-import { t as createSingle } from "./createSingle-DHyIQ9Cj.mjs";
-import { a as useLocale } from "./useLocale-K_45ulPt.mjs";
-import { n as useEventListener, t as useDocumentEventListener } from "./useEventListener-2eAMwUdw.mjs";
-import { C as createForm, D as createDataGrid, E as useRaf, G as useImage, H as createBreadcrumbs, K as createOverflow, L as useVirtualFocus, M as createCombobox, Q as useToggleScope, R as createStep, S as useIntersectionObserver, V as useProxyModel, X as useResizeObserver, Y as useElementSize, _ as createNumberField, c as useTooltip, g as usePresence, it as useClickOutside, j as useLazy, l as createSlider, n as createNested, nt as useStack, p as createProgress, rt as toElement, t as useRovingFocus, u as createRating, y as createInput } from "./useRovingFocus-CkRnVmJ1.mjs";
-import { i as useTheme } from "./useTheme-DkK6tPqY.mjs";
-import { t as createGroup } from "./createGroup-B_LL7xRr.mjs";
-import { t as useTimer } from "./useTimer-CGVXk397.mjs";
-import { i as usePopover, s as useDelay } from "./usePopover-BTo0AGIQ.mjs";
-import { n as createPagination } from "./adapter-BiQV5j8B.mjs";
-import { t as createDataTable } from "./createDataTable-VmQEDn-7.mjs";
-import { i as useNotifications } from "./useNotifications-Kh_KvM7j.mjs";
+import { n as createContext, r as provideContext } from "./createTrinity-DJROWgXU.mjs";
+import { i as useLogger } from "./useLogger-CuGy-g9B.mjs";
+import { t as createRegistry } from "./createRegistry-D31hPifx.mjs";
+import { t as createSelection } from "./createSelection-DdTgggyM.mjs";
+import { t as createSingle } from "./createSingle-hQWwVTVX.mjs";
+import { a as useLocale } from "./useLocale-OjumdVbi.mjs";
+import { n as useEventListener, t as useDocumentEventListener } from "./useEventListener-DI-1-WPJ.mjs";
+import { C as createForm, D as createDataGrid, E as useRaf, G as useImage, H as createBreadcrumbs, K as createOverflow, L as useVirtualFocus, M as createCombobox, Q as useToggleScope, R as createStep, S as useIntersectionObserver, V as useProxyModel, X as useResizeObserver, Y as useElementSize, _ as createNumberField, c as useTooltip, g as usePresence, it as useClickOutside, j as useLazy, l as createSlider, n as createNested, nt as useStack, p as createProgress, rt as toElement, t as useRovingFocus, u as createRating, y as createInput } from "./useRovingFocus-DuYBgzOA.mjs";
+import { i as useTheme } from "./useTheme-CfrtMZFH.mjs";
+import { t as createGroup } from "./createGroup-CKE5o-VH.mjs";
+import { t as useTimer } from "./useTimer-aOp5haHg.mjs";
+import { i as usePopover, s as useDelay } from "./usePopover-7WMiJ9Zt.mjs";
+import { n as createPagination } from "./adapter-DMzQI6ma.mjs";
+import { t as createDataTable } from "./createDataTable-CfJCltDt.mjs";
+import { i as useNotifications } from "./useNotifications-BuZuDxSy.mjs";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowReadonly, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/Atom/Atom.vue
 /**
@@ -41,7 +41,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$192 = /* @__PURE__ */ defineComponent({
+const _sfc_main$192 = /*@__PURE__*/ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -58,7 +58,7 @@ const _sfc_main$192 = /* @__PURE__ */ defineComponent({
 		const isSelfClosing = toRef(() => /* @__PURE__ */ isString(__props.as) && /* @__PURE__ */ isSelfClosingTag(__props.as));
 		const slotProps = toRef(() => attrs);
 		return (_ctx, _cache) => {
-			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
+			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
 				ref_key: "element",
 				ref: element
 			}), {
@@ -74,7 +74,7 @@ const _sfc_main$192 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertDescription.vue
-const _sfc_main$191 = /* @__PURE__ */ defineComponent({
+const _sfc_main$191 = /*@__PURE__*/ defineComponent({
 	name: "AlertDescription",
 	__name: "AlertDescription",
 	props: {
@@ -96,7 +96,7 @@ const _sfc_main$191 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertRoot.vue
-const _sfc_main$190 = /* @__PURE__ */ defineComponent({
+const _sfc_main$190 = /*@__PURE__*/ defineComponent({
 	name: "AlertRoot",
 	__name: "AlertRoot",
 	props: {
@@ -123,7 +123,7 @@ const _sfc_main$190 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertTitle.vue
-const _sfc_main$189 = /* @__PURE__ */ defineComponent({
+const _sfc_main$189 = /*@__PURE__*/ defineComponent({
 	name: "AlertTitle",
 	__name: "AlertTitle",
 	props: {
@@ -229,10 +229,10 @@ const Alert = {
 //#endregion
 //#region src/components/AlertDialog/AlertDialogRoot.vue
 const [useAlertDialogContext, provideAlertDialogContext] = createContext();
-const _sfc_main$188 = /* @__PURE__ */ defineComponent({
+const _sfc_main$188 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogRoot",
 	__name: "AlertDialogRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:alert-dialog" },
 		id: {},
 		as: { default: null },
@@ -244,7 +244,7 @@ const _sfc_main$188 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const id = __props.id ?? /* @__PURE__ */ useId$1();
 		const isOpen = useModel(__props, "modelValue");
@@ -293,7 +293,7 @@ const _sfc_main$188 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogAction.vue
-const _sfc_main$187 = /* @__PURE__ */ defineComponent({
+const _sfc_main$187 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogAction",
 	__name: "AlertDialogAction",
 	props: {
@@ -356,7 +356,7 @@ const _sfc_main$187 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogActivator.vue
-const _sfc_main$186 = /* @__PURE__ */ defineComponent({
+const _sfc_main$186 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogActivator",
 	__name: "AlertDialogActivator",
 	props: {
@@ -401,7 +401,7 @@ const _sfc_main$186 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogCancel.vue
-const _sfc_main$185 = /* @__PURE__ */ defineComponent({
+const _sfc_main$185 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogCancel",
 	__name: "AlertDialogCancel",
 	props: {
@@ -458,7 +458,7 @@ const _sfc_main$185 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogClose.vue
-const _sfc_main$184 = /* @__PURE__ */ defineComponent({
+const _sfc_main$184 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogClose",
 	__name: "AlertDialogClose",
 	props: {
@@ -502,7 +502,7 @@ const _sfc_main$184 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogContent.vue
-const _sfc_main$183 = /* @__PURE__ */ defineComponent({
+const _sfc_main$183 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogContent",
 	__name: "AlertDialogContent",
 	props: {
@@ -603,7 +603,7 @@ const _sfc_main$183 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogDescription.vue
-const _sfc_main$182 = /* @__PURE__ */ defineComponent({
+const _sfc_main$182 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogDescription",
 	__name: "AlertDialogDescription",
 	props: {
@@ -633,7 +633,7 @@ const _sfc_main$182 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogTitle.vue
-const _sfc_main$181 = /* @__PURE__ */ defineComponent({
+const _sfc_main$181 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogTitle",
 	__name: "AlertDialogTitle",
 	props: {
@@ -847,7 +847,7 @@ const AlertDialog = {
 };
 //#endregion
 //#region src/components/AspectRatio/AspectRatio.vue
-const _sfc_main$180 = /* @__PURE__ */ defineComponent({
+const _sfc_main$180 = /*@__PURE__*/ defineComponent({
 	name: "AspectRatio",
 	__name: "AspectRatio",
 	props: {
@@ -875,7 +875,7 @@ const _sfc_main$180 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarGroup.vue
 const [useAvatarGroup, provideAvatarGroup] = createContext();
-const _sfc_main$179 = /* @__PURE__ */ defineComponent({
+const _sfc_main$179 = /*@__PURE__*/ defineComponent({
 	name: "AvatarGroup",
 	__name: "AvatarGroup",
 	props: {
@@ -987,7 +987,7 @@ const _sfc_main$179 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$178 = /* @__PURE__ */ defineComponent({
+const _sfc_main$178 = /*@__PURE__*/ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -1066,7 +1066,7 @@ const _sfc_main$178 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$177 = /* @__PURE__ */ defineComponent({
+const _sfc_main$177 = /*@__PURE__*/ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -1093,7 +1093,7 @@ const _sfc_main$177 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$176 = /* @__PURE__ */ defineComponent({
+const _sfc_main$176 = /*@__PURE__*/ defineComponent({
 	name: "AvatarImage",
 	__name: "AvatarImage",
 	props: {
@@ -1185,7 +1185,7 @@ const _sfc_main$176 = /* @__PURE__ */ defineComponent({
 * is set, this component self-measures and feeds its width back to the
 * group so createOverflow can reserve space for it (wired in Task 4).
 */
-const _sfc_main$175 = /* @__PURE__ */ defineComponent({
+const _sfc_main$175 = /*@__PURE__*/ defineComponent({
 	name: "AvatarIndicator",
 	__name: "AvatarIndicator",
 	props: {
@@ -1326,7 +1326,7 @@ const Avatar = {
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$174 = /* @__PURE__ */ defineComponent({
+const _sfc_main$174 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -1410,7 +1410,7 @@ const _sfc_main$174 = /* @__PURE__ */ defineComponent({
 			const fD = firstDividerWidth.value;
 			const eW = ellipsisWidth.value;
 			const reserved = fI + __props.gap + fD + __props.gap + eW + __props.gap;
-			if (capacity === Infinity || capacity >= measuredCount) {
+			if (ellipsisTickets.length === 0 || capacity === Infinity || capacity >= measuredCount) {
 				hiddenCount.value = 0;
 				if (expanded.value) expanded.value = false;
 				for (const t of ellipsisTickets) group.unselect(t.id);
@@ -1488,7 +1488,7 @@ const _sfc_main$174 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsActivator.vue
-const _sfc_main$173 = /* @__PURE__ */ defineComponent({
+const _sfc_main$173 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsActivator",
 	__name: "BreadcrumbsActivator",
 	props: {
@@ -1542,7 +1542,7 @@ const _sfc_main$173 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$172 = /* @__PURE__ */ defineComponent({
+const _sfc_main$172 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -1591,7 +1591,7 @@ const _sfc_main$172 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$171 = /* @__PURE__ */ defineComponent({
+const _sfc_main$171 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -1649,7 +1649,7 @@ const _sfc_main$171 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$170 = /* @__PURE__ */ defineComponent({
+const _sfc_main$170 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -1704,7 +1704,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$169 = /* @__PURE__ */ defineComponent({
+const _sfc_main$169 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -1725,7 +1725,7 @@ const _sfc_main$169 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$168 = /* @__PURE__ */ defineComponent({
+const _sfc_main$168 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -1747,7 +1747,7 @@ const _sfc_main$168 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$167 = /* @__PURE__ */ defineComponent({
+const _sfc_main$167 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -1965,10 +1965,10 @@ const Breadcrumbs = {
 //#endregion
 //#region src/components/Button/ButtonGroup.vue
 const [useButtonGroup, provideButtonGroup] = createContext();
-const _sfc_main$166 = /* @__PURE__ */ defineComponent({
+const _sfc_main$166 = /*@__PURE__*/ defineComponent({
 	name: "ButtonGroup",
 	__name: "ButtonGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:button:group" },
 		disabled: {
 			type: Boolean,
@@ -1991,7 +1991,7 @@ const _sfc_main$166 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = createSelection({
@@ -2042,7 +2042,7 @@ const visuallyHiddenStyle$6 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$165 = /* @__PURE__ */ defineComponent({
+const _sfc_main$165 = /*@__PURE__*/ defineComponent({
 	name: "ButtonHiddenInput",
 	__name: "ButtonHiddenInput",
 	props: {
@@ -2080,7 +2080,7 @@ const _sfc_main$165 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Button/ButtonRoot.vue
 const [useButtonRoot, provideButtonRoot] = createContext();
-const _sfc_main$164 = /* @__PURE__ */ defineComponent({
+const _sfc_main$164 = /*@__PURE__*/ defineComponent({
 	name: "ButtonRoot",
 	inheritAttrs: false,
 	__name: "ButtonRoot",
@@ -2205,7 +2205,7 @@ const _sfc_main$164 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonContent.vue
-const _sfc_main$163 = /* @__PURE__ */ defineComponent({
+const _sfc_main$163 = /*@__PURE__*/ defineComponent({
 	name: "ButtonContent",
 	__name: "ButtonContent",
 	props: {
@@ -2223,7 +2223,7 @@ const _sfc_main$163 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonIcon.vue
-const _sfc_main$162 = /* @__PURE__ */ defineComponent({
+const _sfc_main$162 = /*@__PURE__*/ defineComponent({
 	name: "ButtonIcon",
 	__name: "ButtonIcon",
 	props: {
@@ -2254,7 +2254,7 @@ const _sfc_main$162 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonLoading.vue
-const _sfc_main$161 = /* @__PURE__ */ defineComponent({
+const _sfc_main$161 = /*@__PURE__*/ defineComponent({
 	name: "ButtonLoading",
 	__name: "ButtonLoading",
 	props: {
@@ -2280,7 +2280,7 @@ const _sfc_main$161 = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => ticket.unregister());
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true);
+			return unref(ticket).isSelected.value ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -2447,10 +2447,10 @@ const Button = {
 //#endregion
 //#region src/components/Carousel/CarouselRoot.vue
 const [useCarouselRoot, provideCarouselRoot] = createContext();
-const _sfc_main$160 = /* @__PURE__ */ defineComponent({
+const _sfc_main$160 = /*@__PURE__*/ defineComponent({
 	name: "CarouselRoot",
 	__name: "CarouselRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		namespace: { default: "v0:carousel" },
@@ -2578,7 +2578,7 @@ const _sfc_main$160 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselViewport.vue
-const _sfc_main$159 = /* @__PURE__ */ defineComponent({
+const _sfc_main$159 = /*@__PURE__*/ defineComponent({
 	name: "CarouselViewport",
 	inheritAttrs: false,
 	__name: "CarouselViewport",
@@ -2773,7 +2773,7 @@ const _sfc_main$159 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselItem.vue
-const _sfc_main$158 = /* @__PURE__ */ defineComponent({
+const _sfc_main$158 = /*@__PURE__*/ defineComponent({
 	name: "CarouselItem",
 	inheritAttrs: false,
 	__name: "CarouselItem",
@@ -2851,7 +2851,7 @@ const _sfc_main$158 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselPrevious.vue
-const _sfc_main$157 = /* @__PURE__ */ defineComponent({
+const _sfc_main$157 = /*@__PURE__*/ defineComponent({
 	name: "CarouselPrevious",
 	inheritAttrs: false,
 	__name: "CarouselPrevious",
@@ -2913,7 +2913,7 @@ const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselNext.vue
-const _sfc_main$156 = /* @__PURE__ */ defineComponent({
+const _sfc_main$156 = /*@__PURE__*/ defineComponent({
 	name: "CarouselNext",
 	inheritAttrs: false,
 	__name: "CarouselNext",
@@ -2978,7 +2978,7 @@ const _sfc_main$156 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselIndicator.vue
-const _sfc_main$155 = /* @__PURE__ */ defineComponent({
+const _sfc_main$155 = /*@__PURE__*/ defineComponent({
 	name: "CarouselIndicator",
 	inheritAttrs: false,
 	__name: "CarouselIndicator",
@@ -3092,7 +3092,7 @@ const _sfc_main$155 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselProgress.vue
-const _sfc_main$154 = /* @__PURE__ */ defineComponent({
+const _sfc_main$154 = /*@__PURE__*/ defineComponent({
 	name: "CarouselProgress",
 	inheritAttrs: false,
 	__name: "CarouselProgress",
@@ -3158,7 +3158,7 @@ const _sfc_main$154 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselLiveRegion.vue
-const _sfc_main$153 = /* @__PURE__ */ defineComponent({
+const _sfc_main$153 = /*@__PURE__*/ defineComponent({
 	name: "CarouselLiveRegion",
 	inheritAttrs: false,
 	__name: "CarouselLiveRegion",
@@ -3433,10 +3433,10 @@ const Carousel = {
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$152 = /* @__PURE__ */ defineComponent({
+const _sfc_main$152 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:checkbox:group" },
 		disabled: {
 			type: Boolean,
@@ -3459,7 +3459,7 @@ const _sfc_main$152 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -3502,11 +3502,11 @@ const _sfc_main$152 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$151 = /* @__PURE__ */ defineComponent({
+const _sfc_main$151 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		value: {},
@@ -3525,7 +3525,7 @@ const _sfc_main$151 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -3653,7 +3653,7 @@ const visuallyHiddenStyle$5 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$150 = /* @__PURE__ */ defineComponent({
+const _sfc_main$150 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -3691,7 +3691,7 @@ const _sfc_main$150 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$149 = /* @__PURE__ */ defineComponent({
+const _sfc_main$149 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -3726,7 +3726,7 @@ const _sfc_main$149 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$148 = /* @__PURE__ */ defineComponent({
+const _sfc_main$148 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -3979,10 +3979,10 @@ const Checkbox = {
 //#endregion
 //#region src/components/Collapsible/CollapsibleRoot.vue
 const [useCollapsible, provideCollapsible] = createContext();
-const _sfc_main$147 = /* @__PURE__ */ defineComponent({
+const _sfc_main$147 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleRoot",
 	__name: "CollapsibleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:collapsible" },
 		disabled: {
 			type: Boolean,
@@ -3997,7 +3997,7 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const isDisabled = toRef(() => __props.disabled);
@@ -4059,7 +4059,7 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleActivator.vue
-const _sfc_main$146 = /* @__PURE__ */ defineComponent({
+const _sfc_main$146 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleActivator",
 	__name: "CollapsibleActivator",
 	props: {
@@ -4107,7 +4107,7 @@ const _sfc_main$146 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.vue
-const _sfc_main$145 = /* @__PURE__ */ defineComponent({
+const _sfc_main$145 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleContent",
 	__name: "CollapsibleContent",
 	props: {
@@ -4141,7 +4141,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleCue.vue
-const _sfc_main$144 = /* @__PURE__ */ defineComponent({
+const _sfc_main$144 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleCue",
 	__name: "CollapsibleCue",
 	props: {
@@ -4221,7 +4221,7 @@ const visuallyHiddenStyle$4 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$143 = /* @__PURE__ */ defineComponent({
+const _sfc_main$143 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxHiddenInput",
 	__name: "ComboboxHiddenInput",
 	props: { namespace: { default: "v0:combobox" } },
@@ -4255,10 +4255,10 @@ const _sfc_main$143 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Combobox/ComboboxRoot.vue
 const [useComboboxContext, provideComboboxContext] = createContext();
-const _sfc_main$142 = /* @__PURE__ */ defineComponent({
+const _sfc_main$142 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxRoot",
 	__name: "ComboboxRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:combobox" },
 		id: {},
 		name: {},
@@ -4293,7 +4293,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const context = createCombobox({
@@ -4339,7 +4339,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxActivator.vue
-const _sfc_main$141 = /* @__PURE__ */ defineComponent({
+const _sfc_main$141 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxActivator",
 	__name: "ComboboxActivator",
 	props: {
@@ -4369,7 +4369,7 @@ const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxContent.vue
-const _sfc_main$140 = /* @__PURE__ */ defineComponent({
+const _sfc_main$140 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxContent",
 	__name: "ComboboxContent",
 	props: {
@@ -4386,7 +4386,8 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 		const content = useTemplateRef("content");
 		context.popover.attach(() => content.value?.element);
 		const { hasContent } = useLazy(context.isOpen, { eager: __props.eager });
-		useClickOutside([() => content.value?.element, toRef(() => context.inputEl.value?.closest("[data-state]"))], () => {
+		const activator = toRef(() => context.inputEl.value?.closest("[data-state]"));
+		useClickOutside([() => content.value?.element, activator], () => {
 			if (context.isOpen.value) context.close();
 		});
 		const slotProps = toRef(() => ({
@@ -4410,7 +4411,7 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
-				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
@@ -4418,7 +4419,7 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxControl.vue
-const _sfc_main$139 = /* @__PURE__ */ defineComponent({
+const _sfc_main$139 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxControl",
 	__name: "ComboboxControl",
 	props: {
@@ -4470,14 +4471,12 @@ const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 						}
 					}
 					context.cursor.onKeydown(e);
-					break;
 			}
 			else switch (e.key) {
 				case "ArrowDown":
 				case "ArrowUp":
 					e.preventDefault();
 					context.open();
-					break;
 			}
 		}
 		const strict = toRef(() => toValue(context.strict));
@@ -4520,7 +4519,7 @@ const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxCue.vue
-const _sfc_main$138 = /* @__PURE__ */ defineComponent({
+const _sfc_main$138 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxCue",
 	__name: "ComboboxCue",
 	props: {
@@ -4554,7 +4553,7 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxDescription.vue
-const _sfc_main$137 = /* @__PURE__ */ defineComponent({
+const _sfc_main$137 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxDescription",
 	inheritAttrs: false,
 	__name: "ComboboxDescription",
@@ -4590,7 +4589,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxEmpty.vue
-const _sfc_main$136 = /* @__PURE__ */ defineComponent({
+const _sfc_main$136 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxEmpty",
 	__name: "ComboboxEmpty",
 	props: {
@@ -4616,7 +4615,7 @@ const _sfc_main$136 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxError.vue
-const _sfc_main$135 = /* @__PURE__ */ defineComponent({
+const _sfc_main$135 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxError",
 	inheritAttrs: false,
 	__name: "ComboboxError",
@@ -4657,7 +4656,7 @@ const _sfc_main$135 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxItem.vue
-const _sfc_main$134 = /* @__PURE__ */ defineComponent({
+const _sfc_main$134 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxItem",
 	__name: "ComboboxItem",
 	props: {
@@ -4940,10 +4939,10 @@ const [_useDataGridRoot, provideDataGridRoot] = createContext();
 function useDataGridRoot(namespace = "v0:data-grid") {
 	return _useDataGridRoot(namespace);
 }
-const _sfc_main$133 = /* @__PURE__ */ defineComponent({
+const _sfc_main$133 = /*@__PURE__*/ defineComponent({
 	name: "DataGridRoot",
 	__name: "DataGridRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:data-grid" },
 		editing: {},
 		preserveRowOrder: {},
@@ -4964,7 +4963,7 @@ const _sfc_main$133 = /* @__PURE__ */ defineComponent({
 		"search": { default: "" },
 		"searchModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:search"], ["update:search"]),
+	emits: /*@__PURE__*/ mergeModels(["update:search"], ["update:search"]),
 	setup(__props) {
 		const options = createPropsRestProxy(__props, [
 			"namespace",
@@ -5003,7 +5002,7 @@ const _sfc_main$133 = /* @__PURE__ */ defineComponent({
 * The `<tbody>` element wrapper. Exposes the paginated items from the
 * context for rendering data rows.
 */
-const _sfc_main$132 = /* @__PURE__ */ defineComponent({
+const _sfc_main$132 = /*@__PURE__*/ defineComponent({
 	name: "DataGridBody",
 	inheritAttrs: false,
 	__name: "DataGridBody",
@@ -5041,7 +5040,7 @@ const _sfc_main$132 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$131 = /* @__PURE__ */ defineComponent({
+const _sfc_main$131 = /*@__PURE__*/ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -5131,54 +5130,58 @@ const _sfc_main$131 = /* @__PURE__ */ defineComponent({
 			let size = /* @__PURE__ */ clamp(before.size + delta, lower, upper);
 			const beforeCollapsed = !toValue(before.isSelected);
 			const drag = dragging.value;
-			if (before.collapsible && !beforeCollapsed && size <= before.minSize && delta < 0) if (drag) {
-				if (before.size >= before.minSize) {
-					size = before.minSize;
-					if (canCollapse(before)) arm(before.id, "collapse", Math.max(0, before.minSize - (before.size + delta)));
+			if (before.collapsible && !beforeCollapsed && size <= before.minSize && delta < 0) {
+				if (drag) {
+					if (before.size >= before.minSize) {
+						size = before.minSize;
+						if (canCollapse(before)) arm(before.id, "collapse", Math.max(0, before.minSize - (before.size + delta)));
+					}
+				} else {
+					size = before.collapsedSize;
+					before.unselect();
+					expandAccum.set(before.id, 0);
 				}
-			} else {
-				size = before.collapsedSize;
-				before.unselect();
-				expandAccum.set(before.id, 0);
-			}
-			else if (before.collapsible && beforeCollapsed && delta > 0) if (drag) {
-				size = before.collapsedSize;
-				if (canExpand(before, after)) arm(before.id, "expand", delta);
-			} else {
-				const accum = (expandAccum.get(before.id) ?? 0) + delta;
-				expandAccum.set(before.id, accum);
-				if (accum >= EXPAND_THRESHOLD) {
-					size = /* @__PURE__ */ clamp(accum, before.collapsedSize, before.maxSize);
-					before.select();
-					expandAccum.delete(before.id);
-				} else size = before.collapsedSize;
-			}
-			else if (drag) disarm(before.id);
+			} else if (before.collapsible && beforeCollapsed && delta > 0) {
+				if (drag) {
+					size = before.collapsedSize;
+					if (canExpand(before, after)) arm(before.id, "expand", delta);
+				} else {
+					const accum = (expandAccum.get(before.id) ?? 0) + delta;
+					expandAccum.set(before.id, accum);
+					if (accum >= EXPAND_THRESHOLD) {
+						size = /* @__PURE__ */ clamp(accum, before.collapsedSize, before.maxSize);
+						before.select();
+						expandAccum.delete(before.id);
+					} else size = before.collapsedSize;
+				}
+			} else if (drag) disarm(before.id);
 			const afterSize = total - size;
 			const afterCollapsed = !toValue(after.isSelected);
-			if (after.collapsible && !afterCollapsed && afterSize <= after.minSize && delta > 0) if (drag) {
-				if (after.size >= after.minSize) {
-					size = total - after.minSize;
-					if (canCollapse(after)) arm(after.id, "collapse", Math.max(0, after.minSize - (after.size - delta)));
+			if (after.collapsible && !afterCollapsed && afterSize <= after.minSize && delta > 0) {
+				if (drag) {
+					if (after.size >= after.minSize) {
+						size = total - after.minSize;
+						if (canCollapse(after)) arm(after.id, "collapse", Math.max(0, after.minSize - (after.size - delta)));
+					}
+				} else {
+					size = total - after.collapsedSize;
+					after.unselect();
+					expandAccum.set(after.id, 0);
 				}
-			} else {
-				size = total - after.collapsedSize;
-				after.unselect();
-				expandAccum.set(after.id, 0);
-			}
-			else if (after.collapsible && afterCollapsed && delta < 0) if (drag) {
-				size = total - after.collapsedSize;
-				if (canExpand(after, before)) arm(after.id, "expand", delta);
-			} else {
-				const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
-				expandAccum.set(after.id, accum);
-				if (accum >= EXPAND_THRESHOLD) {
-					size = total - /* @__PURE__ */ clamp(accum, after.collapsedSize, after.maxSize);
-					after.select();
-					expandAccum.delete(after.id);
-				} else size = total - after.collapsedSize;
-			}
-			else if (drag) disarm(after.id);
+			} else if (after.collapsible && afterCollapsed && delta < 0) {
+				if (drag) {
+					size = total - after.collapsedSize;
+					if (canExpand(after, before)) arm(after.id, "expand", delta);
+				} else {
+					const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
+					expandAccum.set(after.id, accum);
+					if (accum >= EXPAND_THRESHOLD) {
+						size = total - /* @__PURE__ */ clamp(accum, after.collapsedSize, after.maxSize);
+						after.select();
+						expandAccum.delete(after.id);
+					} else size = total - after.collapsedSize;
+				}
+			} else if (drag) disarm(after.id);
 			before.size = size;
 			after.size = total - size;
 			if (options?.emit) emitLayout();
@@ -5228,7 +5231,8 @@ const _sfc_main$131 = /* @__PURE__ */ defineComponent({
 			if (incoming.length !== values.length) return;
 			for (const [index, ticket] of values.entries()) {
 				const value = incoming[index];
-				ticket.size = /* @__PURE__ */ clamp(value, ticket.collapsible && value <= ticket.collapsedSize ? ticket.collapsedSize : ticket.minSize, ticket.maxSize);
+				const min = ticket.collapsible && value <= ticket.collapsedSize ? ticket.collapsedSize : ticket.minSize;
+				ticket.size = /* @__PURE__ */ clamp(value, min, ticket.maxSize);
 			}
 			let remainder = 100 - values.reduce((sum, t) => sum + t.size, 0);
 			for (const ticket of values) {
@@ -5338,11 +5342,11 @@ const _sfc_main$131 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$130 = /* @__PURE__ */ defineComponent({
+const _sfc_main$130 = /*@__PURE__*/ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		defaultSize: {},
 		minSize: { default: 0 },
 		maxSize: { default: 100 },
@@ -5357,7 +5361,7 @@ const _sfc_main$130 = /* @__PURE__ */ defineComponent({
 		"collapsed": { type: Boolean },
 		"collapsedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
+	emits: /*@__PURE__*/ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const attrs = useAttrs();
 		const collapsed = useModel(__props, "collapsed");
@@ -5473,7 +5477,7 @@ const _sfc_main$130 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$129 = /* @__PURE__ */ defineComponent({
+const _sfc_main$129 = /*@__PURE__*/ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -5593,7 +5597,7 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 					break;
 				case backward:
 					e.preventDefault();
-					splitter.resize(ticket.index, -ARROW_STEP, { emit: true });
+					splitter.resize(ticket.index, -1, { emit: true });
 					break;
 				case "PageDown":
 					e.preventDefault();
@@ -5601,7 +5605,7 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 					break;
 				case "PageUp":
 					e.preventDefault();
-					splitter.resize(ticket.index, -PAGE_STEP, { emit: true });
+					splitter.resize(ticket.index, -10, { emit: true });
 					break;
 				case "Home": {
 					e.preventDefault();
@@ -5788,7 +5792,7 @@ const Splitter = {
 * for rendering nested header rows.
 */
 const [useDataGridHeader, provideDataGridHeader] = createContext({ suffix: "header" });
-const _sfc_main$128 = /* @__PURE__ */ defineComponent({
+const _sfc_main$128 = /*@__PURE__*/ defineComponent({
 	name: "DataGridHeader",
 	inheritAttrs: false,
 	__name: "DataGridHeader",
@@ -5850,7 +5854,7 @@ const _sfc_main$128 = /* @__PURE__ */ defineComponent({
 * table — pass `as="div"` on the Table/Header/Body/Row/Column/Cell chain.
 */
 const [useDataGridRow, provideDataGridRow] = createContext({ suffix: "row" });
-const _sfc_main$127 = /* @__PURE__ */ defineComponent({
+const _sfc_main$127 = /*@__PURE__*/ defineComponent({
 	name: "DataGridRow",
 	inheritAttrs: false,
 	__name: "DataGridRow",
@@ -5958,7 +5962,6 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 			if (!/* @__PURE__ */ isUndefined(current)) context.expansion.toggle(current);
 		}
 		function onSplitterLayout(sizes) {
-			if (sizes.length !== context.layout.columns.value.length) return;
 			const visible = new Set(context.layout.columns.value.map((c) => c.id));
 			const assigned = /* @__PURE__ */ new Map();
 			for (const [index, size] of sizes.entries()) {
@@ -5974,7 +5977,6 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 				if (/* @__PURE__ */ isUndefined(size)) return;
 				permuted.push(size);
 			}
-			if (permuted.length !== sizes.length) return;
 			context.layout.distribute(permuted);
 		}
 		const slotProps = toRef(() => ({
@@ -6028,7 +6030,7 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 * A `<td>` element for data cells. Exposes editing state, row spanning,
 * consumer `colspan`, and layout (pin/size/offset) from the grid context.
 */
-const _sfc_main$126 = /* @__PURE__ */ defineComponent({
+const _sfc_main$126 = /*@__PURE__*/ defineComponent({
 	name: "DataGridCell",
 	inheritAttrs: false,
 	__name: "DataGridCell",
@@ -6128,7 +6130,7 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 * When inside a resizable `DataGridRow`, this component composes
 * `Splitter.Panel`. Keep the consumer `as` — do not swap `th` for `div`.
 */
-const _sfc_main$125 = /* @__PURE__ */ defineComponent({
+const _sfc_main$125 = /*@__PURE__*/ defineComponent({
 	name: "DataGridColumn",
 	inheritAttrs: false,
 	__name: "DataGridColumn",
@@ -6263,7 +6265,7 @@ const _sfc_main$125 = /* @__PURE__ */ defineComponent({
 * Empty state component that renders when the grid has no items.
 * Conditionally renders based on the items count.
 */
-const _sfc_main$124 = /* @__PURE__ */ defineComponent({
+const _sfc_main$124 = /*@__PURE__*/ defineComponent({
 	name: "DataGridEmpty",
 	inheritAttrs: false,
 	__name: "DataGridEmpty",
@@ -6306,7 +6308,7 @@ const _sfc_main$124 = /* @__PURE__ */ defineComponent({
 * renders nothing so it cannot hijack an ancestor Splitter or throw
 * V0_CONTEXT_MISSING.
 */
-const _sfc_main$123 = /* @__PURE__ */ defineComponent({
+const _sfc_main$123 = /*@__PURE__*/ defineComponent({
 	name: "DataGridHandle",
 	inheritAttrs: false,
 	__name: "DataGridHandle",
@@ -6360,7 +6362,7 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 * The `<table>` element wrapper for the DataGrid compound. Renders a semantic
 * table with proper ARIA attributes. This is not an APG Grid widget.
 */
-const _sfc_main$122 = /* @__PURE__ */ defineComponent({
+const _sfc_main$122 = /*@__PURE__*/ defineComponent({
 	name: "DataGridTable",
 	inheritAttrs: false,
 	__name: "DataGridTable",
@@ -6615,10 +6617,10 @@ const [_useDataTableRoot, provideDataTableRoot] = createContext();
 function useDataTableRoot(namespace = "v0:data-table") {
 	return _useDataTableRoot(namespace);
 }
-const _sfc_main$121 = /* @__PURE__ */ defineComponent({
+const _sfc_main$121 = /*@__PURE__*/ defineComponent({
 	name: "DataTableRoot",
 	__name: "DataTableRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:data-table" },
 		filter: {},
 		pagination: {},
@@ -6636,7 +6638,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 		"search": { default: "" },
 		"searchModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:search"], ["update:search"]),
+	emits: /*@__PURE__*/ mergeModels(["update:search"], ["update:search"]),
 	setup(__props) {
 		const context = createDataTable({
 			filter: __props.filter,
@@ -6676,7 +6678,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 * @remarks
 * The `<tbody>` element wrapper. Slot exposes `rank`, `items`, and `isEmpty`.
 */
-const _sfc_main$120 = /* @__PURE__ */ defineComponent({
+const _sfc_main$120 = /*@__PURE__*/ defineComponent({
 	name: "DataTableBody",
 	inheritAttrs: false,
 	__name: "DataTableBody",
@@ -6716,7 +6718,7 @@ const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 * @remarks
 * A `<td>` element for data cells. Use inside DataTable.Row.
 */
-const _sfc_main$119 = /* @__PURE__ */ defineComponent({
+const _sfc_main$119 = /*@__PURE__*/ defineComponent({
 	name: "DataTableCell",
 	inheritAttrs: false,
 	__name: "DataTableCell",
@@ -6755,7 +6757,7 @@ const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 * A `<th>` element for header cells. Exposes sort state and controls
 * for sortable columns. Use inside DataTable.Row.
 */
-const _sfc_main$118 = /* @__PURE__ */ defineComponent({
+const _sfc_main$118 = /*@__PURE__*/ defineComponent({
 	name: "DataTableColumn",
 	inheritAttrs: false,
 	__name: "DataTableColumn",
@@ -6844,7 +6846,7 @@ const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 * Empty state component that renders when the table has no items.
 * Conditionally renders based on the items count.
 */
-const _sfc_main$117 = /* @__PURE__ */ defineComponent({
+const _sfc_main$117 = /*@__PURE__*/ defineComponent({
 	name: "DataTableEmpty",
 	inheritAttrs: false,
 	__name: "DataTableEmpty",
@@ -6885,7 +6887,7 @@ const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 * The `<thead>` element wrapper. Exposes the 2D header grid from the context
 * for rendering nested header rows.
 */
-const _sfc_main$116 = /* @__PURE__ */ defineComponent({
+const _sfc_main$116 = /*@__PURE__*/ defineComponent({
 	name: "DataTableHeader",
 	inheritAttrs: false,
 	__name: "DataTableHeader",
@@ -6924,7 +6926,7 @@ const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 * DataTable.Body (with Cell). Exposes selection and expansion state
 * when bound to a row item.
 */
-const _sfc_main$115 = /* @__PURE__ */ defineComponent({
+const _sfc_main$115 = /*@__PURE__*/ defineComponent({
 	name: "DataTableRow",
 	inheritAttrs: false,
 	__name: "DataTableRow",
@@ -7050,7 +7052,7 @@ const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 * The `<table>` element wrapper for the DataTable compound. Renders a semantic
 * table with proper ARIA attributes.
 */
-const _sfc_main$114 = /* @__PURE__ */ defineComponent({
+const _sfc_main$114 = /*@__PURE__*/ defineComponent({
 	name: "DataTableTable",
 	inheritAttrs: false,
 	__name: "DataTableTable",
@@ -7375,10 +7377,10 @@ const DataTable = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$113 = /* @__PURE__ */ defineComponent({
+const _sfc_main$113 = /*@__PURE__*/ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:dialog" },
 		id: {},
 		as: { default: null },
@@ -7390,7 +7392,7 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
 		const id = __props.id ?? /* @__PURE__ */ useId$1();
@@ -7433,7 +7435,7 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$112 = /* @__PURE__ */ defineComponent({
+const _sfc_main$112 = /*@__PURE__*/ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -7477,7 +7479,7 @@ const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$111 = /* @__PURE__ */ defineComponent({
+const _sfc_main$111 = /*@__PURE__*/ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -7562,7 +7564,7 @@ const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$110 = /* @__PURE__ */ defineComponent({
+const _sfc_main$110 = /*@__PURE__*/ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -7592,7 +7594,7 @@ const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$109 = /* @__PURE__ */ defineComponent({
+const _sfc_main$109 = /*@__PURE__*/ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -7622,7 +7624,7 @@ const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$108 = /* @__PURE__ */ defineComponent({
+const _sfc_main$108 = /*@__PURE__*/ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -7817,10 +7819,10 @@ const Dialog = {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelGroup.vue
 const [useExpansionPanelGroup, provideExpansionPanelGroup] = createContext();
-const _sfc_main$107 = /* @__PURE__ */ defineComponent({
+const _sfc_main$107 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelGroup",
 	__name: "ExpansionPanelGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:expansion-panel" },
 		disabled: {
 			type: Boolean,
@@ -7844,7 +7846,7 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const isDisabled = toRef(() => __props.disabled);
@@ -7877,7 +7879,7 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext({ suffix: "item" });
-const _sfc_main$106 = /* @__PURE__ */ defineComponent({
+const _sfc_main$106 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: {
@@ -7923,7 +7925,7 @@ const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$105 = /* @__PURE__ */ defineComponent({
+const _sfc_main$105 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -7976,7 +7978,7 @@ const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$104 = /* @__PURE__ */ defineComponent({
+const _sfc_main$104 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -8009,7 +8011,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelCue.vue
-const _sfc_main$103 = /* @__PURE__ */ defineComponent({
+const _sfc_main$103 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelCue",
 	__name: "ExpansionPanelCue",
 	props: {
@@ -8039,7 +8041,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$102 = /* @__PURE__ */ defineComponent({
+const _sfc_main$102 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -8210,11 +8212,11 @@ const ExpansionPanel = {
 };
 //#endregion
 //#region src/components/Form/Form.vue
-const _sfc_main$101 = /* @__PURE__ */ defineComponent({
+const _sfc_main$101 = /*@__PURE__*/ defineComponent({
 	name: "Form",
 	inheritAttrs: false,
 	__name: "Form",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:form" },
 		disabled: {
 			type: Boolean,
@@ -8237,7 +8239,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"submit",
 		"reset"
@@ -8256,7 +8258,8 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 		provideContext(__props.namespace, form);
 		async function onSubmit(event) {
 			event.preventDefault();
-			emit("submit", { valid: await form.submit() });
+			const valid = await form.submit();
+			emit("submit", { valid });
 		}
 		function onReset(event) {
 			event.preventDefault();
@@ -8290,10 +8293,10 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$100 = /* @__PURE__ */ defineComponent({
+const _sfc_main$100 = /*@__PURE__*/ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:group" },
 		disabled: {
 			type: Boolean,
@@ -8311,7 +8314,7 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -8342,7 +8345,7 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$99 = /* @__PURE__ */ defineComponent({
+const _sfc_main$99 = /*@__PURE__*/ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -8455,7 +8458,7 @@ const Group = {
 //#endregion
 //#region src/components/Image/ImageRoot.vue
 const [useImageRoot, provideImageRoot] = createContext();
-const _sfc_main$98 = /* @__PURE__ */ defineComponent({
+const _sfc_main$98 = /*@__PURE__*/ defineComponent({
 	name: "ImageRoot",
 	__name: "ImageRoot",
 	props: {
@@ -8508,7 +8511,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImageFallback.vue
-const _sfc_main$97 = /* @__PURE__ */ defineComponent({
+const _sfc_main$97 = /*@__PURE__*/ defineComponent({
 	name: "ImageFallback",
 	__name: "ImageFallback",
 	props: {
@@ -8538,7 +8541,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImageImg.vue
-const _sfc_main$96 = /* @__PURE__ */ defineComponent({
+const _sfc_main$96 = /*@__PURE__*/ defineComponent({
 	name: "ImageImg",
 	__name: "ImageImg",
 	props: {
@@ -8609,7 +8612,7 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImagePlaceholder.vue
-const _sfc_main$95 = /* @__PURE__ */ defineComponent({
+const _sfc_main$95 = /*@__PURE__*/ defineComponent({
 	name: "ImagePlaceholder",
 	__name: "ImagePlaceholder",
 	props: {
@@ -8722,11 +8725,11 @@ function parseValidateOn$1(value) {
 		modifier
 	};
 }
-const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+const _sfc_main$94 = /*@__PURE__*/ defineComponent({
 	name: "InputRoot",
 	inheritAttrs: false,
 	__name: "InputRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		name: {},
@@ -8743,6 +8746,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 		},
 		errorMessages: {},
 		namespace: { default: "v0:input:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -8754,7 +8758,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 		},
 		"focusedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:focused"], ["update:modelValue", "update:focused"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value", "update:focused"], ["update:modelValue", "update:focused"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
@@ -8765,6 +8769,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 			label: __props.label,
 			name: __props.name,
 			form: __props.form,
+			formNamespace: __props.formNamespace,
 			required: __props.required,
 			disabled: () => toValue(__props.disabled),
 			readonly: () => toValue(__props.readonly),
@@ -8862,7 +8867,12 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputControl.vue
-const _sfc_main$93 = /* @__PURE__ */ defineComponent({
+function defined(attrs) {
+	const result = {};
+	for (const key of Object.keys(attrs)) if (!/* @__PURE__ */ isUndefined(attrs[key])) result[key] = attrs[key];
+	return result;
+}
+const _sfc_main$93 = /*@__PURE__*/ defineComponent({
 	name: "InputControl",
 	inheritAttrs: false,
 	__name: "InputControl",
@@ -8892,7 +8902,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 			const disabled = root.isDisabled.value;
 			const readonly = root.isReadonly.value;
 			const isFocused = root.isFocused.value;
-			return {
+			return defined({
 				"id": root.id,
 				"type": root.type.value,
 				"name": root.name,
@@ -8913,7 +8923,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 				"onInput": onInput,
 				"onFocus": onFocus,
 				"onBlur": onBlur
-			};
+			});
 		});
 		const slotProps = toRef(() => ({
 			value: root.value.value,
@@ -8935,7 +8945,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputDescription.vue
-const _sfc_main$92 = /* @__PURE__ */ defineComponent({
+const _sfc_main$92 = /*@__PURE__*/ defineComponent({
 	name: "InputDescription",
 	inheritAttrs: false,
 	__name: "InputDescription",
@@ -8965,7 +8975,7 @@ const _sfc_main$92 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputError.vue
-const _sfc_main$91 = /* @__PURE__ */ defineComponent({
+const _sfc_main$91 = /*@__PURE__*/ defineComponent({
 	name: "InputError",
 	inheritAttrs: false,
 	__name: "InputError",
@@ -9117,7 +9127,7 @@ const Input = {
 };
 //#endregion
 //#region src/components/Locale/Locale.vue
-const _sfc_main$90 = /* @__PURE__ */ defineComponent({
+const _sfc_main$90 = /*@__PURE__*/ defineComponent({
 	name: "Locale",
 	inheritAttrs: false,
 	__name: "Locale",
@@ -9158,7 +9168,7 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 				for (const id of prev) parent.selectedIds.add(id);
 			}
 		}
-		provideContext("v0:locale", {
+		const scoped = {
 			...parent,
 			selectedId,
 			selectedItem,
@@ -9166,16 +9176,14 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 			n,
 			_rootT: rootT,
 			_rootN: rootN
-		});
+		};
+		provideContext("v0:locale", scoped);
 		const attrs = toRef(() => ({
 			"data-locale": __props.locale,
 			"lang": __props.locale
 		}));
 		return (_ctx, _cache) => {
-			return __props.renderless ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
-				attrs: attrs.value
-			}) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
+			return __props.renderless ? renderSlot(_ctx.$slots, "default", { attrs: attrs.value }, void 0, void 0, 0) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { attrs: attrs.value })]),
 				_: 3
 			}, 16));
@@ -9196,11 +9204,11 @@ function parseValidateOn(value) {
 		modifier
 	};
 }
-const _sfc_main$89 = /* @__PURE__ */ defineComponent({
+const _sfc_main$89 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldRoot",
 	inheritAttrs: false,
 	__name: "NumberFieldRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		ariaLabelledby: {},
@@ -9235,13 +9243,14 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		namespace: { default: "v0:number-field:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
 		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
@@ -9250,6 +9259,8 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 			id: __props.id,
 			label: __props.label,
 			name: __props.name,
+			formNamespace: __props.formNamespace,
+			required: __props.required,
 			locale: __props.locale,
 			format: __props.format,
 			clamp: __props.clamp,
@@ -9358,7 +9369,7 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldControl.vue
-const _sfc_main$88 = /* @__PURE__ */ defineComponent({
+const _sfc_main$88 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldControl",
 	inheritAttrs: false,
 	__name: "NumberFieldControl",
@@ -9396,7 +9407,8 @@ const _sfc_main$88 = /* @__PURE__ */ defineComponent({
 			if (!/^-?\d*\.?\d*$/.test(next)) e.preventDefault();
 		}
 		function onInput(e) {
-			text.value = e.target.value;
+			const target = e.target;
+			text.value = target.value;
 			if (root.commitOn === "input") {
 				isEagerWrite = true;
 				root.write(text.value);
@@ -9517,7 +9529,7 @@ const _sfc_main$88 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldDecrement.vue
-const _sfc_main$87 = /* @__PURE__ */ defineComponent({
+const _sfc_main$87 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldDecrement",
 	inheritAttrs: false,
 	__name: "NumberFieldDecrement",
@@ -9591,7 +9603,7 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldDescription.vue
-const _sfc_main$86 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldDescription",
 	inheritAttrs: false,
 	__name: "NumberFieldDescription",
@@ -9621,7 +9633,7 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldError.vue
-const _sfc_main$85 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldError",
 	inheritAttrs: false,
 	__name: "NumberFieldError",
@@ -9658,7 +9670,7 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldIncrement.vue
-const _sfc_main$84 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldIncrement",
 	inheritAttrs: false,
 	__name: "NumberFieldIncrement",
@@ -9732,7 +9744,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldScrub.vue
-const _sfc_main$83 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldScrub",
 	inheritAttrs: false,
 	__name: "NumberFieldScrub",
@@ -9954,7 +9966,7 @@ const NumberField = {
 * `createOverflow` as a getter so capacity recomputes when the prop changes.
 */
 const [useOverflowRoot, provideOverflowRoot] = createContext();
-const _sfc_main$82 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /*@__PURE__*/ defineComponent({
 	name: "OverflowRoot",
 	__name: "OverflowRoot",
 	props: {
@@ -10043,7 +10055,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 * slot consumer must spread `slotProps.attrs` onto their own element to
 * preserve the data hook and live-region semantics.
 */
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /*@__PURE__*/ defineComponent({
 	name: "OverflowIndicator",
 	__name: "OverflowIndicator",
 	props: {
@@ -10112,7 +10124,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 * so the slot consumer is responsible for honoring `isHidden` themselves —
 * read it from `slotProps.isHidden` and conditionally render or apply CSS.
 */
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /*@__PURE__*/ defineComponent({
 	name: "OverflowItem",
 	__name: "OverflowItem",
 	props: {
@@ -10247,10 +10259,10 @@ const Overflow = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /*@__PURE__*/ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:pagination" },
 		size: { default: 1 },
 		totalVisible: {},
@@ -10265,7 +10277,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: 1 },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const page = useModel(__props, "modelValue");
 		const locale = useLocale();
@@ -10294,18 +10306,20 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 				itemGap.value = gapX;
 			});
 		}, { flush: "post" });
+		/* v8 ignore stop */
+		const visible = computed(() => {
+			const totalCap = overflow.capacity.value;
+			if (totalCap === Infinity) return __props.totalVisible ?? 7;
+			/* v8 ignore start -- branches require browser measurement */
+			const pageCap = Math.max(0, totalCap - controls.size);
+			const noVisible = /* @__PURE__ */ isNullOrUndefined(__props.totalVisible);
+			if (pageCap > 0) return noVisible ? pageCap : Math.min(__props.totalVisible, pageCap);
+			return noVisible ? 1 : __props.totalVisible;
+			/* v8 ignore stop */
+		});
 		const pagination = createPagination({
 			page,
-			visible: computed(() => {
-				const totalCap = overflow.capacity.value;
-				if (totalCap === Infinity) return __props.totalVisible ?? 7;
-				/* v8 ignore start -- branches require browser measurement */
-				const pageCap = Math.max(0, totalCap - controls.size);
-				const noVisible = /* @__PURE__ */ isNullOrUndefined(__props.totalVisible);
-				if (pageCap > 0) return noVisible ? pageCap : Math.min(__props.totalVisible, pageCap);
-				return noVisible ? 1 : __props.totalVisible;
-				/* v8 ignore stop */
-			}),
+			visible,
 			ellipsis: __props.ellipsis,
 			size: () => __props.size,
 			itemsPerPage: () => __props.itemsPerPage
@@ -10349,7 +10363,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /*@__PURE__*/ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -10392,7 +10406,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /*@__PURE__*/ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -10457,7 +10471,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /*@__PURE__*/ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -10533,7 +10547,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /*@__PURE__*/ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -10598,7 +10612,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /*@__PURE__*/ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -10663,7 +10677,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$73 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /*@__PURE__*/ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -10728,7 +10742,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /*@__PURE__*/ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -10995,11 +11009,11 @@ const Pagination = {
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
-const [usePopoverContext, providePopoverContext] = createContext("v0:popover");
-const _sfc_main$71 = /* @__PURE__ */ defineComponent({
+const [usePopoverContext, providePopoverContext] = createContext("v0:popover:root");
+const _sfc_main$71 = /*@__PURE__*/ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: {},
 		positionArea: {},
 		positionTry: {},
@@ -11042,7 +11056,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$70 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /*@__PURE__*/ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -11093,7 +11107,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$69 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /*@__PURE__*/ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -11115,7 +11129,14 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 			if (!/* @__PURE__ */ isUndefined(value)) context.positionTry.value = value;
 		}, { immediate: true });
 		const id = toRef(() => __props.id ?? context.id);
-		const style = toRef(() => context.contentStyles.value);
+		const style = toRef(() => {
+			const styles = context.contentStyles.value;
+			if (/* @__PURE__ */ isUndefined(__props.id)) return styles;
+			return {
+				...styles,
+				"position-anchor": `--${String(__props.id).replace(/[^a-zA-Z0-9_-]/g, "")}`
+			};
+		});
 		context.attach(() => ref.value?.element);
 		function onBeforeToggle(e) {
 			emit("beforetoggle", e);
@@ -11228,7 +11249,7 @@ const Popover = {
 * Standardizes the teleport + stack registration pattern used by
 * overlay components (Snackbar, Toast, Dialog, etc.).
 */
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /*@__PURE__*/ defineComponent({
 	name: "Portal",
 	__name: "Portal",
 	props: {
@@ -11294,10 +11315,10 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 * - Lifecycle events: `enter`, `leave`, `after-leave`
 * - Animation-agnostic: works with CSS, WAAPI, GSAP, or nothing
 */
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /*@__PURE__*/ defineComponent({
 	name: "Presence",
 	__name: "Presence",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		lazy: {
 			type: Boolean,
 			default: false
@@ -11313,7 +11334,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"enter",
 		"leave",
 		"after-leave"
@@ -11325,8 +11346,9 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 		* @event after-leave Exit complete, content about to be removed from DOM
 		*/
 		const emit = __emit;
+		const model = useModel(__props, "modelValue");
 		const presence = usePresence({
-			present: useModel(__props, "modelValue"),
+			present: model,
 			lazy: __props.lazy,
 			immediate: __props.immediate
 		});
@@ -11347,14 +11369,14 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 			else if (prev === "leaving" && (state === "unmounted" || state === "mounted")) emit("after-leave");
 		});
 		return (_ctx, _cache) => {
-			return unref(presence).isMounted.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true);
+			return unref(presence).isMounted.value ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region src/components/Progress/ProgressHiddenInput.vue
 const _hoisted_1$5 = ["name", "value"];
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /*@__PURE__*/ defineComponent({
 	name: "ProgressHiddenInput",
 	__name: "ProgressHiddenInput",
 	props: { namespace: { default: "v0:progress:root" } },
@@ -11374,11 +11396,11 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Progress/ProgressRoot.vue
 const [useProgressRoot, provideProgressRoot] = createContext();
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /*@__PURE__*/ defineComponent({
 	name: "ProgressRoot",
 	inheritAttrs: false,
 	__name: "ProgressRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		ariaLabel: {},
 		modelValue: {},
@@ -11396,7 +11418,6 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
-		const scalar = !/* @__PURE__ */ isArray(model.value) && !/* @__PURE__ */ isNullOrUndefined(model.value);
 		const internal = computed({
 			get: () => {
 				if (/* @__PURE__ */ isNullOrUndefined(model.value)) return [];
@@ -11405,8 +11426,8 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			set: (arr) => {
 				/* v8 ignore next -- defensive guard for null/undefined model with empty registry */
 				if (/* @__PURE__ */ isNullOrUndefined(model.value) && arr.length === 0) return;
-				/* v8 ignore next -- arr[0] always defined when scalar=true since model started as a number */
-				model.value = scalar ? arr[0] ?? 0 : arr;
+				/* v8 ignore next -- arr[0] is defined once a fill has registered a value */
+				model.value = /* @__PURE__ */ isArray(model.value) ? arr : arr[0] ?? 0;
 			}
 		});
 		const progress = createProgress({
@@ -11461,7 +11482,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressBuffer.vue
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /*@__PURE__*/ defineComponent({
 	name: "ProgressBuffer",
 	inheritAttrs: false,
 	__name: "ProgressBuffer",
@@ -11507,7 +11528,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressFill.vue
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /*@__PURE__*/ defineComponent({
 	name: "ProgressFill",
 	inheritAttrs: false,
 	__name: "ProgressFill",
@@ -11527,16 +11548,19 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 		/* v8 ignore next -- defensive: registered ticket.value always coalesces to number via toRef getter above */
 		const current = toRef(() => toValue(ticket.value) ?? 0);
 		const percent = toRef(() => root.fromValue(current.value));
-		const slotProps = toRef(() => ({
-			value: current.value,
-			percent: percent.value,
-			index: ticket.index,
-			attrs: {
-				"data-index": ticket.index,
-				"data-state": root.isIndeterminate.value ? "indeterminate" : "determinate",
-				"style": { width: `${percent.value}%` }
-			}
-		}));
+		const slotProps = toRef(() => {
+			const indeterminate = root.isIndeterminate.value;
+			return {
+				value: current.value,
+				percent: percent.value,
+				index: ticket.index,
+				attrs: {
+					"data-index": ticket.index,
+					"data-state": indeterminate ? "indeterminate" : "determinate",
+					"style": indeterminate ? void 0 : { width: `${percent.value}%` }
+				}
+			};
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$192), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
@@ -11555,7 +11579,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressLabel.vue
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /*@__PURE__*/ defineComponent({
 	name: "ProgressLabel",
 	inheritAttrs: false,
 	__name: "ProgressLabel",
@@ -11592,7 +11616,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressTrack.vue
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /*@__PURE__*/ defineComponent({
 	name: "ProgressTrack",
 	inheritAttrs: false,
 	__name: "ProgressTrack",
@@ -11618,7 +11642,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressValue.vue
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /*@__PURE__*/ defineComponent({
 	name: "ProgressValue",
 	inheritAttrs: false,
 	__name: "ProgressValue",
@@ -11857,10 +11881,10 @@ const Progress = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /*@__PURE__*/ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:radio:group" },
 		disabled: {
 			type: Boolean,
@@ -11882,7 +11906,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const single = createSingle({
@@ -11922,7 +11946,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /*@__PURE__*/ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -12064,7 +12088,7 @@ const visuallyHiddenStyle$3 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /*@__PURE__*/ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -12101,7 +12125,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /*@__PURE__*/ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -12279,11 +12303,11 @@ const Radio = {
 //#endregion
 //#region src/components/Rating/RatingRoot.vue
 const [useRatingRoot, provideRatingRoot] = createContext();
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /*@__PURE__*/ defineComponent({
 	name: "RatingRoot",
 	inheritAttrs: false,
 	__name: "RatingRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		size: { default: 5 },
 		half: {
@@ -12305,8 +12329,9 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const attrs = useAttrs();
+		const model = useModel(__props, "modelValue");
 		const rating = createRating({
-			value: useModel(__props, "modelValue"),
+			value: model,
 			size: toRef(() => __props.size),
 			half: toRef(() => __props.half)
 		});
@@ -12387,7 +12412,7 @@ const _hoisted_1$3 = [
 	"name",
 	"value"
 ];
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /*@__PURE__*/ defineComponent({
 	name: "RatingHiddenInput",
 	__name: "RatingHiddenInput",
 	props: { namespace: { default: "v0:rating:root" } },
@@ -12408,7 +12433,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Rating/RatingItem.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /*@__PURE__*/ defineComponent({
 	name: "RatingItem",
 	inheritAttrs: false,
 	__name: "RatingItem",
@@ -12610,7 +12635,7 @@ const Rating = {
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /*@__PURE__*/ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -12699,7 +12724,7 @@ const visuallyHiddenStyle$2 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /*@__PURE__*/ defineComponent({
 	name: "SelectHiddenInput",
 	__name: "SelectHiddenInput",
 	props: { namespace: { default: "v0:select" } },
@@ -12733,10 +12758,10 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Select/SelectRoot.vue
 const [useSelectContext, provideSelectContext] = createContext();
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /*@__PURE__*/ defineComponent({
 	name: "SelectRoot",
 	__name: "SelectRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:select" },
 		id: {},
 		name: {},
@@ -12760,7 +12785,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const id = __props.id ?? /* @__PURE__ */ useId$1();
@@ -12857,7 +12882,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectActivator.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /*@__PURE__*/ defineComponent({
 	name: "SelectActivator",
 	__name: "SelectActivator",
 	props: {
@@ -12892,9 +12917,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 				case "ArrowDown":
 				case "ArrowUp":
 				case "Home":
-				case "End":
-					context.virtualFocus.onKeydown(e);
-					break;
+				case "End": context.virtualFocus.onKeydown(e);
 			}
 			else switch (e.key) {
 				case " ":
@@ -12903,7 +12926,6 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 				case "ArrowUp":
 					e.preventDefault();
 					context.open();
-					break;
 			}
 		}
 		const slotProps = toRef(() => ({
@@ -12940,7 +12962,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectContent.vue
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /*@__PURE__*/ defineComponent({
 	name: "SelectContent",
 	__name: "SelectContent",
 	props: {
@@ -12976,7 +12998,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
-				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
@@ -12984,7 +13006,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectCue.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /*@__PURE__*/ defineComponent({
 	name: "SelectCue",
 	__name: "SelectCue",
 	props: {
@@ -13014,7 +13036,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectItem.vue
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /*@__PURE__*/ defineComponent({
 	name: "SelectItem",
 	__name: "SelectItem",
 	props: {
@@ -13073,7 +13095,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectPlaceholder.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /*@__PURE__*/ defineComponent({
 	name: "SelectPlaceholder",
 	__name: "SelectPlaceholder",
 	props: {
@@ -13098,7 +13120,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectValue.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /*@__PURE__*/ defineComponent({
 	name: "SelectValue",
 	__name: "SelectValue",
 	props: {
@@ -13327,10 +13349,10 @@ const Select = {
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /*@__PURE__*/ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:selection" },
 		disabled: {
 			type: Boolean,
@@ -13352,7 +13374,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = createSelection({
@@ -13379,7 +13401,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /*@__PURE__*/ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -13490,10 +13512,10 @@ const Selection = {
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /*@__PURE__*/ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:single" },
 		disabled: {
 			type: Boolean,
@@ -13536,7 +13558,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /*@__PURE__*/ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -13649,11 +13671,11 @@ const Single = {
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /*@__PURE__*/ defineComponent({
 	name: "SliderRoot",
 	inheritAttrs: false,
 	__name: "SliderRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		min: { default: 0 },
 		max: { default: 100 },
@@ -13681,7 +13703,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: () => [] },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"start",
 		"end"
@@ -13746,7 +13768,8 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 			event.preventDefault();
 			if (thumbEl) {
 				const rect = thumbEl.getBoundingClientRect();
-				dragOffset.value = toValue(slider.orientation) === "vertical" ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2);
+				const isVertical = toValue(slider.orientation) === "vertical";
+				dragOffset.value = isVertical ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2);
 			} else dragOffset.value = 0;
 			dragging.value = index;
 			const values = [...slider.values.value];
@@ -13814,7 +13837,7 @@ const _hoisted_1$1 = [
 	"name",
 	"value"
 ];
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /*@__PURE__*/ defineComponent({
 	name: "SliderHiddenInput",
 	__name: "SliderHiddenInput",
 	props: {
@@ -13839,7 +13862,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderRange.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /*@__PURE__*/ defineComponent({
 	name: "SliderRange",
 	inheritAttrs: false,
 	__name: "SliderRange",
@@ -13897,7 +13920,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderThumb.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /*@__PURE__*/ defineComponent({
 	name: "SliderThumb",
 	inheritAttrs: false,
 	__name: "SliderThumb",
@@ -13954,7 +13977,8 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 			if (e.shiftKey && e.key.startsWith("Arrow")) {
 				e.preventDefault();
 				const base = e.key === "ArrowRight" || e.key === "ArrowUp" ? "up" : "down";
-				root[(e.key === "ArrowRight" || e.key === "ArrowLeft") && isInverted ? base === "up" ? "down" : "up" : base](index.value, 10);
+				const method = (e.key === "ArrowRight" || e.key === "ArrowLeft") && isInverted ? base === "up" ? "down" : "up" : base;
+				root[method](index.value, 10);
 				return;
 			}
 			const action = actions[e.key];
@@ -14009,7 +14033,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderTrack.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /*@__PURE__*/ defineComponent({
 	name: "SliderTrack",
 	inheritAttrs: false,
 	__name: "SliderTrack",
@@ -14230,7 +14254,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarAnnouncer",
 	__name: "SnackbarAnnouncer",
 	props: { namespace: { default: "v0:notifications" } },
@@ -14256,7 +14280,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarPortal.vue
 const [usePortal, providePortal] = createContext({ suffix: "portal" });
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarPortal",
 	inheritAttrs: false,
 	__name: "SnackbarPortal",
@@ -14311,7 +14335,8 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 			};
 		}
 		const atomRef = useTemplateRef("atom");
-		watch(toRef(() => /* @__PURE__ */ toElement(atomRef.value?.element) ?? null), (value) => {
+		const el = toRef(() => /* @__PURE__ */ toElement(atomRef.value?.element) ?? null);
+		watch(el, (value) => {
 			if (!IN_BROWSER || /* @__PURE__ */ isNull(value)) return;
 			const element = value;
 			if (getComputedStyle(element).position === "static") element.style.position = "relative";
@@ -14341,7 +14366,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarQueue.vue
 const [useSnackbarQueueContext, provideSnackbarQueueContext] = createContext({ suffix: "queue" });
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarQueue",
 	__name: "SnackbarQueue",
 	props: {
@@ -14412,7 +14437,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarRoot.vue
 const [useSnackbarRootContext, provideSnackbarRootContext] = createContext({ suffix: "root" });
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarRoot",
 	__name: "SnackbarRoot",
 	props: {
@@ -14461,7 +14486,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarContent.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarContent",
 	__name: "SnackbarContent",
 	props: {
@@ -14482,7 +14507,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarClose.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarClose",
 	__name: "SnackbarClose",
 	props: {
@@ -14686,10 +14711,10 @@ const Snackbar = {
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /*@__PURE__*/ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:step" },
 		disabled: {
 			type: Boolean,
@@ -14737,7 +14762,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /*@__PURE__*/ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -14846,10 +14871,10 @@ const Step = {
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /*@__PURE__*/ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:switch:group" },
 		disabled: {
 			type: Boolean,
@@ -14872,7 +14897,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -14915,11 +14940,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Switch/SwitchRoot.vue
 const [useSwitchRoot, provideSwitchRoot] = createContext();
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /*@__PURE__*/ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		label: {},
 		value: {},
@@ -14938,7 +14963,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -15066,7 +15091,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /*@__PURE__*/ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -15104,7 +15129,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -15188,7 +15213,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /*@__PURE__*/ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -15222,7 +15247,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -15451,10 +15476,10 @@ const Switch = {
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:tabs" },
 		disabled: {
 			type: Boolean,
@@ -15478,7 +15503,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const rootId = /* @__PURE__ */ useId$1();
@@ -15519,7 +15544,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -15557,7 +15582,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -15569,6 +15594,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		ariaLabel: {},
 		ariaLabelledby: {},
 		ariaDescribedby: {},
+		el: {},
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -15576,7 +15602,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const rootRef = useTemplateRef("root");
 		const tabs = useTabsRoot(__props.namespace);
-		const el = toRef(() => /* @__PURE__ */ toElement(rootRef.value?.element) ?? void 0);
+		const el = toRef(() => /* @__PURE__ */ toElement(__props.el) ?? /* @__PURE__ */ toElement(rootRef.value?.element) ?? void 0);
 		const ticket = tabs.register({
 			id: __props.id,
 			value: __props.value,
@@ -15592,7 +15618,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		function focusSelectedTab() {
 			nextTick(() => {
 				const selected = tabs.selectedItem.value;
-				if (selected) toValue(selected.el)?.focus();
+				if (selected) (/* @__PURE__ */ toElement(selected.el))?.focus();
 			});
 		}
 		function focusAdjacent(direction) {
@@ -15607,7 +15633,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 				else if (index < 0 || index >= length) return;
 				const item = all[index];
 				if (item && !toValue(item.disabled)) {
-					nextTick(() => toValue(item.el)?.focus());
+					nextTick(() => (/* @__PURE__ */ toElement(item.el))?.focus());
 					return;
 				}
 				index += direction;
@@ -15616,7 +15642,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		}
 		function focusEdge(edge) {
 			const item = tabs.seek(edge);
-			if (item) nextTick(() => toValue(item.el)?.focus());
+			if (item) nextTick(() => (/* @__PURE__ */ toElement(item.el))?.focus());
 		}
 		function onKeydown(e) {
 			const isHorizontal = tabs.orientation.value === "horizontal";
@@ -15705,7 +15731,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /*@__PURE__*/ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -15810,7 +15836,7 @@ const Tabs = {
 };
 //#endregion
 //#region src/components/Theme/Theme.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /*@__PURE__*/ defineComponent({
 	name: "Theme",
 	inheritAttrs: false,
 	__name: "Theme",
@@ -15870,10 +15896,10 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Toggle/ToggleGroup.vue
 const [useToggleGroup, provideToggleGroup] = createContext();
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 	name: "ToggleGroup",
 	__name: "ToggleGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:toggle:group" },
 		disabled: {
 			type: Boolean,
@@ -15897,7 +15923,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = __props.multiple ? createGroup({
@@ -15942,11 +15968,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Toggle/ToggleRoot.vue
 const [useToggleRoot, provideToggleRoot] = createContext();
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 	name: "ToggleRoot",
 	inheritAttrs: false,
 	__name: "ToggleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId$1() },
 		value: {},
 		disabled: {
@@ -15961,7 +15987,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -16013,7 +16039,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"role": __props.as === "button" ? void 0 : "button",
 				"aria-pressed": isPressed.value,
-				"aria-disabled": isDisabled.value,
+				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"disabled": __props.as === "button" ? isDisabled.value : void 0,
 				"tabindex": isDisabled.value ? -1 : 0,
 				"data-state": isPressed.value ? "on" : "off",
 				"data-disabled": isDisabled.value ? true : void 0,
@@ -16034,7 +16061,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Toggle/ToggleIndicator.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 	name: "ToggleIndicator",
 	__name: "ToggleIndicator",
 	props: {
@@ -16158,10 +16185,10 @@ const Toggle = {
 //#endregion
 //#region src/components/Tooltip/TooltipRoot.vue
 const [useTooltipRoot, provideTooltipRoot] = createContext({ suffix: "root" });
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 	name: "TooltipRoot",
 	__name: "TooltipRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		openDelay: {},
 		closeDelay: {},
 		disabled: {
@@ -16185,7 +16212,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
 		const region = useTooltip();
@@ -16265,7 +16292,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tooltip/TooltipActivator.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 	name: "TooltipActivator",
 	inheritAttrs: false,
 	__name: "TooltipActivator",
@@ -16340,7 +16367,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tooltip/TooltipContent.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	name: "TooltipContent",
 	inheritAttrs: false,
 	__name: "TooltipContent",
@@ -16470,10 +16497,10 @@ const Tooltip = {
 //#endregion
 //#region src/components/Treeview/TreeviewRoot.vue
 const [useTreeviewRoot, provideTreeviewRoot] = createContext();
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewRoot",
 	__name: "TreeviewRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:treeview" },
 		disabled: {
 			type: Boolean,
@@ -16506,7 +16533,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const nested = createNested({
@@ -16545,7 +16572,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 //#region src/components/Treeview/TreeviewList.vue
 const FOCUSABLE = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]";
 const [useTreeviewList, provideTreeviewList] = createContext({ suffix: "list" });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewList",
 	__name: "TreeviewList",
 	props: {
@@ -16678,7 +16705,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 						const sibs = nested.siblings(ticket.id);
 						for (const sibId of sibs) if (expandable(nested.get(sibId))) nested.open(sibId);
 					}
-					break;
 			}
 		}
 		const slotProps = toRef(() => ({ attrs: {
@@ -16703,7 +16729,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Treeview/TreeviewItem.vue
 const [useTreeviewItem, provideTreeviewItem] = createContext({ suffix: "item" });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewItem",
 	__name: "TreeviewItem",
 	props: {
@@ -16783,7 +16809,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewActivator.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewActivator",
 	__name: "TreeviewActivator",
 	props: {
@@ -16822,7 +16848,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewCheckbox.vue
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewCheckbox",
 	__name: "TreeviewCheckbox",
 	props: {
@@ -16863,7 +16889,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewContent.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewContent",
 	__name: "TreeviewContent",
 	props: { namespace: { default: "v0:treeview" } },
@@ -16880,16 +16906,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 			item.hasContent.value = false;
 		});
 		return (_ctx, _cache) => {
-			return toValue(unref(item).ticket.isOpen) ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
-				isOpen: toValue(unref(item).ticket.isOpen)
-			}) : createCommentVNode("v-if", true);
+			return toValue(unref(item).ticket.isOpen) ? renderSlot(_ctx.$slots, "default", { isOpen: toValue(unref(item).ticket.isOpen) }, void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region src/components/Treeview/TreeviewCue.vue
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewCue",
 	__name: "TreeviewCue",
 	props: {
@@ -16923,7 +16946,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewGroup.vue
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewGroup",
 	__name: "TreeviewGroup",
 	props: {
@@ -16945,7 +16968,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewIndicator.vue
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewIndicator",
 	__name: "TreeviewIndicator",
 	props: {
@@ -16981,7 +17004,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewSelectAll.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "TreeviewSelectAll",
 	__name: "TreeviewSelectAll",
 	props: {