@vuetify/v0 0.1.2 → 0.1.4

package/dist/{components-z56rRlS4.mjs → components-CMuzTJdK.mjs}

@@ -1,8 +1,15 @@
-import { r as isSelfClosingTag } from "./htmlElements-DO9n35bD.mjs";
-import { c as isNullOrUndefined, f as isString, s as isNull, u as isObject } from "./utilities-B58TiS_S.mjs";
-import { Kt as createRegistry, Lt as useProxyModel, P as createOverflow, Rt as createGroup, Ut as createSelection, b as createStep, j as createPagination, o as useToggleScope, rn as createContext, t as useClickOutside, wt as createSingle, yt as useLocale } from "./useClickOutside-Dp1MHIjr.mjs";
-import { t as IN_BROWSER } from "./globals-VwjZ5i4B.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import { r as isSelfClosingTag } from "./htmlElements-d8iBCGpO.mjs";
+import { t as IN_BROWSER } from "./globals-B_GVfG06.mjs";
+import { c as isNull, d as isObject, l as isNullOrUndefined, p as isString } from "./utilities-BqS1sC1W.mjs";
+import { n as createContext } from "./createTrinity-EeHQSsb6.mjs";
+import { i as createRegistry } from "./createTokens-BlhLdHXE.mjs";
+import { t as createSelection } from "./createSelection-uqEbFgha.mjs";
+import { t as createSingle } from "./createSingle-B59ya3aa.mjs";
+import { $ as createOverflow, Q as useProxyModel, S as useStack, c as useToggleScope, g as createStep, lt as createBreadcrumbs, t as useClickOutside } from "./useClickOutside-p8HP07At.mjs";
+import { t as createGroup } from "./createGroup-CPhp6FUh.mjs";
+import { a as useLocale } from "./useLocale-DlbShzF-.mjs";
+import { t as createPagination } from "./createPagination-cyOWlpfH.mjs";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 
 //#region src/components/Atom/Atom.vue
 /**
@@ -26,7 +33,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -57,12 +64,12 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$46;
+var Atom_default = _sfc_main$54;
 
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
-const [useAvatarRoot, provideAvatarContext] = createContext();
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const [useAvatarRoot, provideAvatarRoot] = createContext();
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -75,7 +82,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			mandatory: "force",
 			multiple: false
 		});
-		provideAvatarContext(__props.namespace, selection);
+		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Atom_default), {
 				as: __props.as,
@@ -87,11 +94,11 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$45;
+var AvatarRoot_default = _sfc_main$53;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -116,11 +123,11 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$44;
+var AvatarFallback_default = _sfc_main$52;
 
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -180,7 +187,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$43;
+var AvatarImage_default = _sfc_main$51;
 
 //#endregion
 //#region src/components/Avatar/index.ts
@@ -195,10 +202,405 @@ const Avatar = {
 	Fallback: AvatarFallback_default
 };
 
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
+const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsRoot",
+	__name: "BreadcrumbsRoot",
+	props: {
+		namespace: { default: "v0:breadcrumbs" },
+		divider: { default: "/" },
+		ellipsis: { default: "…" },
+		gap: { default: 8 },
+		label: {},
+		as: { default: "nav" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const locale = useLocale();
+		const containerRef = useTemplateRef("container");
+		const breadcrumbs = createBreadcrumbs({ enroll: true });
+		const group = createGroup({
+			enroll: true,
+			multiple: true
+		});
+		const ellipsisWidth = shallowRef(0);
+		const firstItemWidth = shallowRef(0);
+		const firstDividerWidth = shallowRef(0);
+		const overflow = createOverflow({
+			container: () => containerRef.value?.element,
+			gap: __props.gap,
+			reserved: () => {
+				let r = 0;
+				if (firstItemWidth.value > 0) r += firstItemWidth.value + __props.gap;
+				if (firstDividerWidth.value > 0) r += firstDividerWidth.value + __props.gap;
+				if (ellipsisWidth.value > 0) r += ellipsisWidth.value + __props.gap;
+				return r;
+			},
+			reverse: true
+		});
+		const isOverflowing = overflow.isOverflowing;
+		let _firstItemIndex = null;
+		let _firstDividerIndex = null;
+		function measureToRef(el, target) {
+			if (!IN_BROWSER || !el) {
+				target.value = 0;
+				return;
+			}
+			const htmlEl = el;
+			const style = getComputedStyle(htmlEl);
+			const marginX = Number.parseFloat(style.marginLeft) + Number.parseFloat(style.marginRight);
+			target.value = htmlEl.offsetWidth + marginX;
+		}
+		function measureElement(index, type, el) {
+			if (type === "item" && (_firstItemIndex === null || index <= _firstItemIndex)) {
+				_firstItemIndex = el ? index : null;
+				measureToRef(el, firstItemWidth);
+				return;
+			}
+			if (type === "divider" && (_firstDividerIndex === null || index <= _firstDividerIndex)) {
+				_firstDividerIndex = el ? index : null;
+				measureToRef(el, firstDividerWidth);
+				return;
+			}
+			overflow.measure(index, el);
+		}
+		watch([() => overflow.capacity.value, () => group.size], ([capacity]) => {
+			const all = group.values();
+			const contentTickets = [];
+			const ellipsisTickets = [];
+			for (const ticket of all) if (ticket.type === "ellipsis") ellipsisTickets.push(ticket);
+			else contentTickets.push(ticket);
+			const contentSize = contentTickets.length;
+			const measuredCount = Math.max(0, contentSize - 2);
+			const fI = firstItemWidth.value;
+			const fD = firstDividerWidth.value;
+			const eW = ellipsisWidth.value;
+			const reserved = fI + __props.gap + fD + __props.gap + eW + __props.gap;
+			if (capacity === Infinity || capacity >= measuredCount) {
+				for (const t of ellipsisTickets) group.unselect(t.id);
+				for (const t of contentTickets) if (!t.isSelected.value) group.select(t.id);
+				return;
+			}
+			for (const t of ellipsisTickets) group.select(t.id);
+			for (let i = 0; i < 2 && i < contentSize; i++) if (!contentTickets[i].isSelected.value) group.select(contentTickets[i].id);
+			const lastIndex = contentSize - 1;
+			const poolStart = 2;
+			const poolSize = Math.max(0, lastIndex - poolStart + 1);
+			const toShow = Math.min(poolSize, capacity);
+			const showStart = lastIndex - toShow + 1;
+			for (let i = poolStart; i <= lastIndex; i++) {
+				const t = contentTickets[i];
+				if (i >= showStart) {
+					if (!t.isSelected.value) group.select(t.id);
+				} else group.unselect(t.id);
+			}
+			if (toShow > 0 && showStart > poolStart && contentTickets[showStart].type === "item") {
+				const sep = showStart - 1;
+				if (sep >= poolStart && contentTickets[sep].type === "divider" && !contentTickets[sep].isSelected.value) group.select(contentTickets[sep].id);
+			}
+			if (capacity === 0) {
+				if (lastIndex >= poolStart && !contentTickets[lastIndex].isSelected.value) group.select(contentTickets[lastIndex].id);
+				const w = overflow.width.value;
+				if (w < reserved + fD && contentSize > 1) group.unselect(contentTickets[1].id);
+				if (w < fI + __props.gap + eW + __props.gap) for (const t of ellipsisTickets) group.unselect(t.id);
+				if (w < fI + __props.gap) group.unselect(contentTickets[0].id);
+			}
+		}, { immediate: true });
+		provideBreadcrumbsRoot(__props.namespace, {
+			breadcrumbs,
+			group,
+			overflow,
+			divider: toRef(() => __props.divider),
+			ellipsis: toRef(() => __props.ellipsis),
+			isOverflowing,
+			ellipsisWidth,
+			measureElement
+		});
+		const slotProps = toRef(() => ({
+			isOverflowing: overflow.isOverflowing.value,
+			capacity: overflow.capacity.value,
+			total: group.size,
+			depth: breadcrumbs.depth.value,
+			isRoot: breadcrumbs.isRoot.value,
+			first: breadcrumbs.first,
+			prev: breadcrumbs.prev,
+			select: breadcrumbs.select,
+			attrs: {
+				"aria-label": __props.label ?? locale.t("Breadcrumbs.label", void 0, "Breadcrumb"),
+				"role": __props.as === "nav" ? void 0 : "navigation"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				ref: "container",
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var BreadcrumbsRoot_default = _sfc_main$50;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsDivider",
+	__name: "BreadcrumbsDivider",
+	props: {
+		namespace: { default: "v0:breadcrumbs" },
+		id: {},
+		divider: {},
+		as: { default: "li" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const elRef = useTemplateRef("el");
+		const context = useBreadcrumbsRoot(__props.namespace);
+		const ticket = context.group.register({
+			id: __props.id,
+			type: "divider"
+		});
+		watch(() => elRef.value?.element, (element) => {
+			context.measureElement(ticket.index, "divider", element ?? void 0);
+		}, { immediate: true });
+		onUnmounted(() => {
+			context.measureElement(ticket.index, "divider", void 0);
+			context.group.unregister(ticket.id);
+		});
+		const divider = toRef(() => __props.divider ?? context.divider.value);
+		const isSelected = toRef(() => ticket.isSelected.value);
+		const slotProps = toRef(() => ({
+			id: ticket.id,
+			divider: divider.value,
+			isSelected: isSelected.value,
+			attrs: {
+				"aria-hidden": "true",
+				"data-selected": isSelected.value || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps({
+				ref: "el",
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(divider.value), 1)])]),
+				_: 3
+			}, 16, ["as", "renderless"])), [[vShow, isSelected.value]]);
+		};
+	}
+});
+var BreadcrumbsDivider_default = _sfc_main$49;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsEllipsis",
+	__name: "BreadcrumbsEllipsis",
+	props: {
+		namespace: { default: "v0:breadcrumbs" },
+		id: {},
+		ellipsis: {},
+		as: { default: "li" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const elRef = useTemplateRef("el");
+		const context = useBreadcrumbsRoot(__props.namespace);
+		const ticket = context.group.register({
+			id: __props.id,
+			type: "ellipsis"
+		});
+		watch(() => elRef.value?.element, (element) => {
+			if (!IN_BROWSER || !element) {
+				context.ellipsisWidth.value = 0;
+				return;
+			}
+			const el = element;
+			const style = getComputedStyle(el);
+			const marginX = Number.parseFloat(style.marginLeft) + Number.parseFloat(style.marginRight);
+			context.ellipsisWidth.value = el.offsetWidth + marginX;
+		}, { immediate: true });
+		onUnmounted(() => {
+			context.ellipsisWidth.value = 0;
+			context.group.unregister(ticket.id);
+		});
+		const resolvedEllipsis = toRef(() => __props.ellipsis ?? context.ellipsis.value);
+		const isSelected = toRef(() => ticket.isSelected.value);
+		const slotProps = toRef(() => ({
+			id: ticket.id,
+			ellipsis: resolvedEllipsis.value,
+			isSelected: isSelected.value,
+			attrs: {
+				"aria-hidden": "true",
+				"data-selected": isSelected.value || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps({
+				ref: "el",
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(resolvedEllipsis.value), 1)])]),
+				_: 3
+			}, 16, ["as", "renderless"])), [[vShow, isSelected.value]]);
+		};
+	}
+});
+var BreadcrumbsEllipsis_default = _sfc_main$48;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsItem.vue
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsItem",
+	__name: "BreadcrumbsItem",
+	props: {
+		namespace: { default: "v0:breadcrumbs" },
+		id: {},
+		value: {},
+		text: { default: "" },
+		as: { default: "li" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const elRef = useTemplateRef("el");
+		const context = useBreadcrumbsRoot(__props.namespace);
+		const crumb = context.breadcrumbs.register({
+			id: __props.id,
+			value: __props.value,
+			text: __props.text
+		});
+		const ticket = context.group.register({
+			id: crumb.id,
+			value: __props.value,
+			type: "item"
+		});
+		watch(() => elRef.value?.element, (element) => {
+			context.measureElement(ticket.index, "item", element ?? void 0);
+		}, { immediate: true });
+		onUnmounted(() => {
+			context.measureElement(ticket.index, "item", void 0);
+			context.group.unregister(ticket.id);
+			context.breadcrumbs.unregister(crumb.id);
+		});
+		const isSelected = toRef(() => ticket.isSelected.value);
+		const slotProps = toRef(() => ({
+			id: ticket.id,
+			isSelected: isSelected.value,
+			attrs: { "data-selected": isSelected.value || void 0 }
+		}));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(Atom_default), mergeProps({
+				ref: "el",
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"])), [[vShow, isSelected.value]]);
+		};
+	}
+});
+var BreadcrumbsItem_default = _sfc_main$47;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsLink.vue
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsLink",
+	__name: "BreadcrumbsLink",
+	props: {
+		as: { default: "a" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), {
+				as: __props.as,
+				renderless: __props.renderless
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "renderless"]);
+		};
+	}
+});
+var BreadcrumbsLink_default = _sfc_main$46;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsList.vue
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsList",
+	__name: "BreadcrumbsList",
+	props: {
+		as: { default: "ol" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var BreadcrumbsList_default = _sfc_main$45;
+
+//#endregion
+//#region src/components/Breadcrumbs/BreadcrumbsPage.vue
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+	name: "BreadcrumbsPage",
+	__name: "BreadcrumbsPage",
+	props: {
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				as: __props.as,
+				renderless: __props.renderless
+			}, slotProps.value.attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var BreadcrumbsPage_default = _sfc_main$44;
+
+//#endregion
+//#region src/components/Breadcrumbs/index.ts
+/**
+* Breadcrumbs component for responsive navigation trails.
+*
+* @see https://0.vuetifyjs.com/components/breadcrumbs
+*/
+const Breadcrumbs = {
+	Root: BreadcrumbsRoot_default,
+	List: BreadcrumbsList_default,
+	Item: BreadcrumbsItem_default,
+	Link: BreadcrumbsLink_default,
+	Page: BreadcrumbsPage_default,
+	Divider: BreadcrumbsDivider_default,
+	Ellipsis: BreadcrumbsEllipsis_default
+};
+
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -264,12 +666,12 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxGroup_default = _sfc_main$42;
+var CheckboxGroup_default = _sfc_main$43;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -403,7 +805,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxRoot_default = _sfc_main$41;
+var CheckboxRoot_default = _sfc_main$42;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxHiddenInput.vue
@@ -425,7 +827,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -461,11 +863,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxHiddenInput_default = _sfc_main$40;
+var CheckboxHiddenInput_default = _sfc_main$41;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -498,11 +900,11 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxIndicator_default = _sfc_main$39;
+var CheckboxIndicator_default = _sfc_main$40;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -588,7 +990,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxSelectAll_default = _sfc_main$38;
+var CheckboxSelectAll_default = _sfc_main$39;
 
 //#endregion
 //#region src/components/Checkbox/index.ts
@@ -624,7 +1026,7 @@ const Checkbox = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -639,7 +1041,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:modelValue"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
 		const id = __props.id ?? useId();
@@ -676,11 +1078,11 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogRoot_default = _sfc_main$37;
+var DialogRoot_default = _sfc_main$38;
 
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -708,11 +1110,11 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogClose_default = _sfc_main$36;
+var DialogClose_default = _sfc_main$37;
 
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -721,6 +1123,10 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
+		blocking: {
+			type: Boolean,
+			default: false
+		},
 		as: { default: "dialog" },
 		renderless: { type: Boolean }
 	},
@@ -729,15 +1135,23 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const context = useDialogContext(__props.namespace);
 		const contentRef = useTemplateRef("content");
-		onMounted(() => {
-			if (context.isOpen.value) (contentRef.value?.element)?.showModal();
+		const ticket = useStack().register({
+			onDismiss: () => context.close(),
+			blocking: __props.blocking
 		});
+		watch(context.isOpen, (isOpen) => {
+			if (isOpen) ticket.select();
+			else ticket.unselect();
+		}, { immediate: true });
 		watch(context.isOpen, (isOpen) => {
 			const element = contentRef.value?.element;
 			if (!element) return;
 			if (isOpen) element.showModal?.();
 			else element.close?.();
 		});
+		onMounted(() => {
+			if (context.isOpen.value) (contentRef.value?.element)?.showModal();
+		});
 		useToggleScope(
 			() => __props.closeOnClickOutside && context.isOpen.value,
 			/* v8 ignore start -- callback tested via useClickOutside */
@@ -754,8 +1168,11 @@ const _sfc_main$35 = /* @__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,
+			zIndex: ticket.zIndex.value,
 			attrs: {
 				"id": context.id,
 				"role": "dialog",
@@ -767,22 +1184,23 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Atom_default), mergeProps({
 				ref: "content",
-				as: __props.as
+				as: __props.as,
+				style: styles.value
 			}, slotProps.value.attrs, {
 				onCancel,
 				onClose
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as"]);
+			}, 16, ["as", "style"]);
 		};
 	}
 });
-var DialogContent_default = _sfc_main$35;
+var DialogContent_default = _sfc_main$36;
 
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -801,11 +1219,11 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogDescription_default = _sfc_main$34;
+var DialogDescription_default = _sfc_main$35;
 
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -824,11 +1242,11 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogTitle_default = _sfc_main$33;
+var DialogTitle_default = _sfc_main$34;
 
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -858,7 +1276,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogActivator_default = _sfc_main$32;
+var DialogActivator_default = _sfc_main$33;
 
 //#endregion
 //#region src/components/Dialog/index.ts
@@ -902,8 +1320,8 @@ const Dialog = {
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
-const [useExpansionPanelRoot, provideExpansionPanelSelection] = createContext();
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -948,7 +1366,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 			unselect: selection.unselect,
 			toggle: selection.toggle
 		}));
-		provideExpansionPanelSelection(__props.namespace, selection);
+		provideExpansionPanelRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Atom_default), {
 				as: __props.as,
@@ -960,12 +1378,12 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$31;
+var ExpansionPanelRoot_default = _sfc_main$32;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -1009,11 +1427,11 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$30;
+var ExpansionPanelItem_default = _sfc_main$31;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -1059,11 +1477,11 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$29;
+var ExpansionPanelActivator_default = _sfc_main$30;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -1094,11 +1512,11 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$28;
+var ExpansionPanelContent_default = _sfc_main$29;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -1123,7 +1541,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$27;
+var ExpansionPanelHeader_default = _sfc_main$28;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
@@ -1143,7 +1561,7 @@ const ExpansionPanel = {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1193,11 +1611,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$26;
+var GroupRoot_default = _sfc_main$27;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -1246,7 +1664,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$25;
+var GroupItem_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/Group/index.ts
@@ -1265,7 +1683,7 @@ const Group = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1365,11 +1783,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$24;
+var PaginationRoot_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -1410,11 +1828,11 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$23;
+var PaginationEllipsis_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -1469,11 +1887,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$22;
+var PaginationFirst_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -1539,11 +1957,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$21;
+var PaginationItem_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -1598,11 +2016,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$20;
+var PaginationLast_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -1657,11 +2075,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$19;
+var PaginationNext_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -1716,11 +2134,11 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$18;
+var PaginationPrev_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -1764,7 +2182,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationStatus_default = _sfc_main$17;
+var PaginationStatus_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Pagination/index.ts
@@ -1787,7 +2205,7 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1829,11 +2247,11 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverRoot_default = _sfc_main$16;
+var PopoverRoot_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -1865,11 +2283,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverActivator_default = _sfc_main$15;
+var PopoverActivator_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -1924,6 +2342,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(Atom_default), mergeProps({
 				ref_key: "ref",
 				ref: ref$1,
+				as: props.as,
 				style: style.value
 			}, slotProps.value.attrs, {
 				onBeforetoggle: onBeforeToggle,
@@ -1931,11 +2350,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["style"]);
+			}, 16, ["as", "style"]);
 		};
 	}
 });
-var PopoverContent_default = _sfc_main$14;
+var PopoverContent_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -1953,7 +2372,7 @@ const Popover = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -2015,12 +2434,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioGroup_default = _sfc_main$13;
+var RadioGroup_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -2145,7 +2564,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioRoot_default = _sfc_main$12;
+var RadioRoot_default = _sfc_main$13;
 
 //#endregion
 //#region src/components/Radio/RadioHiddenInput.vue
@@ -2167,7 +2586,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -2202,11 +2621,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioHiddenInput_default = _sfc_main$11;
+var RadioHiddenInput_default = _sfc_main$12;
 
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -2236,7 +2655,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioIndicator_default = _sfc_main$10;
+var RadioIndicator_default = _sfc_main$11;
 
 //#endregion
 //#region src/components/Radio/index.ts
@@ -2279,6 +2698,85 @@ const Radio = {
 	Root: RadioRoot_default
 };
 
+//#endregion
+//#region src/components/Scrim/Scrim.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	name: "Scrim",
+	inheritAttrs: false,
+	__name: "Scrim",
+	props: {
+		transition: { default: "fade" },
+		teleport: {
+			type: Boolean,
+			default: true
+		},
+		teleportTo: { default: "body" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const stack = useStack();
+		const tickets = computed(() => Array.from(stack.selectedItems.value));
+		function onDismiss(ticket) {
+			if (!ticket.blocking) ticket.dismiss();
+		}
+		function getSlotProps(ticket) {
+			return {
+				ticket,
+				zIndex: ticket.zIndex.value - 1,
+				isBlocking: ticket.blocking,
+				dismiss: () => onDismiss(ticket)
+			};
+		}
+		function getStyle(ticket) {
+			return { zIndex: ticket.zIndex.value - 1 };
+		}
+		return (_ctx, _cache) => {
+			return __props.teleport ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: __props.teleportTo
+			}, [createVNode(TransitionGroup, { name: __props.transition }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
+					return openBlock(), createBlock(unref(Atom_default), mergeProps({
+						key: ticket.id,
+						as: __props.as,
+						style: getStyle(ticket)
+					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
+						_: 2
+					}, 1040, [
+						"as",
+						"style",
+						"onClick"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, ["name"])], 8, ["to"])) : (openBlock(), createBlock(TransitionGroup, {
+				key: 1,
+				name: __props.transition
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
+					return openBlock(), createBlock(unref(Atom_default), mergeProps({
+						key: ticket.id,
+						as: __props.as,
+						style: getStyle(ticket)
+					}, { ref_for: true }, unref(attrs), { onClick: () => onDismiss(ticket) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getSlotProps(ticket)))]),
+						_: 2
+					}, 1040, [
+						"as",
+						"style",
+						"onClick"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, ["name"]));
+		};
+	}
+});
+var Scrim_default = _sfc_main$10;
+
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
@@ -2934,4 +3432,4 @@ const Tabs = {
 };
 
 //#endregion
-export { Group as $, provideRadioGroup as A, CheckboxGroup_default as At, PaginationPrev_default as B, Radio as C, Checkbox as Ct, provideRadioRoot as D, CheckboxRoot_default as Dt, RadioRoot_default as E, CheckboxHiddenInput_default as Et, PopoverRoot_default as F, AvatarFallback_default as Ft, PaginationEllipsis_default as G, PaginationLast_default as H, providePopoverContext as I, AvatarRoot_default as It, providePaginationItems as J, PaginationRoot_default as K, usePopoverContext as L, provideAvatarContext as Lt, Popover as M, useCheckboxGroup as Mt, PopoverContent_default as N, Avatar as Nt, useRadioRoot as O, provideCheckboxRoot as Ot, PopoverActivator_default as P, AvatarImage_default as Pt, usePaginationRoot as Q, Pagination as R, useAvatarRoot as Rt, useSelectionRoot as S, useDialogContext as St, RadioHiddenInput_default as T, CheckboxIndicator_default as Tt, PaginationItem_default as U, PaginationNext_default as V, PaginationFirst_default as W, usePaginationControls as X, providePaginationRoot as Y, usePaginationItems as Z, useSingleRoot as _, DialogDescription_default as _t, TabsRoot_default as a, ExpansionPanelHeader_default as at, SelectionRoot_default as b, DialogRoot_default as bt, Step as c, ExpansionPanelItem_default as ct, provideStepRoot as d, ExpansionPanelRoot_default as dt, GroupItem_default as et, useStepRoot as f, provideExpansionPanelSelection as ft, provideSingleRoot as g, DialogTitle_default as gt, SingleRoot_default as h, DialogActivator_default as ht, TabsList_default as i, ExpansionPanel as it, useRadioGroup as j, provideCheckboxGroup as jt, RadioGroup_default as k, useCheckboxRoot as kt, StepItem_default as l, provideExpansionPanelItem as lt, SingleItem_default as m, Dialog as mt, TabsPanel_default as n, provideGroupRoot as nt, provideTabsRoot as o, ExpansionPanelContent_default as ot, Single as p, useExpansionPanelRoot as pt, providePaginationControls as q, TabsItem_default as r, useGroupRoot as rt, useTabsRoot as s, ExpansionPanelActivator_default as st, Tabs as t, GroupRoot_default as tt, StepRoot_default as u, useExpansionPanelItem as ut, Selection as v, DialogContent_default as vt, RadioIndicator_default as w, CheckboxSelectAll_default as wt, provideSelectionRoot as x, provideDialogContext as xt, SelectionItem_default as y, DialogClose_default as yt, PaginationStatus_default as z, Atom_default as zt };
+export { usePaginationRoot as $, RadioGroup_default as A, useCheckboxRoot as At, PaginationStatus_default as B, BreadcrumbsDivider_default as Bt, Scrim_default as C, useDialogContext as Ct, RadioRoot_default as D, CheckboxHiddenInput_default as Dt, RadioHiddenInput_default as E, CheckboxIndicator_default as Et, PopoverActivator_default as F, BreadcrumbsPage_default as Ft, PaginationFirst_default as G, AvatarImage_default as Gt, PaginationNext_default as H, provideBreadcrumbsRoot as Ht, PopoverRoot_default as I, BreadcrumbsList_default as It, providePaginationControls as J, provideAvatarRoot as Jt, PaginationEllipsis_default as K, AvatarFallback_default as Kt, providePopoverContext as L, BreadcrumbsLink_default as Lt, useRadioGroup as M, provideCheckboxGroup as Mt, Popover as N, useCheckboxGroup as Nt, provideRadioRoot as O, CheckboxRoot_default as Ot, PopoverContent_default as P, Breadcrumbs as Pt, usePaginationItems as Q, usePopoverContext as R, BreadcrumbsItem_default as Rt, useSelectionRoot as S, provideDialogContext as St, RadioIndicator_default as T, CheckboxSelectAll_default as Tt, PaginationLast_default as U, useBreadcrumbsRoot as Ut, PaginationPrev_default as V, BreadcrumbsRoot_default as Vt, PaginationItem_default as W, Avatar as Wt, providePaginationRoot as X, Atom_default as Xt, providePaginationItems as Y, useAvatarRoot as Yt, usePaginationControls as Z, useSingleRoot as _, DialogTitle_default as _t, TabsRoot_default as a, ExpansionPanel as at, SelectionRoot_default as b, DialogClose_default as bt, Step as c, ExpansionPanelActivator_default as ct, provideStepRoot as d, useExpansionPanelItem as dt, Group as et, useStepRoot as f, ExpansionPanelRoot_default as ft, provideSingleRoot as g, DialogActivator_default as gt, SingleRoot_default as h, Dialog as ht, TabsList_default as i, useGroupRoot as it, provideRadioGroup as j, CheckboxGroup_default as jt, useRadioRoot as k, provideCheckboxRoot as kt, StepItem_default as l, ExpansionPanelItem_default as lt, SingleItem_default as m, useExpansionPanelRoot as mt, TabsPanel_default as n, GroupRoot_default as nt, provideTabsRoot as o, ExpansionPanelHeader_default as ot, Single as p, provideExpansionPanelRoot as pt, PaginationRoot_default as q, AvatarRoot_default as qt, TabsItem_default as r, provideGroupRoot as rt, useTabsRoot as s, ExpansionPanelContent_default as st, Tabs as t, GroupItem_default as tt, StepRoot_default as u, provideExpansionPanelItem as ut, Selection as v, DialogDescription_default as vt, Radio as w, Checkbox as wt, provideSelectionRoot as x, DialogRoot_default as xt, SelectionItem_default as y, DialogContent_default as yt, Pagination as z, BreadcrumbsEllipsis_default as zt };