@vuetify/v0 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/{components-B210m9Ye.mjs → components-Df1uIUcB.mjs}

@@ -1,17 +1,18 @@
 import { n as isSelfClosingTag } from "./htmlElements-CHXZfsZu.mjs";
-import { t as IN_BROWSER } from "./globals-BBqmW3dM.mjs";
+import { t as IN_BROWSER } from "./globals-D78-6Zqq.mjs";
 import { clamp, isArray, isElement, isNull, isNullOrUndefined, isNumber, isObject, isString, isUndefined, 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-JwRA-DZ7.mjs";
-import { t as createRegistry } from "./createRegistry-8FryYQC-.mjs";
-import { t as createSelection } from "./createSelection-DPOvmJ5q.mjs";
-import { t as createSingle } from "./createSingle-CYi0RuOy.mjs";
-import { a as useLocale } from "./useLocale-yXLswxYa.mjs";
-import { C as useRovingFocus, Dt as createNested, E as usePresence, Jt as usePopover, N as useIntersectionObserver, Nt as createForm, P as useImage, T as useProxyModel, Tt as createNumberField, Vt as createCombobox, Xt as createBreadcrumbs, Yt as useDelay, _t as useResizeObserver, c as useTooltip, g as useStack, gt as useElementSize, j as useLazy, jt as createInput, n as useDocumentEventListener, ot as createSlider, pt as createOverflow, qt as useVirtualFocus, r as useEventListener, rt as createStep, st as createRating, t as useClickOutside, ut as createProgress, vt as toElement, w as useRaf, zt as useToggleScope } from "./useClickOutside-BurEbsu3.mjs";
-import { c as useTimer, i as useNotifications } from "./useNotifications-8qt26Ha9.mjs";
-import { n as createPagination } from "./adapter-BCVxBtDp.mjs";
-import { t as createGroup } from "./createGroup-CpaW7zEJ.mjs";
-import { i as useTheme } from "./useTheme-TpMOisy2.mjs";
+import { i as useLogger } from "./useLogger-BEG9pAe8.mjs";
+import { t as createRegistry } from "./createRegistry-Ve2QNpZv.mjs";
+import { t as createSelection } from "./createSelection-CT2UG109.mjs";
+import { t as createSingle } from "./createSingle-DTI4qvUd.mjs";
+import { a as useLocale } from "./useLocale-CYq4yT7b.mjs";
+import { n as useEventListener, t as useDocumentEventListener } from "./useEventListener-BuETafFi.mjs";
+import { B as createBreadcrumbs, C as useIntersectionObserver, D as useLazy, F as useDelay, I as createStep, J as useResizeObserver, N as useVirtualFocus, O as createCombobox, P as usePopover, U as useImage, W as createOverflow, X as toElement, _ as useRaf, b as createInput, c as useTooltip, g as usePresence, l as createSlider, n as createNested, nt as useToggleScope, ot as useStack, p as createProgress, q as useElementSize, st as useClickOutside, t as useRovingFocus, u as createRating, v as createNumberField, w as createForm, z as useProxyModel } from "./useRovingFocus-4F5-mWO7.mjs";
+import { t as createGroup } from "./createGroup-vfCXVfYV.mjs";
+import { c as useTimer, i as useNotifications } from "./useNotifications-BrZooK2S.mjs";
+import { t as createPagination } from "./createPagination-B5dfqY-a.mjs";
+import { i as useTheme } from "./useTheme-BGmROwu-.mjs";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/Atom/Atom.vue
 /**
@@ -166,14 +167,18 @@ const _sfc_main$168 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"disabled": __props.disabled || void 0,
 				"data-disabled": __props.disabled ? "" : void 0,
-				"data-pending": context.isPending.value ? "" : void 0
+				"data-pending": context.isPending.value ? "" : void 0,
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -198,14 +203,18 @@ const _sfc_main$167 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"aria-haspopup": "dialog",
 				"aria-expanded": context.isOpen.value,
-				"data-open": context.isOpen.value || void 0
+				"data-open": context.isOpen.value || void 0,
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -234,14 +243,18 @@ const _sfc_main$166 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
 				"disabled": __props.disabled || void 0,
-				"data-disabled": __props.disabled ? "" : void 0
+				"data-disabled": __props.disabled ? "" : void 0,
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -265,14 +278,18 @@ const _sfc_main$165 = /* @__PURE__ */ defineComponent({
 			isOpen: context.isOpen.value,
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
-				"aria-label": locale.t("AlertDialog.close")
+				"aria-label": locale.t("AlertDialog.close"),
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -341,7 +358,6 @@ const _sfc_main$164 = /* @__PURE__ */ defineComponent({
 			context.close();
 			emit("close", e);
 		}
-		const styles = toRef(() => ({ zIndex: ticket.zIndex.value }));
 		const slotProps = toRef(() => ({
 			isOpen: context.isOpen.value,
 			globalTop: ticket.globalTop.value,
@@ -351,21 +367,21 @@ const _sfc_main$164 = /* @__PURE__ */ defineComponent({
 				"role": "alertdialog",
 				"aria-modal": "true",
 				"aria-labelledby": context.titleId,
-				"aria-describedby": context.descriptionId
+				"aria-describedby": context.descriptionId,
+				"style": { zIndex: ticket.zIndex.value },
+				"onCancel": onCancel,
+				"onClose": onClose
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref: "content",
 				as: __props.as,
-				style: styles.value
-			}, slotProps.value.attrs, {
-				onCancel,
-				onClose
-			}), {
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -383,10 +399,13 @@ const _sfc_main$163 = /* @__PURE__ */ defineComponent({
 		const context = useAlertDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -404,10 +423,13 @@ const _sfc_main$162 = /* @__PURE__ */ defineComponent({
 		const context = useAlertDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -872,17 +894,25 @@ const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 			image.onError(e);
 			emit("error", e);
 		}
+		function selectBest() {
+			let best;
+			for (const candidate of context.values()) {
+				if (candidate.type !== "image" || toValue(candidate.disabled)) continue;
+				if (!best || (candidate.priority ?? 0) > (best.priority ?? 0)) best = candidate;
+			}
+			const target = best ?? context.seek("first");
+			if (target) context.select(target.id);
+		}
 		watch(image.isLoaded, (isLoaded) => {
 			if (isLoaded) {
 				ticket.disabled = false;
-				ticket.select();
+				selectBest();
 			}
 		});
 		watch(image.isError, (isError) => {
 			if (isError) {
 				ticket.disabled = true;
-				const first = context.seek("first");
-				if (first) context.select(first.id);
+				selectBest();
 			}
 		});
 		onBeforeUnmount(() => {
@@ -2124,10 +2154,10 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 		});
 		useProxyModel(step, model, { multiple: false });
 		function next() {
-			if (__props.circular && __props.perView > 1) {
+			if (__props.perView > 1) {
 				const maxStart = Math.max(0, step.size - __props.perView);
 				if (step.selectedIndex.value >= maxStart) {
-					step.first();
+					if (__props.circular) step.first();
 					return;
 				}
 			}
@@ -2265,12 +2295,14 @@ const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 			/* v8 ignore next -- defensive: getter only invoked after viewport mounts */
 			if (!el.value) return 0;
 			if ((isVertical.value ? height.value : width.value) === 0) return 0;
-			const first = toValue(carousel.seek("first")?.el);
-			const second = toValue(carousel.seek("first", 1)?.el);
-			if (!first) return 0;
-			/* v8 ignore next 3 -- happy-dom returns 0 for offset* so layout-dependent branches never reach here */
+			/* v8 ignore start -- happy-dom has no layout engine: width/height and offset* read 0, so this measurement block is unreachable in tests */
+			const ticket = carousel.seek("first");
+			const first = toValue(ticket?.el);
+			if (!ticket || !first) return 0;
+			const second = toValue(carousel.seek("first", ticket.index + 1)?.el);
 			if (!second) return isVertical.value ? first.offsetHeight : first.offsetWidth;
 			return isVertical.value ? second.offsetTop - first.offsetTop : second.offsetLeft - first.offsetLeft;
+			/* v8 ignore stop */
 		});
 		if (IN_BROWSER) {
 			useEventListener(el, "scrollend", () => {
@@ -3409,15 +3441,15 @@ const _sfc_main$130 = /* @__PURE__ */ defineComponent({
 				"aria-describedby": __props.ariaDescribedby || void 0,
 				"tabindex": isDisabled.value ? void 0 : 0,
 				"data-state": dataState.value,
-				"data-disabled": isDisabled.value ? true : void 0
+				"data-disabled": isDisabled.value ? true : void 0,
+				onClick,
+				onKeydown
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
-				renderless: __props.renderless,
-				onClick,
-				onKeydown
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -3776,10 +3808,13 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -3961,19 +3996,21 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useComboboxContext(__props.namespace);
-		const style = toRef(() => context.popover.anchorStyles.value);
 		const slotProps = toRef(() => ({
 			isOpen: context.isOpen.value,
-			attrs: { "data-state": context.isOpen.value ? "open" : "closed" }
+			attrs: {
+				"data-state": context.isOpen.value ? "open" : "closed",
+				"style": context.popover.anchorStyles.value
+			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
-				style: style.value
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4008,21 +4045,21 @@ const _sfc_main$122 = /* @__PURE__ */ defineComponent({
 				"aria-labelledby": context.inputId,
 				"aria-multiselectable": context.multiple || void 0,
 				"popover": "manual",
-				"tabindex": -1
+				"tabindex": -1,
+				"style": context.popover.contentStyles.value
 			}
 		}));
-		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref_key: "content",
 				ref: content
 			}, slotProps.value.attrs, {
 				as: __props.as,
-				style: style.value
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4107,6 +4144,8 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 				"aria-invalid": invalid.value || void 0,
 				"aria-disabled": toValue(context.disabled),
 				"disabled": toValue(context.disabled) || void 0,
+				"placeholder": __props.placeholder,
+				"value": context.display.value,
 				"onInput": onInput,
 				"onFocus": onFocus,
 				"onKeydown": onKeydown
@@ -4118,16 +4157,11 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 				ref: input
 			}, slotProps.value.attrs, {
 				as: __props.as,
-				placeholder: __props.placeholder,
-				value: unref(context).display.value
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, [
-				"as",
-				"placeholder",
-				"value"
-			]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4155,10 +4189,13 @@ const _sfc_main$120 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4214,11 +4251,12 @@ const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return unref(context).isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$170), {
 				key: 0,
-				as: __props.as
+				as: __props.as,
+				renderless: __props.renderless
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [_cache[0] || (_cache[0] = createTextVNode("No results", -1))])]),
 				_: 3
-			}, 8, ["as"])) : createCommentVNode("v-if", true);
+			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -4314,10 +4352,13 @@ const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"])), [[vShow, isFiltered.value]]);
+			}, 16, ["as", "renderless"])), [[vShow, isFiltered.value]]);
 		};
 	}
 });
@@ -4602,14 +4643,18 @@ const _sfc_main$114 = /* @__PURE__ */ defineComponent({
 			isOpen: context.isOpen.value,
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
-				"aria-label": locale.t("Dialog.close")
+				"aria-label": locale.t("Dialog.close"),
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4670,7 +4715,6 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 			context.isOpen.value = false;
 			emit("close", e);
 		}
-		const styles = toRef(() => ({ zIndex: ticket.zIndex.value }));
 		const slotProps = toRef(() => ({
 			isOpen: context.isOpen.value,
 			globalTop: ticket.globalTop.value,
@@ -4680,21 +4724,21 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 				"role": "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": context.titleId,
-				"aria-describedby": context.descriptionId
+				"aria-describedby": context.descriptionId,
+				"style": { zIndex: ticket.zIndex.value },
+				"onCancel": onCancel,
+				"onClose": onClose
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref: "content",
 				as: __props.as,
-				style: styles.value
-			}, slotProps.value.attrs, {
-				onCancel,
-				onClose
-			}), {
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4712,10 +4756,13 @@ const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4733,10 +4780,13 @@ const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -4761,14 +4811,18 @@ const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"aria-haspopup": "dialog",
 				"aria-expanded": context.isOpen.value,
-				"data-open": context.isOpen.value || void 0
+				"data-open": context.isOpen.value || void 0,
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -5040,7 +5094,12 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const item = useExpansionPanelRoot(__props.namespace);
+		function onClick() {
+			if (item.isDisabled.value) return;
+			item.ticket.toggle();
+		}
 		function onKeydown(e) {
+			if (item.isDisabled.value) return;
 			if (e.key === "Enter" || e.key === " ") {
 				e.preventDefault();
 				item.ticket.toggle();
@@ -5061,7 +5120,7 @@ const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 				"data-selected": item.ticket.isSelected.value || void 0,
 				"disabled": __props.as === "button" ? item.isDisabled.value : void 0,
 				"type": __props.as === "button" ? "button" : void 0,
-				"onClick": item.ticket.toggle,
+				"onClick": onClick,
 				onKeydown
 			}
 		}));
@@ -5129,10 +5188,13 @@ const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -5364,16 +5426,20 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 			isDisabled: toValue(form.disabled),
 			isReadonly: toValue(form.readonly),
 			submit: form.submit,
-			reset: form.reset
+			reset: form.reset,
+			attrs: {
+				onSubmit,
+				onReset
+			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, unref(attrs), {
-				onReset,
-				onSubmit
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
+				as: __props.as,
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -5452,6 +5518,10 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 			indeterminate: () => toValue(__props.indeterminate) ?? false
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(group.disabled));
+		function onClick() {
+			if (toValue(isDisabled)) return;
+			ticket.toggle();
+		}
 		onBeforeUnmount(() => {
 			group.unregister(ticket.id);
 		});
@@ -5474,7 +5544,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 				"data-selected": toValue(ticket.isSelected) || void 0,
 				"data-disabled": toValue(isDisabled) || void 0,
 				"data-mixed": toValue(ticket.isMixed) || void 0,
-				"onClick": ticket.toggle
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -6829,21 +6899,16 @@ const _sfc_main$85 = /* @__PURE__ */ defineComponent({
 			raf.cancel();
 			document.exitPointerLock();
 		}
-		const scrubAttrs = toRef(() => ({
+		const slotProps = toRef(() => ({ attrs: {
 			"style": { cursor: "ew-resize" },
 			"data-disabled": root.isDisabled.value ? true : void 0,
 			"data-readonly": root.isReadonly.value ? true : void 0,
 			onPointerdown,
 			onPointermove,
 			onPointerup
-		}));
-		const slotProps = toRef(() => ({ attrs: {
-			"style": { cursor: "ew-resize" },
-			"data-disabled": root.isDisabled.value ? true : void 0,
-			"data-readonly": root.isReadonly.value ? true : void 0
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(mergeProps(unref(attrs), scrubAttrs.value), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -8080,17 +8145,18 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"popovertarget": toValue(popovertarget),
 				"type": __props.as === "button" ? "button" : void 0,
-				"data-open": context.isOpen.value || void 0
+				"data-open": context.isOpen.value || void 0,
+				"style": style.value
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				as: __props.as,
-				style: style.value
+				renderless: __props.renderless
 			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -8131,7 +8197,9 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 			isOpen: context.isOpen.value,
 			attrs: {
 				id: id.value,
-				popover: ""
+				popover: "",
+				style: style.value,
+				onBeforetoggle: onBeforeToggle
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -8139,11 +8207,11 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 				ref_key: "ref",
 				ref,
 				as: __props.as,
-				style: style.value
-			}, slotProps.value.attrs, { onBeforetoggle: onBeforeToggle }), {
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -8245,14 +8313,18 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 		blocking: {
 			type: Boolean,
 			default: false
+		},
+		scrim: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: ["close"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const ticket = useStack().register({
-			disabled: __props.disabled,
 			blocking: __props.blocking,
+			scrim: __props.scrim,
 			onDismiss: () => emit("close")
 		});
 		ticket.select();
@@ -9291,8 +9363,8 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const rating = createRating({
 			value: useModel(__props, "modelValue"),
-			size: __props.size,
-			half: __props.half
+			size: toRef(() => __props.size),
+			half: toRef(() => __props.half)
 		});
 		const hoveredValue = shallowRef(null);
 		const isHovering = toRef(() => !/* @__PURE__ */ isNull(hoveredValue.value));
@@ -9613,21 +9685,23 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const stack = useStack();
-		const tickets = computed(() => Array.from(stack.selectedItems.value));
+		const tickets = computed(() => Array.from(stack.selectedItems.value).filter((ticket) => ticket.scrim !== false));
 		function onDismiss(ticket) {
 			if (!ticket.blocking) ticket.dismiss();
 		}
 		function getSlotProps(ticket) {
+			const zIndex = ticket.zIndex.value - 1;
 			return {
 				ticket,
-				zIndex: ticket.zIndex.value - 1,
+				zIndex,
 				isBlocking: ticket.blocking,
-				dismiss: () => onDismiss(ticket)
+				dismiss: () => onDismiss(ticket),
+				attrs: {
+					style: { zIndex },
+					onClick: () => onDismiss(ticket)
+				}
 			};
 		}
-		function getStyle(ticket) {
-			return { zIndex: ticket.zIndex.value - 1 };
-		}
 		return (_ctx, _cache) => {
 			return __props.teleport ? (openBlock(), createBlock(Teleport, {
 				key: 0,
@@ -9637,15 +9711,11 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 					return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 						key: ticket.id,
 						as: __props.as,
-						style: getStyle(ticket)
-					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						renderless: __props.renderless
+					}, { ref_for: true }, mergeProps(unref(attrs), getSlotProps(ticket).attrs)), {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
 						_: 2
-					}, 1040, [
-						"as",
-						"style",
-						"onClick"
-					]);
+					}, 1040, ["as", "renderless"]);
 				}), 128))]),
 				_: 3
 			}, 8, ["name"])], 8, ["to"])) : (openBlock(), createBlock(TransitionGroup, {
@@ -9656,15 +9726,11 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 					return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 						key: ticket.id,
 						as: __props.as,
-						style: getStyle(ticket)
-					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						renderless: __props.renderless
+					}, { ref_for: true }, mergeProps(unref(attrs), getSlotProps(ticket).attrs)), {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
 						_: 2
-					}, 1040, [
-						"as",
-						"style",
-						"onClick"
-					]);
+					}, 1040, ["as", "renderless"]);
 				}), 128))]),
 				_: 3
 			}, 8, ["name"]));
@@ -9891,7 +9957,6 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 					break;
 			}
 		}
-		const style = toRef(() => context.popover.anchorStyles.value);
 		const slotProps = toRef(() => ({
 			isOpen: context.isOpen.value,
 			attrs: {
@@ -9901,21 +9966,21 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 				"aria-expanded": context.isOpen.value,
 				"aria-haspopup": "listbox",
 				"aria-controls": context.listboxId,
-				"data-open": context.isOpen.value || void 0
+				"data-open": context.isOpen.value || void 0,
+				"style": context.popover.anchorStyles.value,
+				onClick,
+				onKeydown
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref: "activator",
 				as: __props.as,
-				style: style.value
-			}, slotProps.value.attrs, {
-				onClick,
-				onKeydown
-			}), {
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -9945,21 +10010,20 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 				"id": context.listboxId,
 				"role": "listbox",
 				"aria-multiselectable": context.multiple || void 0,
-				"tabindex": -1
+				"tabindex": -1,
+				"style": context.popover.contentStyles.value
 			}
 		}));
-		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref_key: "content",
-				ref: content
-			}, slotProps.value.attrs, {
+				ref: content,
 				as: __props.as,
-				style: style.value
-			}), {
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
 				_: 3
-			}, 16, ["as", "style"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -9983,10 +10047,13 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -10039,10 +10106,13 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -10062,11 +10132,12 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$170), {
 				key: 0,
-				as: __props.as
+				as: __props.as,
+				renderless: __props.renderless
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { hasValue: hasValue.value })]),
 				_: 3
-			}, 8, ["as"])) : createCommentVNode("v-if", true);
+			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -10105,11 +10176,12 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$170), {
 				key: 0,
-				as: __props.as
+				as: __props.as,
+				renderless: __props.renderless
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(values.value[0]), 1)])]),
 				_: 3
-			}, 8, ["as"])) : createCommentVNode("v-if", true);
+			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -10371,6 +10443,10 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 			disabled: () => toValue(__props.disabled) ?? false
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(selection.disabled));
+		function onClick() {
+			if (toValue(isDisabled)) return;
+			ticket.toggle();
+		}
 		onBeforeUnmount(() => {
 			selection.unregister(ticket.id);
 		});
@@ -10388,7 +10464,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 				"aria-disabled": toValue(isDisabled),
 				"data-selected": toValue(ticket.isSelected) || void 0,
 				"data-disabled": toValue(isDisabled) || void 0,
-				"onClick": ticket.toggle
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -10516,6 +10592,10 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 			disabled: () => toValue(__props.disabled) ?? false
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(single.disabled));
+		function onClick() {
+			if (toValue(isDisabled)) return;
+			ticket.toggle();
+		}
 		onBeforeUnmount(() => {
 			single.unregister(ticket.id);
 		});
@@ -10533,7 +10613,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 				"aria-disabled": toValue(isDisabled),
 				"data-selected": toValue(ticket.isSelected) || void 0,
 				"data-disabled": toValue(isDisabled) || void 0,
-				"onClick": ticket.toggle
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -11176,18 +11256,25 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		renderless: { type: Boolean }
 	},
 	setup(__props) {
+		function getSlotProps(zIndex) {
+			return {
+				zIndex,
+				attrs: { style: { zIndex } }
+			};
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$70), {
 				disabled: __props.teleport === false,
+				scrim: false,
 				to: __props.teleport || "body"
 			}, {
 				default: withCtx(({ zIndex }) => [createVNode(unref(_sfc_main$170), mergeProps({
 					as: __props.as,
-					style: { zIndex }
-				}, _ctx.$attrs), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ zIndex })))]),
+					renderless: __props.renderless
+				}, mergeProps(_ctx.$attrs, getSlotProps(zIndex).attrs)), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(getSlotProps(zIndex))))]),
 					_: 2
-				}, 1040, ["as", "style"])]),
+				}, 1040, ["as", "renderless"])]),
 				_: 3
 			}, 8, ["disabled", "to"]);
 		};
@@ -11254,11 +11341,13 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
 				ref_key: "container",
-				ref: container
-			}, slotProps.value.attrs, { as: __props.as }), {
+				ref: container,
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -11291,10 +11380,13 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 			attrs: { role: "status" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -11309,10 +11401,13 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), { as: __props.as }, {
+			return openBlock(), createBlock(unref(_sfc_main$170), {
+				as: __props.as,
+				renderless: __props.renderless
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as"]);
+			}, 8, ["as", "renderless"]);
 		};
 	}
 });
@@ -11338,10 +11433,13 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			"onClick": onClick
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });
@@ -12195,6 +12293,10 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			disabled: () => toValue(__props.disabled) ?? false
 		});
 		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(step.disabled));
+		function onClick() {
+			if (toValue(isDisabled)) return;
+			ticket.toggle();
+		}
 		onBeforeUnmount(() => {
 			step.unregister(ticket.id);
 		});
@@ -12212,7 +12314,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 				"aria-disabled": toValue(isDisabled),
 				"data-selected": toValue(ticket.isSelected) || void 0,
 				"data-disabled": toValue(isDisabled) || void 0,
-				"onClick": ticket.toggle
+				"onClick": onClick
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -12598,15 +12700,15 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 				"aria-describedby": __props.ariaDescribedby || void 0,
 				"tabindex": isDisabled.value ? void 0 : 0,
 				"data-state": dataState.value,
-				"data-disabled": isDisabled.value ? true : void 0
+				"data-disabled": isDisabled.value ? true : void 0,
+				onClick,
+				onKeydown
 			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
-				renderless: __props.renderless,
-				onClick,
-				onKeydown
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -14123,45 +14225,31 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 			open: ticket.open,
 			close: ticket.close,
 			activate: ticket.activate,
-			deactivate: ticket.deactivate
+			deactivate: ticket.deactivate,
+			attrs: {
+				"role": "treeitem",
+				"aria-disabled": toValue(isDisabled),
+				"aria-expanded": hasContent.value ? toValue(ticket.isOpen) : void 0,
+				"aria-level": toValue(ticket.depth) + 1,
+				"aria-posinset": ticket.position(),
+				"aria-selected": toValue(ticket.isSelected),
+				"aria-setsize": ticket.siblings().length,
+				"data-active": toValue(ticket.isActive) || void 0,
+				"data-disabled": toValue(isDisabled) || void 0,
+				"data-open": toValue(ticket.isOpen) || void 0,
+				"data-selected": toValue(ticket.isSelected) || void 0,
+				"tabindex": roving ? roving.isTabbable(ticket.id) ? 0 : -1 : void 0,
+				"style": { "--v0-treeview-depth": toValue(ticket.depth) }
+			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$170), {
-				ref: "root",
-				"aria-disabled": slotProps.value.isDisabled,
-				"aria-expanded": hasContent.value ? slotProps.value.isOpen : void 0,
-				"aria-level": slotProps.value.depth + 1,
-				"aria-posinset": unref(ticket).position(),
-				"aria-selected": slotProps.value.isSelected,
-				"aria-setsize": unref(ticket).siblings().length,
-				as: __props.as,
-				"data-active": slotProps.value.isActive || void 0,
-				"data-disabled": slotProps.value.isDisabled || void 0,
-				"data-open": slotProps.value.isOpen || void 0,
-				"data-selected": slotProps.value.isSelected || void 0,
-				renderless: __props.renderless,
-				role: "treeitem",
-				style: normalizeStyle({ "--v0-treeview-depth": slotProps.value.depth }),
-				tabindex: unref(roving) ? unref(roving).isTabbable(unref(ticket).id) ? 0 : -1 : void 0
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$170), mergeProps({ ref: "root" }, slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 8, [
-				"aria-disabled",
-				"aria-expanded",
-				"aria-level",
-				"aria-posinset",
-				"aria-selected",
-				"aria-setsize",
-				"as",
-				"data-active",
-				"data-disabled",
-				"data-open",
-				"data-selected",
-				"renderless",
-				"style",
-				"tabindex"
-			]);
+			}, 16, ["as", "renderless"]);
 		};
 	}
 });