@vuetify/v0 0.1.4 → 0.1.5

package/dist/browser/index.js

@@ -85,7 +85,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "0.1.4";
+const version = "0.1.5";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 
@@ -528,7 +528,7 @@ function debounce(fn, delay) {
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -559,7 +559,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Atom_default = _sfc_main$54;
+var Atom_default = _sfc_main$60;
 
 //#endregion
 //#region src/composables/createContext/index.ts
@@ -1788,7 +1788,7 @@ function useSelection(namespace = "v0:selection") {
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -1813,11 +1813,11 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarRoot_default = _sfc_main$53;
+var AvatarRoot_default = _sfc_main$59;
 
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -1842,11 +1842,11 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarFallback_default = _sfc_main$52;
+var AvatarFallback_default = _sfc_main$58;
 
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -1906,7 +1906,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var AvatarImage_default = _sfc_main$51;
+var AvatarImage_default = _sfc_main$57;
 
 //#endregion
 //#region src/components/Avatar/index.ts
@@ -2721,6 +2721,41 @@ const [createHydrationContext, createHydrationPlugin, useHydration] = createPlug
 	}
 });
 
+//#endregion
+//#region src/composables/toElement/index.ts
+/**
+* Resolves a {@link MaybeElementRef} to a DOM Element or undefined.
+*
+* Handles:
+* - `Ref<Element>`, `ShallowRef<HTMLElement>`, getter functions
+* - Vue component instances (extracts `$el`)
+* - Raw DOM elements (pass-through)
+* - null/undefined (returns undefined)
+*
+* @param target The element ref, getter, or raw value to resolve
+* @returns The resolved DOM Element, or undefined if not available
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-element
+*
+* @example
+* ```ts
+* import { toElement } from '@vuetify/v0'
+*
+* const el = shallowRef<HTMLElement | null>(null)
+* toElement(el) // HTMLElement | undefined
+*
+* const component = ref<ComponentPublicInstance>()
+* toElement(component) // Element | undefined (from $el)
+* ```
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function toElement(target) {
+	const raw = typeof target === "function" ? target() : target && typeof target === "object" && "value" in target ? target.value : target;
+	if (!raw) return void 0;
+	if (raw instanceof Element) return raw;
+	if ("$el" in raw) return raw.$el;
+}
+
 //#endregion
 //#region src/composables/createObserver/index.ts
 /**
@@ -2738,7 +2773,7 @@ const [createHydrationContext, createHydrationPlugin, useHydration] = createPlug
 */
 function createObserver(target, userCallback, config) {
 	const { isHydrated } = useHydration();
-	const targetRef = toRef(target);
+	const resolved = toRef(() => /* @__PURE__ */ toElement(target));
 	const observer = shallowRef(void 0);
 	const isPaused = shallowRef(false);
 	const isActive = toRef(() => !!observer.value);
@@ -2751,11 +2786,12 @@ function createObserver(target, userCallback, config) {
 	}
 	function setup() {
 		if (/* @__PURE__ */ isNull(observer.value)) return;
-		if (!isHydrated.value || !config.supports || !/* @__PURE__ */ isElement(targetRef.value) || isPaused.value) return;
+		const el = resolved.value;
+		if (!isHydrated.value || !config.supports || !/* @__PURE__ */ isElement(el) || isPaused.value) return;
 		observer.value = config.create(invoke);
-		config.observe(observer.value, targetRef.value);
+		config.observe(observer.value, el);
 		if (config.immediate) {
-			const entries = config.immediate(targetRef.value);
+			const entries = config.immediate(el);
 			if (config.onceIncludesImmediate) invoke(entries);
 			else {
 				config.onEntry?.(entries);
@@ -2763,13 +2799,13 @@ function createObserver(target, userCallback, config) {
 			}
 		}
 	}
-	watch(() => targetRef.value, (el, oldEl) => {
+	watch(resolved, (el, oldEl) => {
 		if (oldEl || observer.value) cleanup();
 		if (isHydrated.value && /* @__PURE__ */ isElement(el)) setup();
 	}, { immediate: true });
 	let stopHydrationWatch;
 	if (!isHydrated.value) stopHydrationWatch = watch(() => isHydrated.value, (hydrated) => {
-		if (hydrated && /* @__PURE__ */ isElement(targetRef.value) && !observer.value) {
+		if (hydrated && /* @__PURE__ */ isElement(resolved.value) && !observer.value) {
 			setup();
 			stopHydrationWatch?.();
 			stopHydrationWatch = void 0;
@@ -3523,7 +3559,7 @@ const [createLocaleContext, createLocalePlugin, useLocale] = createPluginContext
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -3662,11 +3698,11 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsRoot_default = _sfc_main$50;
+var BreadcrumbsRoot_default = _sfc_main$56;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -3713,11 +3749,11 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsDivider_default = _sfc_main$49;
+var BreadcrumbsDivider_default = _sfc_main$55;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -3771,11 +3807,11 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsEllipsis_default = _sfc_main$48;
+var BreadcrumbsEllipsis_default = _sfc_main$54;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -3825,11 +3861,11 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsItem_default = _sfc_main$47;
+var BreadcrumbsItem_default = _sfc_main$53;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -3848,11 +3884,11 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsLink_default = _sfc_main$46;
+var BreadcrumbsLink_default = _sfc_main$52;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -3872,11 +3908,11 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsList_default = _sfc_main$45;
+var BreadcrumbsList_default = _sfc_main$51;
 
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -3896,7 +3932,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var BreadcrumbsPage_default = _sfc_main$44;
+var BreadcrumbsPage_default = _sfc_main$50;
 
 //#endregion
 //#region src/components/Breadcrumbs/index.ts
@@ -4028,7 +4064,7 @@ function useProxyModel(registry, model, options) {
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -4094,12 +4130,12 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxGroup_default = _sfc_main$43;
+var CheckboxGroup_default = _sfc_main$49;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -4233,18 +4269,18 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxRoot_default = _sfc_main$42;
+var CheckboxRoot_default = _sfc_main$48;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxHiddenInput.vue
-const _hoisted_1$1 = [
+const _hoisted_1$2 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle$1 = {
+const visuallyHiddenStyle$2 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -4255,7 +4291,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -4283,19 +4319,19 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle$1,
+				style: visuallyHiddenStyle$2,
 				tabindex: "-1",
 				type: "checkbox",
 				value: value.value
-			}, null, 8, _hoisted_1$1);
+			}, null, 8, _hoisted_1$2);
 		};
 	}
 });
-var CheckboxHiddenInput_default = _sfc_main$41;
+var CheckboxHiddenInput_default = _sfc_main$47;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -4328,11 +4364,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxIndicator_default = _sfc_main$40;
+var CheckboxIndicator_default = _sfc_main$46;
 
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -4418,7 +4454,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CheckboxSelectAll_default = _sfc_main$39;
+var CheckboxSelectAll_default = _sfc_main$45;
 
 //#endregion
 //#region src/components/Checkbox/index.ts
@@ -4454,7 +4490,7 @@ const Checkbox = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -4506,11 +4542,11 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogRoot_default = _sfc_main$38;
+var DialogRoot_default = _sfc_main$44;
 
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -4538,7 +4574,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogClose_default = _sfc_main$37;
+var DialogClose_default = _sfc_main$43;
 
 //#endregion
 //#region src/composables/createPagination/index.ts
@@ -9882,7 +9918,7 @@ function useClickOutside(target, handler, options = {}) {
 
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -9964,11 +10000,11 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogContent_default = _sfc_main$36;
+var DialogContent_default = _sfc_main$42;
 
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -9987,11 +10023,11 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogDescription_default = _sfc_main$35;
+var DialogDescription_default = _sfc_main$41;
 
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -10010,11 +10046,11 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogTitle_default = _sfc_main$34;
+var DialogTitle_default = _sfc_main$40;
 
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -10044,7 +10080,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DialogActivator_default = _sfc_main$33;
+var DialogActivator_default = _sfc_main$39;
 
 //#endregion
 //#region src/components/Dialog/index.ts
@@ -10089,7 +10125,7 @@ const Dialog = {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10146,12 +10182,12 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelRoot_default = _sfc_main$32;
+var ExpansionPanelRoot_default = _sfc_main$38;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelItem.vue
 const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelItem",
 	__name: "ExpansionPanelItem",
 	props: {
@@ -10195,11 +10231,11 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelItem_default = _sfc_main$31;
+var ExpansionPanelItem_default = _sfc_main$37;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -10245,11 +10281,11 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelActivator_default = _sfc_main$30;
+var ExpansionPanelActivator_default = _sfc_main$36;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -10280,11 +10316,11 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelContent_default = _sfc_main$29;
+var ExpansionPanelContent_default = _sfc_main$35;
 
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -10309,7 +10345,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ExpansionPanelHeader_default = _sfc_main$28;
+var ExpansionPanelHeader_default = _sfc_main$34;
 
 //#endregion
 //#region src/components/ExpansionPanel/index.ts
@@ -10329,7 +10365,7 @@ const ExpansionPanel = {
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10379,11 +10415,11 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupRoot_default = _sfc_main$27;
+var GroupRoot_default = _sfc_main$33;
 
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -10432,7 +10468,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GroupItem_default = _sfc_main$26;
+var GroupItem_default = _sfc_main$32;
 
 //#endregion
 //#region src/components/Group/index.ts
@@ -10451,7 +10487,7 @@ const Group = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -10551,11 +10587,11 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationRoot_default = _sfc_main$25;
+var PaginationRoot_default = _sfc_main$31;
 
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -10596,11 +10632,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationEllipsis_default = _sfc_main$24;
+var PaginationEllipsis_default = _sfc_main$30;
 
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -10655,11 +10691,11 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationFirst_default = _sfc_main$23;
+var PaginationFirst_default = _sfc_main$29;
 
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -10725,11 +10761,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationItem_default = _sfc_main$22;
+var PaginationItem_default = _sfc_main$28;
 
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -10784,11 +10820,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationLast_default = _sfc_main$21;
+var PaginationLast_default = _sfc_main$27;
 
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -10843,11 +10879,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationNext_default = _sfc_main$20;
+var PaginationNext_default = _sfc_main$26;
 
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -10902,11 +10938,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationPrev_default = _sfc_main$19;
+var PaginationPrev_default = _sfc_main$25;
 
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -10950,7 +10986,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PaginationStatus_default = _sfc_main$18;
+var PaginationStatus_default = _sfc_main$24;
 
 //#endregion
 //#region src/components/Pagination/index.ts
@@ -10973,7 +11009,7 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("Popover");
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11015,11 +11051,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverRoot_default = _sfc_main$17;
+var PopoverRoot_default = _sfc_main$23;
 
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -11051,11 +11087,11 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverActivator_default = _sfc_main$16;
+var PopoverActivator_default = _sfc_main$22;
 
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -11122,7 +11158,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PopoverContent_default = _sfc_main$15;
+var PopoverContent_default = _sfc_main$21;
 
 //#endregion
 //#region src/components/Popover/index.ts
@@ -11140,7 +11176,7 @@ const Popover = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
@@ -11202,12 +11238,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioGroup_default = _sfc_main$14;
+var RadioGroup_default = _sfc_main$20;
 
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -11332,18 +11368,18 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioRoot_default = _sfc_main$13;
+var RadioRoot_default = _sfc_main$19;
 
 //#endregion
 //#region src/components/Radio/RadioHiddenInput.vue
-const _hoisted_1 = [
+const _hoisted_1$1 = [
 	"checked",
 	"disabled",
 	"form",
 	"name",
 	"value"
 ];
-const visuallyHiddenStyle = {
+const visuallyHiddenStyle$1 = {
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -11354,7 +11390,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -11381,19 +11417,19 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 				form: form.value,
 				inert: "",
 				name: name.value,
-				style: visuallyHiddenStyle,
+				style: visuallyHiddenStyle$1,
 				tabindex: "-1",
 				type: "radio",
 				value: value.value
-			}, null, 8, _hoisted_1);
+			}, null, 8, _hoisted_1$1);
 		};
 	}
 });
-var RadioHiddenInput_default = _sfc_main$12;
+var RadioHiddenInput_default = _sfc_main$18;
 
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -11423,7 +11459,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadioIndicator_default = _sfc_main$11;
+var RadioIndicator_default = _sfc_main$17;
 
 //#endregion
 //#region src/components/Radio/index.ts
@@ -11468,7 +11504,7 @@ const Radio = {
 
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -11543,12 +11579,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Scrim_default = _sfc_main$10;
+var Scrim_default = _sfc_main$16;
 
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
 	props: /* @__PURE__ */ mergeModels({
@@ -11598,11 +11634,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionRoot_default = _sfc_main$9;
+var SelectionRoot_default = _sfc_main$15;
 
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -11644,7 +11680,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SelectionItem_default = _sfc_main$8;
+var SelectionItem_default = _sfc_main$14;
 
 //#endregion
 //#region src/components/Selection/index.ts
@@ -11658,6 +11694,471 @@ const Selection = {
 	Item: SelectionItem_default
 };
 
+//#endregion
+//#region src/components/Switch/SwitchGroup.vue
+const [useSwitchGroup, provideSwitchGroup] = createContext();
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	name: "SwitchGroup",
+	__name: "SwitchGroup",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:switch:group" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		enroll: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: [Boolean, String],
+			default: false
+		},
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const group = createGroup({
+			disabled: toRef(() => __props.disabled),
+			enroll: __props.enroll,
+			mandatory: __props.mandatory,
+			events: true
+		});
+		useProxyModel(group, model, { multiple: true });
+		provideSwitchGroup(__props.namespace, group);
+		const slotProps = toRef(() => ({
+			isDisabled: toValue(group.disabled),
+			isNoneSelected: group.isNoneSelected.value,
+			isAllSelected: group.isAllSelected.value,
+			isMixed: group.isMixed.value,
+			select: group.select,
+			unselect: group.unselect,
+			toggle: group.toggle,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchGroup_default = _sfc_main$13;
+
+//#endregion
+//#region src/components/Switch/SwitchRoot.vue
+const [useSwitchRoot, provideSwitchRoot] = createContext();
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	name: "SwitchRoot",
+	inheritAttrs: false,
+	__name: "SwitchRoot",
+	props: /* @__PURE__ */ mergeModels({
+		id: { default: () => useId$1() },
+		label: {},
+		value: {},
+		name: {},
+		form: {},
+		disabled: { default: false },
+		indeterminate: { default: false },
+		namespace: { default: "v0:switch:root" },
+		groupNamespace: { default: "v0:switch:group" },
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		ariaInvalid: { type: Boolean },
+		as: { default: "button" },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const attrs = useAttrs();
+		let group = null;
+		try {
+			group = useSwitchGroup(__props.groupNamespace);
+		} catch {}
+		const model = useModel(__props, "modelValue");
+		const ticket = group?.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled,
+			indeterminate: __props.indeterminate
+		});
+		const isChecked = toRef(() => ticket ? toValue(ticket.isSelected) : model.value ?? false);
+		const isMixed = toRef(() => ticket ? toValue(ticket.isMixed) : toValue(__props.indeterminate) ?? false);
+		const isDisabled = toRef(() => group && ticket ? toValue(ticket.disabled) || toValue(group.disabled) : toValue(__props.disabled) ?? false);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		function toggle() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.toggle();
+			else model.value = !model.value;
+		}
+		function select() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.select();
+			else model.value = true;
+		}
+		function unselect() {
+			if (isDisabled.value) return;
+			if (ticket) ticket.unselect();
+			else model.value = false;
+		}
+		function mix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.mix();
+		}
+		function unmix() {
+			if (isDisabled.value || !ticket) return;
+			ticket.unmix();
+		}
+		function onClick() {
+			toggle();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			toggle();
+		}
+		onUnmounted(() => {
+			if (!ticket || !group) return;
+			group.unregister(ticket.id);
+		});
+		const context = {
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			name: __props.name,
+			form: __props.form,
+			isChecked,
+			isMixed,
+			isDisabled,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix
+		};
+		provideSwitchRoot(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: __props.id,
+			label: __props.label,
+			value: __props.value,
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			select,
+			unselect,
+			toggle,
+			mix,
+			unmix,
+			attrs: {
+				"type": __props.as === "button" ? "button" : void 0,
+				"role": "switch",
+				"aria-checked": isMixed.value ? "mixed" : isChecked.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: __props.as,
+				renderless: __props.renderless,
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]), __props.name ? (openBlock(), createBlock(SwitchHiddenInput_default, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+var SwitchRoot_default = _sfc_main$12;
+
+//#endregion
+//#region src/components/Switch/SwitchHiddenInput.vue
+const _hoisted_1 = [
+	"checked",
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+};
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "SwitchHiddenInput",
+	__name: "SwitchHiddenInput",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		name: {},
+		value: {},
+		form: {}
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const name = toRef(() => __props.name ?? root.name);
+		const form = toRef(() => __props.form ?? root.form);
+		const value = toRef(() => {
+			const v = __props.value ?? root.value ?? "on";
+			if (/* @__PURE__ */ isNullOrUndefined(v)) return "on";
+			if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+			return String(v);
+		});
+		const isChecked = root.isChecked;
+		const isDisabled = root.isDisabled;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				checked: unref(isChecked),
+				disabled: unref(isDisabled),
+				form: form.value,
+				inert: "",
+				name: name.value,
+				style: visuallyHiddenStyle,
+				tabindex: "-1",
+				type: "checkbox",
+				value: value.value
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+var SwitchHiddenInput_default = _sfc_main$11;
+
+//#endregion
+//#region src/components/Switch/SwitchSelectAll.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	name: "SwitchSelectAll",
+	inheritAttrs: false,
+	__name: "SwitchSelectAll",
+	props: {
+		label: {},
+		disabled: { type: Boolean },
+		namespace: {},
+		groupNamespace: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
+		as: {},
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const props = __props;
+		const { as = "button", renderless, label, namespace = "v0:switch:root", groupNamespace = "v0:switch:group" } = props;
+		const group = useSwitchGroup(groupNamespace);
+		const id = useId$1();
+		const isAllSelected = toRef(() => group.isAllSelected.value);
+		const isMixed = toRef(() => group.isMixed.value);
+		const isDisabled = toRef(() => toValue(props.disabled) || toValue(group.disabled));
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isAllSelected.value ? "checked" : "unchecked");
+		function onClick() {
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		function onKeydown(e) {
+			if (e.key !== " ") return;
+			e.preventDefault();
+			if (isDisabled.value) return;
+			group.toggleAll();
+		}
+		provideSwitchRoot(namespace, {
+			id,
+			label,
+			value: void 0,
+			name: void 0,
+			form: void 0,
+			isChecked: isAllSelected,
+			isMixed,
+			isDisabled,
+			select: group.selectAll,
+			unselect: group.unselectAll,
+			toggle: group.toggleAll,
+			mix: () => {},
+			unmix: () => {}
+		});
+		const slotProps = toRef(() => ({
+			label,
+			isAllSelected: isAllSelected.value,
+			isMixed: isMixed.value,
+			isDisabled: isDisabled.value,
+			selectAll: group.selectAll,
+			unselectAll: group.unselectAll,
+			toggleAll: group.toggleAll,
+			attrs: {
+				"type": as === "button" ? "button" : void 0,
+				"role": "switch",
+				"aria-checked": isMixed.value ? "mixed" : isAllSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"aria-label": label || void 0,
+				"aria-labelledby": props.ariaLabelledby || void 0,
+				"aria-describedby": props.ariaDescribedby || void 0,
+				"tabindex": isDisabled.value ? void 0 : 0,
+				"data-state": dataState.value,
+				"data-disabled": isDisabled.value ? true : void 0
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps({
+				...unref(attrs),
+				...slotProps.value.attrs
+			}, {
+				as: unref(as),
+				renderless: unref(renderless),
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchSelectAll_default = _sfc_main$10;
+
+//#endregion
+//#region src/components/Switch/SwitchThumb.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	name: "SwitchThumb",
+	__name: "SwitchThumb",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const isVisible = toRef(() => isChecked.value || isMixed.value);
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: {
+				"data-state": dataState.value,
+				"style": { visibility: isVisible.value ? "visible" : "hidden" }
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchThumb_default = _sfc_main$9;
+
+//#endregion
+//#region src/components/Switch/SwitchTrack.vue
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	name: "SwitchTrack",
+	__name: "SwitchTrack",
+	props: {
+		namespace: { default: "v0:switch:root" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const root = useSwitchRoot(__props.namespace);
+		const isChecked = toRef(() => toValue(root.isChecked));
+		const isMixed = toRef(() => toValue(root.isMixed));
+		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
+		const slotProps = toRef(() => ({
+			isChecked: isChecked.value,
+			isMixed: isMixed.value,
+			attrs: { "data-state": dataState.value }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Atom_default), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "renderless"]);
+		};
+	}
+});
+var SwitchTrack_default = _sfc_main$8;
+
+//#endregion
+//#region src/components/Switch/index.ts
+/**
+* Switch component with sub-components for toggle controls.
+*
+* @see https://0.vuetifyjs.com/components/forms/switch
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Switch } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const enabled = ref(false)
+* <\/script>
+*
+* <template>
+*   <label>
+*     <Switch.Root v-model="enabled">
+*       <Switch.Track>
+*         <Switch.Thumb />
+*       </Switch.Track>
+*     </Switch.Root>
+*     Enable notifications
+*   </label>
+* </template>
+* ```
+*/
+const Switch = {
+	Group: SwitchGroup_default,
+	HiddenInput: SwitchHiddenInput_default,
+	Root: SwitchRoot_default,
+	SelectAll: SwitchSelectAll_default,
+	Thumb: SwitchThumb_default,
+	Track: SwitchTrack_default
+};
+
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
@@ -12200,4 +12701,4 @@ const Tabs = {
 };
 
 //#endregion
-export { Atom_default as Atom, Avatar, AvatarFallback_default as AvatarFallback, AvatarImage_default as AvatarImage, AvatarRoot_default as AvatarRoot, Breadcrumbs, BreadcrumbsDivider_default as BreadcrumbsDivider, BreadcrumbsEllipsis_default as BreadcrumbsEllipsis, BreadcrumbsItem_default as BreadcrumbsItem, BreadcrumbsLink_default as BreadcrumbsLink, BreadcrumbsList_default as BreadcrumbsList, BreadcrumbsPage_default as BreadcrumbsPage, BreadcrumbsRoot_default as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, CheckboxGroup_default as CheckboxGroup, CheckboxHiddenInput_default as CheckboxHiddenInput, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot_default as CheckboxRoot, CheckboxSelectAll_default as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, DialogActivator_default as DialogActivator, DialogClose_default as DialogClose, DialogContent_default as DialogContent, DialogDescription_default as DialogDescription, DialogRoot_default as DialogRoot, DialogTitle_default as DialogTitle, ExpansionPanel, ExpansionPanelActivator_default as ExpansionPanelActivator, ExpansionPanelContent_default as ExpansionPanelContent, ExpansionPanelHeader_default as ExpansionPanelHeader, ExpansionPanelItem_default as ExpansionPanelItem, ExpansionPanelRoot_default as ExpansionPanelRoot, FeaturesAdapter, Group, GroupItem_default as GroupItem, GroupRoot_default as GroupRoot, IN_BROWSER, MemoryAdapter, Pagination, PaginationEllipsis_default as PaginationEllipsis, PaginationFirst_default as PaginationFirst, PaginationItem_default as PaginationItem, PaginationLast_default as PaginationLast, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, PaginationRoot_default as PaginationRoot, PaginationStatus_default as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, PopoverActivator_default as PopoverActivator, PopoverContent_default as PopoverContent, PopoverRoot_default as PopoverRoot, Radio, RadioGroup_default as RadioGroup, RadioHiddenInput_default as RadioHiddenInput, RadioIndicator_default as RadioIndicator, RadioRoot_default as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Scrim_default as Scrim, Selection, SelectionItem_default as SelectionItem, SelectionRoot_default as SelectionRoot, ServerAdapter, Single, SingleItem_default as SingleItem, SingleRoot_default as SingleRoot, Step, StepItem_default as StepItem, StepRoot_default as StepRoot, Tabs, TabsItem_default as TabsItem, TabsList_default as TabsList, TabsPanel_default as TabsPanel, TabsRoot_default as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectionRoot, provideSingleRoot, provideStepRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStack, useStep, useStepRoot, useStorage, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };
+export { Atom_default as Atom, Avatar, AvatarFallback_default as AvatarFallback, AvatarImage_default as AvatarImage, AvatarRoot_default as AvatarRoot, Breadcrumbs, BreadcrumbsDivider_default as BreadcrumbsDivider, BreadcrumbsEllipsis_default as BreadcrumbsEllipsis, BreadcrumbsItem_default as BreadcrumbsItem, BreadcrumbsLink_default as BreadcrumbsLink, BreadcrumbsList_default as BreadcrumbsList, BreadcrumbsPage_default as BreadcrumbsPage, BreadcrumbsRoot_default as BreadcrumbsRoot, COMMON_ELEMENTS, Checkbox, CheckboxGroup_default as CheckboxGroup, CheckboxHiddenInput_default as CheckboxHiddenInput, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot_default as CheckboxRoot, CheckboxSelectAll_default as CheckboxSelectAll, ClientAdapter, ConsolaLoggerAdapter, DataTableAdapter, Dialog, DialogActivator_default as DialogActivator, DialogClose_default as DialogClose, DialogContent_default as DialogContent, DialogDescription_default as DialogDescription, DialogRoot_default as DialogRoot, DialogTitle_default as DialogTitle, ExpansionPanel, ExpansionPanelActivator_default as ExpansionPanelActivator, ExpansionPanelContent_default as ExpansionPanelContent, ExpansionPanelHeader_default as ExpansionPanelHeader, ExpansionPanelItem_default as ExpansionPanelItem, ExpansionPanelRoot_default as ExpansionPanelRoot, FeaturesAdapter, Group, GroupItem_default as GroupItem, GroupRoot_default as GroupRoot, IN_BROWSER, MemoryAdapter, Pagination, PaginationEllipsis_default as PaginationEllipsis, PaginationFirst_default as PaginationFirst, PaginationItem_default as PaginationItem, PaginationLast_default as PaginationLast, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, PaginationRoot_default as PaginationRoot, PaginationStatus_default as PaginationStatus, PermissionAdapter, PinoLoggerAdapter, Popover, PopoverActivator_default as PopoverActivator, PopoverContent_default as PopoverContent, PopoverRoot_default as PopoverRoot, Radio, RadioGroup_default as RadioGroup, RadioHiddenInput_default as RadioHiddenInput, RadioIndicator_default as RadioIndicator, RadioRoot_default as RadioRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, Scrim_default as Scrim, Selection, SelectionItem_default as SelectionItem, SelectionRoot_default as SelectionRoot, ServerAdapter, Single, SingleItem_default as SingleItem, SingleRoot_default as SingleRoot, Step, StepItem_default as StepItem, StepRoot_default as StepRoot, Switch, SwitchGroup_default as SwitchGroup, SwitchHiddenInput_default as SwitchHiddenInput, SwitchRoot_default as SwitchRoot, SwitchSelectAll_default as SwitchSelectAll, SwitchThumb_default as SwitchThumb, SwitchTrack_default as SwitchTrack, Tabs, TabsItem_default as TabsItem, TabsList_default as TabsList, TabsPanel_default as TabsPanel, TabsRoot_default as TabsRoot, VirtualAdapter, Vuetify0LocaleAdapter, Vuetify0LoggerAdapter, Vuetify0ThemeAdapter, __LOGGER_ENABLED__, clamp, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createNested, createNestedContext, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createQueue, createQueueContext, createRegistry, createRegistryContext, createSelection, createSelectionContext, createSingle, createSingleContext, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createVirtual, createVirtualContext, debounce, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isString, isSymbol, isUndefined, mergeDeep, multipleOpenStrategy, provideAvatarRoot, provideBreadcrumbsRoot, provideCheckboxGroup, provideCheckboxRoot, provideContext, provideDialogContext, provideExpansionPanelItem, provideExpansionPanelRoot, provideGroupRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideRadioGroup, provideRadioRoot, provideSelectionRoot, provideSingleRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, range, singleOpenStrategy, toArray, toElement, toReactive, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useCheckboxGroup, useCheckboxRoot, useClickOutside, useContext, useDataTable, useDate, useDialogContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useExpansionPanelItem, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useOverflow, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRegistry, useResizeObserver, useSelection, useSelectionRoot, useSingle, useSingleRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useToggleScope, useTokens, useVirtual, useWindowEventListener, version };