@vuetify/v0 0.0.24-beta.1 → 0.1.0

package/dist/{components-Dd4KKVtk.mjs → components-V4KaMfn-.mjs}

@@ -1,8 +1,8 @@
-import { r as isSelfClosingTag } from "./htmlElements-CXObxj0V.mjs";
-import { a as genId, d as isNullOrUndefined, h as isString, p as isObject, u as isNull } from "./utilities-9i1hJnMd.mjs";
-import { $t as createContext, Ht as createRegistry, Nt as useProxyModel, P as createOverflow, Pt as createGroup, b as createStep, bt as createSingle, ht as useLocale, j as createPagination, o as useToggleScope, t as useClickOutside, zt as createSelection } from "./useClickOutside-BfEvdnA4.mjs";
-import { t as IN_BROWSER } from "./globals-CiCJWcbb.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, 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-DO9n35bD.mjs";
+import { c as isNullOrUndefined, f as isString, s as isNull, u as isObject } from "./utilities-B58TiS_S.mjs";
+import { Bt as useProxyModel, Dt as createSingle, Kt as createSelection, P as createOverflow, St as useLocale, Vt as createGroup, Yt as createRegistry, b as createStep, j as createPagination, o as useToggleScope, on as createContext, t as useClickOutside } from "./useClickOutside-Cj8CguMD.mjs";
+import { t as IN_BROWSER } from "./globals-CgcVstn0.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";
 
 //#region src/components/Atom/Atom.vue
 /**
@@ -26,7 +26,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -57,12 +57,12 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$42;
+var Atom_default = _sfc_main$46;
 
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarContext] = createContext();
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -87,11 +87,11 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$41;
+var AvatarRoot_default = _sfc_main$45;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -116,11 +116,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$40;
+var AvatarFallback_default = _sfc_main$44;
 
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -180,7 +180,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$39;
+var AvatarImage_default = _sfc_main$43;
 
 //#endregion
 //#region src/components/Avatar/index.ts
@@ -198,7 +198,7 @@ const Avatar = {
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -264,17 +264,17 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxGroup_default = _sfc_main$38;
+var CheckboxGroup_default = _sfc_main$42;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
 	props: /* @__PURE__ */ mergeModels({
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		label: {},
 		value: {},
 		name: {},
@@ -403,7 +403,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxRoot_default = _sfc_main$37;
+var CheckboxRoot_default = _sfc_main$41;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxHiddenInput.vue
@@ -425,7 +425,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -461,11 +461,11 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxHiddenInput_default = _sfc_main$36;
+var CheckboxHiddenInput_default = _sfc_main$40;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -498,11 +498,11 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxIndicator_default = _sfc_main$35;
+var CheckboxIndicator_default = _sfc_main$39;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -521,7 +521,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const { as = "button", renderless, label, namespace = "v0:checkbox:root", groupNamespace = "v0:checkbox:group" } = props;
 		const group = useCheckboxGroup(groupNamespace);
-		const id = /* @__PURE__ */ genId();
+		const id = useId();
 		const isAllSelected = toRef(() => group.isAllSelected.value);
 		const isMixed = toRef(() => group.isMixed.value);
 		const isDisabled = toRef(() => toValue(props.disabled) || toValue(group.disabled));
@@ -588,7 +588,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxSelectAll_default = _sfc_main$34;
+var CheckboxSelectAll_default = _sfc_main$38;
 
 //#endregion
 //#region src/components/Checkbox/index.ts
@@ -624,7 +624,7 @@ const Checkbox = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -641,11 +641,10 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	}),
 	emits: /* @__PURE__ */ mergeModels(["update:modelValue"], ["update:modelValue"]),
 	setup(__props) {
-		const props = createPropsRestProxy(__props, ["as", "namespace"]);
 		const isOpen = useModel(__props, "modelValue");
-		const id = toRef(() => props.id ?? useId());
-		const titleId = toRef(() => `${toValue(id)}-title`);
-		const descriptionId = toRef(() => `${toValue(id)}-description`);
+		const id = __props.id ?? useId();
+		const titleId = `${id}-title`;
+		const descriptionId = `${id}-description`;
 		function open() {
 			isOpen.value = true;
 		}
@@ -654,14 +653,14 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		}
 		provideDialogContext(__props.namespace, {
 			isOpen,
-			id: toValue(id),
-			titleId: toValue(titleId),
-			descriptionId: toValue(descriptionId),
+			id,
+			titleId,
+			descriptionId,
 			open,
 			close
 		});
 		const slotProps = toRef(() => ({
-			id: toValue(id),
+			id,
 			isOpen: isOpen.value,
 			open,
 			close
@@ -677,11 +676,11 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogRoot_default = _sfc_main$33;
+var DialogRoot_default = _sfc_main$37;
 
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -709,11 +708,11 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogClose_default = _sfc_main$32;
+var DialogClose_default = _sfc_main$36;
 
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -779,11 +778,11 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogContent_default = _sfc_main$31;
+var DialogContent_default = _sfc_main$35;
 
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -802,11 +801,11 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogDescription_default = _sfc_main$30;
+var DialogDescription_default = _sfc_main$34;
 
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -825,11 +824,11 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogTitle_default = _sfc_main$29;
+var DialogTitle_default = _sfc_main$33;
 
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -859,7 +858,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogActivator_default = _sfc_main$28;
+var DialogActivator_default = _sfc_main$32;
 
 //#endregion
 //#region src/components/Dialog/index.ts
@@ -904,7 +903,7 @@ const Dialog = {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelSelection] = createContext();
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -961,12 +960,12 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$27;
+var ExpansionPanelRoot_default = _sfc_main$31;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -1010,11 +1009,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$26;
+var ExpansionPanelItem_default = _sfc_main$30;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -1060,11 +1059,11 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$25;
+var ExpansionPanelActivator_default = _sfc_main$29;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -1095,11 +1094,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$24;
+var ExpansionPanelContent_default = _sfc_main$28;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -1124,7 +1123,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$23;
+var ExpansionPanelHeader_default = _sfc_main$27;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
@@ -1144,7 +1143,7 @@ const ExpansionPanel = {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1194,11 +1193,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$22;
+var GroupRoot_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -1247,7 +1246,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$21;
+var GroupItem_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/Group/index.ts
@@ -1266,7 +1265,7 @@ const Group = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1366,17 +1365,17 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$20;
+var PaginationRoot_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
 		namespace: { default: "v0:pagination" },
 		ellipsis: {},
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "span" },
 		renderless: { type: Boolean }
 	},
@@ -1411,17 +1410,17 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$19;
+var PaginationEllipsis_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -1470,11 +1469,11 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$18;
+var PaginationFirst_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -1484,7 +1483,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -1540,17 +1539,17 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$17;
+var PaginationItem_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -1599,17 +1598,17 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$16;
+var PaginationLast_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -1658,17 +1657,17 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$15;
+var PaginationNext_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
 		namespace: { default: "v0:pagination" },
 		disabled: { type: Boolean },
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -1717,11 +1716,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$14;
+var PaginationPrev_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -1765,7 +1764,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationStatus_default = _sfc_main$13;
+var PaginationStatus_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Pagination/index.ts
@@ -1788,7 +1787,7 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -1804,19 +1803,18 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
-		const props = createPropsRestProxy(__props, ["as"]);
 		const isSelected = useModel(__props, "modelValue");
-		const id = toRef(() => props.id ?? useId());
+		const id = __props.id ?? useId();
 		function toggle() {
 			isSelected.value = !isSelected.value;
 		}
 		providePopoverContext({
 			isSelected,
 			toggle,
-			id: toValue(id)
+			id
 		});
 		const slotProps = toRef(() => ({
-			id: toValue(id),
+			id,
 			isSelected: isSelected.value,
 			toggle
 		}));
@@ -1831,11 +1829,11 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverRoot_default = _sfc_main$12;
+var PopoverRoot_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -1867,11 +1865,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverActivator_default = _sfc_main$11;
+var PopoverActivator_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -1902,11 +1900,13 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		});
 		watch(context.isSelected, (isOpen) => {
 			const element = ref$1.value?.element;
-			if (!element || isOpen === element.matches?.(":popover-open")) return;
+			if (!element?.isConnected) return;
+			if (isOpen === element.matches?.(":popover-open")) return;
 			if (isOpen) element.showPopover?.();
 			else element.hidePopover?.();
 		});
 		function onToggle(e) {
+			if (!ref$1.value?.element?.isConnected) return;
 			context.isSelected.value = e.newState === "open";
 		}
 		/* v8 ignore stop */
@@ -1935,7 +1935,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverContent_default = _sfc_main$10;
+var PopoverContent_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -1953,7 +1953,7 @@ const Popover = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -1971,6 +1971,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		ariaDescribedby: {},
 		ariaRequired: { type: Boolean },
 		name: {},
+		activation: { default: "automatic" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -1988,11 +1989,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		useProxyModel(single, model, { multiple: false });
 		provideRadioGroup(__props.namespace, {
 			...single,
-			name: __props.name
+			name: __props.name,
+			activation: toRef(() => __props.activation)
 		});
 		const slotProps = toRef(() => ({
 			isDisabled: toValue(single.disabled),
 			isNoneSelected: single.selectedIds.size === 0,
+			activation: __props.activation,
 			attrs: {
 				"role": "radiogroup",
 				"aria-label": __props.label || void 0,
@@ -2012,17 +2015,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioGroup_default = _sfc_main$9;
+var RadioGroup_default = _sfc_main$13;
 
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
 	props: {
-		id: { default: () => /* @__PURE__ */ genId() },
+		id: { default: () => useId() },
 		label: {},
 		value: {},
 		name: {},
@@ -2067,7 +2070,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			select();
 		}
 		function onKeydown(e) {
-			if (e.key === " ") {
+			if (e.key === " " || e.key === "Enter") {
 				e.preventDefault();
 				select();
 				return;
@@ -2087,7 +2090,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			else nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;
 			const nextItem = items[nextIndex];
 			if (!nextItem) return;
-			nextItem.select();
+			if (group.activation.value === "automatic") nextItem.select();
 			toValue(nextItem.el)?.focus();
 		}
 		onUnmounted(() => {
@@ -2142,7 +2145,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioRoot_default = _sfc_main$8;
+var RadioRoot_default = _sfc_main$12;
 
 //#endregion
 //#region src/components/Radio/RadioHiddenInput.vue
@@ -2164,7 +2167,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -2199,11 +2202,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioHiddenInput_default = _sfc_main$7;
+var RadioHiddenInput_default = _sfc_main$11;
 
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -2233,7 +2236,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioIndicator_default = _sfc_main$6;
+var RadioIndicator_default = _sfc_main$10;
 
 //#endregion
 //#region src/components/Radio/index.ts
@@ -2279,7 +2282,7 @@ const Radio = {
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2329,11 +2332,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionRoot_default = _sfc_main$5;
+var SelectionRoot_default = _sfc_main$9;
 
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -2375,7 +2378,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionItem_default = _sfc_main$4;
+var SelectionItem_default = _sfc_main$8;
 
 //#endregion
 //#region src/components/Selection/index.ts
@@ -2392,7 +2395,7 @@ const Selection = {
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2436,11 +2439,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SingleRoot_default = _sfc_main$3;
+var SingleRoot_default = _sfc_main$7;
 
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -2482,7 +2485,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SingleItem_default = _sfc_main$2;
+var SingleItem_default = _sfc_main$6;
 
 //#endregion
 //#region src/components/Single/index.ts
@@ -2499,7 +2502,7 @@ const Single = {
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -2548,11 +2551,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var StepRoot_default = _sfc_main$1;
+var StepRoot_default = _sfc_main$5;
 
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -2594,7 +2597,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var StepItem_default = _sfc_main;
+var StepItem_default = _sfc_main$4;
 
 //#endregion
 //#region src/components/Step/index.ts
@@ -2609,4 +2612,326 @@ const Step = {
 };
 
 //#endregion
-export { ExpansionPanelContent_default as $, usePopoverContext as A, provideAvatarContext as At, providePaginationControls as B, provideRadioGroup as C, CheckboxGroup_default as Ct, PopoverActivator_default as D, AvatarImage_default as Dt, PopoverContent_default as E, Avatar as Et, PaginationLast_default as F, usePaginationRoot as G, providePaginationRoot as H, PaginationItem_default as I, GroupRoot_default as J, Group as K, PaginationFirst_default as L, PaginationStatus_default as M, Atom_default as Mt, PaginationPrev_default as N, PopoverRoot_default as O, AvatarFallback_default as Ot, PaginationNext_default as P, ExpansionPanelHeader_default as Q, PaginationEllipsis_default as R, RadioGroup_default as S, useCheckboxRoot as St, Popover as T, useCheckboxGroup as Tt, usePaginationControls as U, providePaginationItems as V, usePaginationItems as W, useGroupRoot as X, provideGroupRoot as Y, ExpansionPanel as Z, RadioIndicator_default as _, CheckboxSelectAll_default as _t, useStepRoot as a, provideExpansionPanelSelection as at, provideRadioRoot as b, CheckboxRoot_default as bt, SingleRoot_default as c, DialogActivator_default as ct, Selection as d, DialogContent_default as dt, ExpansionPanelActivator_default as et, SelectionItem_default as f, DialogClose_default as ft, Radio as g, Checkbox as gt, useSelectionRoot as h, useDialogContext as ht, provideStepRoot as i, ExpansionPanelRoot_default as it, Pagination as j, useAvatarRoot as jt, providePopoverContext as k, AvatarRoot_default as kt, provideSingleRoot as l, DialogTitle_default as lt, provideSelectionRoot as m, provideDialogContext as mt, StepItem_default as n, provideExpansionPanelItem as nt, Single as o, useExpansionPanelRoot as ot, SelectionRoot_default as p, DialogRoot_default as pt, GroupItem_default as q, StepRoot_default as r, useExpansionPanelItem as rt, SingleItem_default as s, Dialog as st, Step as t, ExpansionPanelItem_default as tt, useSingleRoot as u, DialogDescription_default as ut, RadioHiddenInput_default as v, CheckboxIndicator_default as vt, useRadioGroup as w, provideCheckboxGroup as wt, useRadioRoot as x, provideCheckboxRoot as xt, RadioRoot_default as y, CheckboxHiddenInput_default as yt, PaginationRoot_default as z };
+//#region src/components/Tabs/TabsRoot.vue
+const [useTabsRoot, provideTabsRoot] = createContext();
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	name: "TabsRoot",
+	__name: "TabsRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:tabs" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: "force"
+		},
+		circular: {
+			type: Boolean,
+			default: true
+		},
+		orientation: { default: "horizontal" },
+		activation: { default: "automatic" }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const rootId = useId();
+		const step = createStep({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			circular: __props.circular,
+			events: true
+		});
+		useProxyModel(step, model, { multiple: false });
+		const context = {
+			...step,
+			orientation: toRef(() => __props.orientation),
+			activation: toRef(() => __props.activation),
+			circular: toRef(() => __props.circular),
+			rootId
+		};
+		provideTabsRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(step.disabled),
+			orientation: __props.orientation,
+			activation: __props.activation,
+			first: step.first,
+			last: step.last,
+			next: step.next,
+			prev: step.prev,
+			step: step.step,
+			select: step.select,
+			unselect: step.unselect,
+			toggle: step.toggle,
+			attrs: { "aria-multiselectable": false }
+		}));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
+		};
+	}
+});
+var TabsRoot_default = _sfc_main$3;
+
+//#endregion
+//#region src/components/Tabs/TabsList.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	name: "TabsList",
+	inheritAttrs: false,
+	__name: "TabsList",
+	props: {
+		label: {},
+		namespace: { default: "v0:tabs" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const tabs = useTabsRoot(__props.namespace);
+		const isDisabled = toRef(() => toValue(tabs.disabled));
+		const slotProps = toRef(() => ({
+			orientation: tabs.orientation.value,
+			isDisabled: isDisabled.value,
+			attrs: {
+				"role": "tablist",
+				"aria-orientation": tabs.orientation.value,
+				"aria-label": __props.label,
+				"aria-disabled": isDisabled.value || void 0,
+				"data-disabled": isDisabled.value || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var TabsList_default = _sfc_main$2;
+
+//#endregion
+//#region src/components/Tabs/TabsItem.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	name: "TabsItem",
+	inheritAttrs: false,
+	__name: "TabsItem",
+	props: {
+		id: {},
+		value: {},
+		disabled: {},
+		namespace: { default: "v0:tabs" },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const rootRef = useTemplateRef("root");
+		const tabs = useTabsRoot(__props.namespace);
+		const el = toRef(() => rootRef.value?.element ?? void 0);
+		const ticket = tabs.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			el
+		});
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(tabs.disabled));
+		const tabId = toRef(() => `${tabs.rootId}-tab-${ticket.id}`);
+		const panelId = toRef(() => `${tabs.rootId}-panel-${ticket.id}`);
+		onUnmounted(() => {
+			tabs.unregister(ticket.id);
+		});
+		function focusSelectedTab() {
+			nextTick(() => {
+				const selected = tabs.selectedItem.value;
+				if (selected) toValue(selected.el)?.focus();
+			});
+		}
+		function onKeydown(e) {
+			const isHorizontal = tabs.orientation.value === "horizontal";
+			if (isHorizontal && e.key === "ArrowRight" || !isHorizontal && e.key === "ArrowDown") {
+				e.preventDefault();
+				tabs.next();
+				focusSelectedTab();
+				return;
+			}
+			if (isHorizontal && e.key === "ArrowLeft" || !isHorizontal && e.key === "ArrowUp") {
+				e.preventDefault();
+				tabs.prev();
+				focusSelectedTab();
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault();
+				tabs.first();
+				focusSelectedTab();
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault();
+				tabs.last();
+				focusSelectedTab();
+				return;
+			}
+			if (tabs.activation.value === "manual" && (e.key === "Enter" || e.key === " ")) {
+				e.preventDefault();
+				ticket.select();
+			}
+		}
+		function onClick() {
+			if (!isDisabled.value) ticket.select();
+		}
+		function onFocus() {
+			if (tabs.activation.value === "automatic" && !isDisabled.value) ticket.select();
+		}
+		const slotProps = toRef(() => ({
+			id: String(ticket.id),
+			isSelected: toValue(ticket.isSelected),
+			isDisabled: toValue(isDisabled),
+			select: ticket.select,
+			attrs: {
+				"id": tabId.value,
+				"role": "tab",
+				"tabindex": toValue(ticket.isSelected) ? 0 : -1,
+				"aria-selected": toValue(ticket.isSelected),
+				"aria-controls": panelId.value,
+				"aria-disabled": toValue(isDisabled) || void 0,
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-describedby": __props.ariaDescribedby,
+				"data-selected": toValue(ticket.isSelected) || void 0,
+				"data-disabled": toValue(isDisabled) || void 0,
+				"disabled": __props.as === "button" ? toValue(isDisabled) : void 0,
+				"type": __props.as === "button" ? "button" : void 0,
+				"onClick": onClick,
+				"onKeydown": onKeydown,
+				"onFocus": onFocus
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({ ref: "root" }, {
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var TabsItem_default = _sfc_main$1;
+
+//#endregion
+//#region src/components/Tabs/TabsPanel.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "TabsPanel",
+	inheritAttrs: false,
+	__name: "TabsPanel",
+	props: {
+		value: {},
+		namespace: { default: "v0:tabs" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const tabs = useTabsRoot(__props.namespace);
+		const ticket = toRef(() => {
+			const ids = tabs.browse(__props.value);
+			if (ids && ids.length > 0) return tabs.get(ids[0]) ?? null;
+			return null;
+		});
+		const isSelected = toRef(() => {
+			const t = ticket.value;
+			return t ? toValue(t.isSelected) : false;
+		});
+		const ticketId = toRef(() => ticket.value?.id ?? __props.value);
+		const panelId = toRef(() => `${tabs.rootId}-panel-${ticketId.value}`);
+		const tabId = toRef(() => `${tabs.rootId}-tab-${ticketId.value}`);
+		const slotProps = toRef(() => ({
+			isSelected: isSelected.value,
+			attrs: {
+				"id": panelId.value,
+				"role": "tabpanel",
+				"aria-labelledby": tabId.value,
+				"tabindex": isSelected.value ? 0 : -1,
+				"hidden": !isSelected.value,
+				"data-selected": isSelected.value || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var TabsPanel_default = _sfc_main;
+
+//#endregion
+//#region src/components/Tabs/index.ts
+/**
+* Tabs component with sub-components for building accessible tab interfaces.
+*
+* @see https://0.vuetifyjs.com/components/tabs
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Tabs } from '@vuetify/v0'
+*
+*   const selected = ref('profile')
+* <\/script>
+*
+* <template>
+*   <Tabs.Root v-model="selected">
+*     <Tabs.List label="Account settings">
+*       <Tabs.Item value="profile">Profile</Tabs.Item>
+*       <Tabs.Item value="password">Password</Tabs.Item>
+*       <Tabs.Item value="billing" disabled>Billing</Tabs.Item>
+*     </Tabs.List>
+*
+*     <Tabs.Panel value="profile">Profile content</Tabs.Panel>
+*     <Tabs.Panel value="password">Password content</Tabs.Panel>
+*     <Tabs.Panel value="billing">Billing content</Tabs.Panel>
+*   </Tabs.Root>
+* </template>
+* ```
+*/
+const Tabs = {
+	Root: TabsRoot_default,
+	List: TabsList_default,
+	Item: TabsItem_default,
+	Panel: TabsPanel_default
+};
+
+//#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 };