@vuetify/v0 0.1.12 → 0.2.0

package/dist/{components-CrZmJSH3.mjs → components-lme-T9bN.mjs}

@@ -1,16 +1,16 @@
 import { r as isSelfClosingTag } from "./htmlElements-DcYtv0hg.mjs";
-import { t as IN_BROWSER } from "./globals-uLTsqsl2.mjs";
+import { t as IN_BROWSER } from "./globals-B6VQTLVM.mjs";
 import { clamp, isArray, isElement, isNull, isNullOrUndefined, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
 import { n as createContext, r as provideContext } from "./createTrinity-C_c8eedz.mjs";
-import { a as createRegistry } from "./createTokens-C67MMcZJ.mjs";
-import { t as createSelection } from "./createSelection-Cl1nX0he.mjs";
-import { t as createSingle } from "./createSingle-BxOPkL3l.mjs";
-import { Dt as createBreadcrumbs, H as createNested, M as useRovingFocus, N as useRaf, P as usePopover, Q as useLazy, R as useNotifications, T as createSlider, a as useVirtualFocus, bt as useResizeObserver, gt as createOverflow, ht as useProxyModel, l as useToggleScope, mt as useTimer, n as useDocumentEventListener, nt as createForm, t as useClickOutside, u as createValidation, v as createStep, w as useStack } from "./useClickOutside-hbi0BOL-.mjs";
-import { t as createGroup } from "./createGroup-CFMocwej.mjs";
+import { a as createRegistry } from "./createTokens-Ckczb95n.mjs";
+import { t as createSelection } from "./createSelection-GS1yfwki.mjs";
+import { t as createSingle } from "./createSingle-Dh2gp4kv.mjs";
+import { A as createSlider, C as createStep, L as useRovingFocus, Mt as createBreadcrumbs, R as useRaf, Tt as useResizeObserver, U as useNotifications, ct as createForm, h as createValidation, ht as useClickOutside, it as useTimer, k as useStack, m as useToggleScope, o as usePopover, q as createNested, rt as useLazy, s as useDocumentEventListener, t as createCombobox, u as useVirtualFocus, xt as createOverflow, z as useProxyModel } from "./createCombobox-DgFUWLKw.mjs";
+import { t as createGroup } from "./createGroup-C38Mc-se.mjs";
 import { t as toArray } from "./toArray-VdROPpy-.mjs";
-import { a as useLocale } from "./useLocale-BpjMU7hm.mjs";
+import { a as useLocale } from "./useLocale-BNecStw9.mjs";
 import { t as createPagination } from "./createPagination-CeGMgKCx.mjs";
-import { i as useTheme } from "./useTheme-vAXldHit.mjs";
+import { i as useTheme } from "./useTheme-CKcE6z3t.mjs";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/Atom/Atom.vue
 /**
@@ -34,7 +34,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$104 = /* @__PURE__ */ defineComponent({
+const _sfc_main$114 = /* @__PURE__ */ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -68,7 +68,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$103 = /* @__PURE__ */ defineComponent({
+const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -83,7 +83,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 		});
 		provideAvatarRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -95,7 +95,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$102 = /* @__PURE__ */ defineComponent({
+const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -109,7 +109,7 @@ const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		onUnmounted(() => context.unregister(ticket.id));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
+			return unref(ticket).isSelected.value ? (openBlock(), createBlock(unref(_sfc_main$114), {
 				key: 0,
 				as: __props.as,
 				renderless: __props.renderless
@@ -122,7 +122,7 @@ const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$101 = /* @__PURE__ */ defineComponent({
+const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
 	inheritAttrs: false,
 	__name: "AvatarImage",
@@ -166,7 +166,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -184,14 +184,14 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/avatar
 */
 const Avatar = {
-	Root: _sfc_main$103,
-	Image: _sfc_main$101,
-	Fallback: _sfc_main$102
+	Root: _sfc_main$113,
+	Image: _sfc_main$111,
+	Fallback: _sfc_main$112
 };
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$100 = /* @__PURE__ */ defineComponent({
+const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -319,7 +319,7 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "container",
 				as: __props.as,
 				renderless: __props.renderless
@@ -332,7 +332,7 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$99 = /* @__PURE__ */ defineComponent({
+const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -368,7 +368,7 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -381,7 +381,7 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$98 = /* @__PURE__ */ defineComponent({
+const _sfc_main$108 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -424,7 +424,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -437,7 +437,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$97 = /* @__PURE__ */ defineComponent({
+const _sfc_main$107 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -476,7 +476,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "el",
 				as: __props.as,
 				renderless: __props.renderless
@@ -489,7 +489,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$96 = /* @__PURE__ */ defineComponent({
+const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -498,7 +498,7 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -510,7 +510,7 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$95 = /* @__PURE__ */ defineComponent({
+const _sfc_main$105 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -520,7 +520,7 @@ const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "list" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -532,7 +532,7 @@ const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -542,7 +542,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { "aria-current": "page" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
@@ -560,13 +560,578 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 * @see https://0.vuetifyjs.com/components/breadcrumbs
 */
 const Breadcrumbs = {
-	Root: _sfc_main$100,
-	List: _sfc_main$95,
-	Item: _sfc_main$97,
-	Link: _sfc_main$96,
-	Page: _sfc_main$94,
-	Divider: _sfc_main$99,
-	Ellipsis: _sfc_main$98
+	Root: _sfc_main$110,
+	List: _sfc_main$105,
+	Item: _sfc_main$107,
+	Link: _sfc_main$106,
+	Page: _sfc_main$104,
+	Divider: _sfc_main$109,
+	Ellipsis: _sfc_main$108
+};
+//#endregion
+//#region src/components/Combobox/ComboboxHiddenInput.vue
+const _hoisted_1$6 = [
+	"disabled",
+	"form",
+	"name",
+	"value"
+];
+const visuallyHiddenStyle$5 = {
+	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$103 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxHiddenInput",
+	__name: "ComboboxHiddenInput",
+	props: { namespace: { default: "v0:combobox" } },
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const values = toRef(() => {
+			return Array.from(context.selection.selectedValues.value).map((v) => {
+				if (/* @__PURE__ */ isNullOrUndefined(v)) return "";
+				if (/* @__PURE__ */ isObject(v)) return JSON.stringify(v);
+				return String(v);
+			});
+		});
+		const isDisabled = toRef(() => toValue(context.disabled));
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (val, index) => {
+				return openBlock(), createElementBlock("input", {
+					key: index,
+					disabled: isDisabled.value,
+					form: unref(context).form,
+					inert: "",
+					name: unref(context).name,
+					style: visuallyHiddenStyle$5,
+					tabindex: "-1",
+					type: "hidden",
+					value: val
+				}, null, 8, _hoisted_1$6);
+			}), 128);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxRoot.vue
+const [useComboboxContext, provideComboboxContext] = createContext();
+const _sfc_main$102 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxRoot",
+	__name: "ComboboxRoot",
+	props: /* @__PURE__ */ mergeModels({
+		namespace: { default: "v0:combobox" },
+		id: {},
+		name: {},
+		form: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		mandatory: {
+			type: Boolean,
+			default: false
+		},
+		strict: {
+			type: Boolean,
+			default: false
+		},
+		error: {
+			type: Boolean,
+			default: false
+		},
+		errorMessages: {},
+		adapter: {},
+		displayValue: { type: Function },
+		as: { default: null },
+		renderless: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const context = createCombobox({
+			id: __props.id,
+			name: __props.name,
+			form: __props.form,
+			disabled: __props.disabled,
+			multiple: __props.multiple,
+			mandatory: __props.mandatory,
+			strict: __props.strict,
+			error: () => __props.error,
+			errorMessages: () => __props.errorMessages,
+			adapter: __props.adapter,
+			displayValue: __props.displayValue
+		});
+		useProxyModel(context.selection, model, { multiple: __props.multiple });
+		provideComboboxContext(__props.namespace, context);
+		const slotProps = toRef(() => ({
+			id: context.id,
+			query: context.query.value,
+			isOpen: context.isOpen.value,
+			isEmpty: context.isEmpty.value,
+			isLoading: context.isLoading.value,
+			isDisabled: toValue(context.disabled),
+			errors: context.errors.value,
+			isValid: context.isValid.value,
+			open: context.open,
+			close: context.close,
+			toggle: context.toggle,
+			clear: context.clear
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), {
+				as: __props.as,
+				renderless: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 8, ["as"]), __props.name ? (openBlock(), createBlock(_sfc_main$103, { key: 0 })) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxActivator.vue
+const _sfc_main$101 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxActivator",
+	__name: "ComboboxActivator",
+	props: {
+		namespace: { default: "v0:combobox" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const style = toRef(() => context.popover.anchorStyles.value);
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: { "data-state": context.isOpen.value ? "open" : "closed" }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				style: style.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as", "style"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxContent.vue
+const _sfc_main$100 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxContent",
+	__name: "ComboboxContent",
+	props: {
+		namespace: { default: "v0:combobox" },
+		eager: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const content = useTemplateRef("content");
+		context.popover.attach(() => content.value?.element);
+		const { hasContent } = useLazy(context.isOpen, { eager: __props.eager });
+		useClickOutside([() => content.value?.element, toRef(() => context.inputEl.value?.closest("[data-state]"))], () => {
+			if (context.isOpen.value) context.close();
+		});
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				...context.popover.contentAttrs.value,
+				"id": context.listboxId,
+				"role": "listbox",
+				"aria-labelledby": context.inputId,
+				"aria-multiselectable": context.multiple || void 0,
+				"popover": "manual",
+				"tabindex": -1
+			}
+		}));
+		const style = toRef(() => context.popover.contentStyles.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
+				ref_key: "content",
+				ref: content
+			}, slotProps.value.attrs, {
+				as: __props.as,
+				style: style.value
+			}), {
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 16, ["as", "style"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxControl.vue
+const _sfc_main$99 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxControl",
+	__name: "ComboboxControl",
+	props: {
+		namespace: { default: "v0:combobox" },
+		openOn: { default: "focus" },
+		placeholder: {},
+		as: { default: "input" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const input = useTemplateRef("input");
+		watchEffect(() => {
+			context.inputEl.value = input.value?.element ?? null;
+		});
+		function onInput(e) {
+			context.pristine.value = false;
+			context.query.value = e.target.value;
+			if (__props.openOn === "input") context.open();
+		}
+		function onFocus() {
+			if (__props.openOn === "focus") context.open();
+		}
+		function onKeydown(e) {
+			if (context.isOpen.value) switch (e.key) {
+				case "Enter": {
+					e.preventDefault();
+					const highlighted = context.cursor.highlightedId.value;
+					if (!/* @__PURE__ */ isUndefined(highlighted)) context.select(highlighted);
+					break;
+				}
+				case "Escape":
+					e.preventDefault();
+					context.close();
+					break;
+				case "Tab":
+					context.close();
+					break;
+				case "ArrowDown":
+				case "ArrowUp":
+				case "Home":
+				case "End":
+					e.preventDefault();
+					if (/* @__PURE__ */ isUndefined(context.cursor.highlightedId.value)) {
+						const selected = context.selection.selectedIds.values().next().value;
+						if (!/* @__PURE__ */ isUndefined(selected)) {
+							context.cursor.highlight(selected);
+							break;
+						}
+					}
+					context.cursor.onKeydown(e);
+					break;
+			}
+			else switch (e.key) {
+				case "ArrowDown":
+				case "ArrowUp":
+					e.preventDefault();
+					context.open();
+					break;
+			}
+		}
+		const strict = toRef(() => toValue(context.strict));
+		const invalid = toRef(() => context.isValid.value === false);
+		const slotProps = toRef(() => ({
+			query: context.query.value,
+			isOpen: context.isOpen.value,
+			attrs: {
+				"id": context.inputId,
+				"role": "combobox",
+				"aria-autocomplete": strict.value ? "both" : "list",
+				"aria-expanded": context.isOpen.value,
+				"aria-haspopup": "listbox",
+				"aria-controls": context.listboxId,
+				"aria-describedby": context.hasDescription.value ? context.descriptionId : void 0,
+				"aria-errormessage": context.hasError.value && context.errors.value.length > 0 ? context.errorId : void 0,
+				"aria-invalid": invalid.value || void 0,
+				"aria-disabled": toValue(context.disabled) || void 0,
+				"disabled": toValue(context.disabled) || void 0,
+				"onInput": onInput,
+				"onFocus": onFocus,
+				"onKeydown": onKeydown
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
+				ref_key: "input",
+				ref: input
+			}, slotProps.value.attrs, {
+				as: __props.as,
+				placeholder: __props.placeholder,
+				value: unref(context).display.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, [
+				"as",
+				"placeholder",
+				"value"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxCue.vue
+const _sfc_main$98 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxCue",
+	__name: "ComboboxCue",
+	props: {
+		namespace: { default: "v0:combobox" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		function onClick() {
+			if (!toValue(context.disabled)) context.toggle();
+		}
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				"aria-hidden": true,
+				"data-state": context.isOpen.value ? "open" : "closed",
+				"onClick": onClick
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxDescription.vue
+const _sfc_main$97 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxDescription",
+	inheritAttrs: false,
+	__name: "ComboboxDescription",
+	props: {
+		namespace: { default: "v0:combobox" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const context = useComboboxContext(__props.namespace);
+		onMounted(() => {
+			context.hasDescription.value = true;
+		});
+		onBeforeUnmount(() => {
+			context.hasDescription.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(unref(attrs), {
+				id: unref(context).descriptionId,
+				as: __props.as,
+				renderless: __props.renderless
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { id: unref(context).descriptionId })]),
+				_: 3
+			}, 16, [
+				"id",
+				"as",
+				"renderless"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxEmpty.vue
+const _sfc_main$96 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxEmpty",
+	__name: "ComboboxEmpty",
+	props: {
+		namespace: { default: "v0:combobox" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const slotProps = toRef(() => ({ query: context.query.value }));
+		return (_ctx, _cache) => {
+			return unref(context).isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$114), {
+				key: 0,
+				as: __props.as
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [_cache[0] || (_cache[0] = createTextVNode("No results", -1))])]),
+				_: 3
+			}, 8, ["as"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxError.vue
+const _sfc_main$95 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxError",
+	inheritAttrs: false,
+	__name: "ComboboxError",
+	props: {
+		namespace: { default: "v0:combobox" },
+		as: { default: "span" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const context = useComboboxContext(__props.namespace);
+		const errors = context.errors;
+		onMounted(() => {
+			context.hasError.value = true;
+		});
+		onBeforeUnmount(() => {
+			context.hasError.value = false;
+		});
+		const slotProps = toRef(() => ({
+			id: context.errorId,
+			errors: errors.value,
+			attrs: {
+				"id": context.errorId,
+				"aria-live": "polite",
+				"data-state": errors.value.length > 0 ? "visible" : "hidden"
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$114), 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"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/ComboboxItem.vue
+const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+	name: "ComboboxItem",
+	__name: "ComboboxItem",
+	props: {
+		namespace: { default: "v0:combobox" },
+		id: {},
+		value: {},
+		disabled: {},
+		as: { default: "div" },
+		renderless: { type: Boolean }
+	},
+	setup(__props) {
+		const context = useComboboxContext(__props.namespace);
+		const ticket = context.selection.register({
+			id: __props.id,
+			value: __props.value,
+			disabled: __props.disabled
+		});
+		const elementId = `${context.id}-option-${ticket.id}`;
+		const isSelected = toRef(() => toValue(ticket.isSelected));
+		const isDisabled = toRef(() => toValue(ticket.disabled) || toValue(context.disabled));
+		const isHighlighted = toRef(() => context.cursor.highlightedId.value === ticket.id);
+		const isFiltered = toRef(() => context.filtered.value.has(ticket.id));
+		function onClick() {
+			if (!toValue(isDisabled)) context.select(ticket.id);
+		}
+		onUnmounted(() => {
+			context.selection.unregister(ticket.id);
+		});
+		const slotProps = toRef(() => ({
+			value: __props.value,
+			isSelected: isSelected.value,
+			isHighlighted: isHighlighted.value,
+			isDisabled: isDisabled.value,
+			isFiltered: isFiltered.value,
+			select: () => context.select(ticket.id),
+			attrs: {
+				"id": elementId,
+				"role": "option",
+				"aria-selected": isSelected.value,
+				"aria-disabled": isDisabled.value || void 0,
+				"data-selected": isSelected.value || void 0,
+				"data-highlighted": isHighlighted.value ? "" : void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-id": String(ticket.id)
+			}
+		}));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
+				as: __props.as,
+				onClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"])), [[vShow, isFiltered.value]]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Combobox/index.ts
+/**
+* Combobox component with sub-components for building autocomplete inputs.
+*
+* @see https://0.vuetifyjs.com/components/combobox
+*
+* @example
+* ```vue
+* <script lang="ts" setup>
+*   import { Combobox } from '@vuetify/v0'
+*   import { ref } from 'vue'
+*
+*   const selected = ref()
+*   const items = [
+*     { id: 'apple', label: 'Apple' },
+*     { id: 'banana', label: 'Banana' },
+*     { id: 'cherry', label: 'Cherry' },
+*   ]
+* <\/script>
+*
+* <template>
+*   <Combobox.Root v-model="selected">
+*     <Combobox.Activator>
+*       <Combobox.Control placeholder="Search..." />
+*       <Combobox.Cue />
+*     </Combobox.Activator>
+*
+*     <Combobox.Content>
+*       <Combobox.Item
+*         v-for="item in items"
+*         :key="item.id"
+*         :id="item.id"
+*         :value="item.label"
+*         v-slot="{ isSelected, attrs }"
+*       >
+*         <div v-bind="attrs">{{ item.label }}</div>
+*       </Combobox.Item>
+*       <Combobox.Empty>No results found</Combobox.Empty>
+*     </Combobox.Content>
+*   </Combobox.Root>
+* </template>
+* ```
+*/
+const Combobox = {
+	Root: _sfc_main$102,
+	Activator: _sfc_main$101,
+	Control: _sfc_main$99,
+	Cue: _sfc_main$98,
+	Content: _sfc_main$100,
+	Item: _sfc_main$94,
+	Empty: _sfc_main$96,
+	Description: _sfc_main$97,
+	Error: _sfc_main$95
 };
 //#endregion
 //#region src/components/Button/ButtonGroup.vue
@@ -618,7 +1183,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -792,13 +1357,9 @@ const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 			attrs: elementAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
-				renderless: __props.renderless,
-				onClick
+				renderless: __props.renderless
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
@@ -845,7 +1406,7 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 			attrs: { "aria-hidden": true }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -974,7 +1535,7 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1106,7 +1667,7 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -1202,7 +1763,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1284,7 +1845,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -1374,7 +1935,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 			close
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -1407,7 +1968,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1484,7 +2045,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "content",
 				as: __props.as,
 				style: styles.value
@@ -1512,7 +2073,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.descriptionId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1533,7 +2094,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 		const context = useDialogContext(__props.namespace);
 		const slotProps = toRef(() => ({ attrs: { id: context.titleId } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1565,7 +2126,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -1661,7 +2222,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 		}));
 		provideExpansionPanelRoot(__props.namespace, selection);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
@@ -1708,7 +2269,7 @@ const _sfc_main$75 = /* @__PURE__ */ defineComponent({
 			isDisabled
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1756,7 +2317,7 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1789,7 +2350,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1816,7 +2377,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-selected": item.ticket.isSelected.value || void 0 }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -1900,7 +2461,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 			reset: form.reset
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, unref(attrs), {
 				onReset,
 				onSubmit
 			}), {
@@ -2176,7 +2737,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2249,7 +2810,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 			attrs: controlAttrs.value
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...controlAttrs.value
 			}, {
@@ -2286,7 +2847,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 			root.hasDescription.value = false;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(unref(attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(unref(attrs), {
 				id: unref(root).descriptionId,
 				as: __props.as,
 				renderless: __props.renderless
@@ -2332,7 +2893,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -2540,7 +3101,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 		providePaginationControls(__props.namespace, controls);
 		providePaginationItems(__props.namespace, items);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2583,7 +3144,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2640,7 +3201,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2708,7 +3269,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => items.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2765,7 +3326,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2822,7 +3383,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2879,7 +3440,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 		}));
 		onBeforeUnmount(() => controls.unregister(__props.id));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "atom",
 				ref: atom
 			}, slotProps.value.attrs, {
@@ -2928,7 +3489,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -2989,7 +3550,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			toggle: popover.toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -3025,7 +3586,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				as: __props.as,
 				style: style.value
 			}, slotProps.value.attrs), {
@@ -3076,7 +3637,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "ref",
 				ref,
 				as: __props.as,
@@ -3155,7 +3716,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3278,7 +3839,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -3370,7 +3931,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -3460,7 +4021,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 				to: __props.teleportTo
 			}, [createVNode(TransitionGroup, { name: __props.transition }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3479,7 +4040,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 				name: __props.transition
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tickets.value, (ticket) => {
-					return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+					return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 						key: ticket.id,
 						as: __props.as,
 						style: getStyle(ticket)
@@ -3645,7 +4206,8 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 			open,
 			close,
 			toggle,
-			select
+			select,
+			modelValue: model
 		});
 		const slotProps = toRef(() => ({
 			id,
@@ -3656,7 +4218,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 			toggle
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), {
 				as: __props.as,
 				renderless: ""
 			}, {
@@ -3730,7 +4292,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref: "activator",
 				as: __props.as,
 				style: style.value
@@ -3751,6 +4313,10 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 	__name: "SelectContent",
 	props: {
 		namespace: { default: "v0:select" },
+		eager: {
+			type: Boolean,
+			default: false
+		},
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	},
@@ -3758,23 +4324,26 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 		const context = useSelectContext(__props.namespace);
 		const content = useTemplateRef("content");
 		context.popover.attach(() => content.value?.element);
-		const { hasContent } = useLazy(context.isOpen);
-		const slotProps = toRef(() => ({ isOpen: context.isOpen.value }));
-		const attrs = toRef(() => ({
-			...context.popover.contentAttrs.value,
-			"id": context.listboxId,
-			"role": "listbox",
-			"aria-multiselectable": context.multiple || void 0,
-			"tabindex": -1
+		const { hasContent } = useLazy(context.isOpen, { eager: __props.eager });
+		const slotProps = toRef(() => ({
+			isOpen: context.isOpen.value,
+			attrs: {
+				...context.popover.contentAttrs.value,
+				"id": context.listboxId,
+				"role": "listbox",
+				"aria-multiselectable": context.multiple || void 0,
+				"tabindex": -1
+			}
 		}));
 		const style = toRef(() => context.popover.contentStyles.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "content",
-				ref: content,
+				ref: content
+			}, slotProps.value.attrs, {
 				as: __props.as,
 				style: style.value
-			}, attrs.value), {
+			}), {
 				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 16, ["as", "style"]);
@@ -3801,7 +4370,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3856,7 +4425,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ as: __props.as }, slotProps.value.attrs, { onClick }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -3875,9 +4444,9 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useSelectContext(__props.namespace);
-		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
+		const hasValue = toRef(() => context.selection.selectedIds.size > 0 || !/* @__PURE__ */ isNullOrUndefined(context.modelValue.value));
 		return (_ctx, _cache) => {
-			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
+			return !hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$114), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -3901,17 +4470,26 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		const context = useSelectContext(__props.namespace);
 		const items = toRef(() => Array.from(context.selection.selectedItems.value));
 		const values = toRef(() => Array.from(context.selection.selectedValues.value));
-		const hasValue = toRef(() => context.selection.selectedIds.size > 0);
-		const slotProps = toRef(() => ({
-			selectedItem: items.value[0],
-			selectedItems: items.value,
-			selectedValue: values.value[0],
-			selectedValues: values.value,
-			hasValue: hasValue.value,
-			attrs: {}
-		}));
+		const hasSelected = toRef(() => context.selection.selectedIds.size > 0);
+		const pendingValues = toRef(() => {
+			const mv = context.modelValue.value;
+			if (/* @__PURE__ */ isNullOrUndefined(mv)) return [];
+			return Array.isArray(mv) ? mv : [mv];
+		});
+		const hasValue = toRef(() => hasSelected.value || pendingValues.value.length > 0);
+		const slotProps = toRef(() => {
+			const resolved = hasSelected.value;
+			return {
+				selectedItem: resolved ? items.value[0] : void 0,
+				selectedItems: resolved ? items.value : [],
+				selectedValue: resolved ? values.value[0] : pendingValues.value[0],
+				selectedValues: resolved ? values.value : pendingValues.value,
+				hasValue: hasValue.value,
+				attrs: {}
+			};
+		});
 		return (_ctx, _cache) => {
-			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$104), {
+			return hasValue.value ? (openBlock(), createBlock(unref(_sfc_main$114), {
 				key: 0,
 				as: __props.as
 			}, {
@@ -4106,13 +4684,13 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 			return __props.teleport ? (openBlock(), createBlock(Teleport, {
 				key: 0,
 				to: __props.teleport
-			}, [createVNode(unref(_sfc_main$104), mergeProps({
+			}, [createVNode(unref(_sfc_main$114), mergeProps({
 				as: __props.as,
 				style: styles.value
 			}, _ctx.$attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			}, 16, ["as", "style"])], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				key: 1,
 				as: __props.as,
 				style: styles.value
@@ -4182,7 +4760,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				ref_key: "container",
 				ref: container
 			}, slotProps.value.attrs, { as: __props.as }), {
@@ -4221,7 +4799,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			attrs: { role: "status" }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -4239,7 +4817,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), { as: __props.as }, {
+			return openBlock(), createBlock(unref(_sfc_main$114), { as: __props.as }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["as"]);
@@ -4267,7 +4845,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 			"onClick": onClick
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, { as: __props.as }), {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, { as: __props.as }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
 			}, 16, ["as"]);
@@ -4433,7 +5011,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4525,7 +5103,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -4639,10 +5217,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "thumb" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ ref: "thumb" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -4708,10 +5283,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 			"onPointerdown": onPointerdown
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "track" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ ref: "track" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [unref(attrs).style, slotProps.value.attrs.style]
@@ -4784,7 +5356,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		const draggingHandle = shallowRef(null);
 		const dragging = toRef(() => !/* @__PURE__ */ isNull(draggingHandle.value));
 		const expandAccum = /* @__PURE__ */ new Map();
-		const EXPAND_THRESHOLD = 5;
+		const EXPAND_THRESHOLD = 10;
 		const panels = createSelection({
 			multiple: true,
 			enroll: true,
@@ -4803,7 +5375,10 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			return /* @__PURE__ */ isNullOrUndefined(id) ? void 0 : panels.get(id);
 		}
 		function effectiveMin(ticket) {
-			return ticket.collapsible && !toValue(ticket.isSelected) ? ticket.collapsedSize : ticket.minSize;
+			if (!ticket.collapsible) return ticket.minSize;
+			if (!toValue(ticket.isSelected)) return ticket.collapsedSize;
+			if (dragging.value && ticket.size < ticket.minSize) return ticket.collapsedSize;
+			return ticket.minSize;
 		}
 		function resize(index, delta, options) {
 			const before = panel(index);
@@ -4824,7 +5399,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 				const accum = (expandAccum.get(before.id) ?? 0) + delta;
 				expandAccum.set(before.id, accum);
 				if (accum >= EXPAND_THRESHOLD) {
-					size = /* @__PURE__ */ clamp(Math.max(accum, before.minSize), before.minSize, before.maxSize);
+					size = /* @__PURE__ */ clamp(accum, before.collapsedSize, before.maxSize);
 					before.select();
 					expandAccum.delete(before.id);
 				} else size = before.collapsedSize;
@@ -4839,7 +5414,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 				const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
 				expandAccum.set(after.id, accum);
 				if (accum >= EXPAND_THRESHOLD) {
-					size = total - /* @__PURE__ */ clamp(Math.max(accum, after.minSize), after.minSize, after.maxSize);
+					size = total - /* @__PURE__ */ clamp(accum, after.collapsedSize, after.maxSize);
 					after.select();
 					expandAccum.delete(after.id);
 				} else size = total - after.collapsedSize;
@@ -4934,7 +5509,10 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			expand,
 			distribute
 		});
-		__expose({ distribute });
+		__expose({
+			distribute,
+			dragging
+		});
 		const slotProps = toRef(() => ({
 			orientation: __props.orientation,
 			isDisabled: __props.disabled,
@@ -4947,7 +5525,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ ref: "root" }, {
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5073,7 +5651,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5274,10 +5852,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless,
 				style: [
@@ -5388,7 +5963,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5520,7 +6095,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5663,7 +6238,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -5703,7 +6278,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -5734,7 +6309,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				dir: "ltr",
 				renderless: __props.renderless
@@ -6087,7 +6662,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -6238,10 +6813,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({ ref: "root" }, {
-				...unref(attrs),
-				...slotProps.value.attrs
-			}, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({ ref: "root" }, mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6290,7 +6862,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps({
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
 				...unref(attrs),
 				...slotProps.value.attrs
 			}, {
@@ -6347,32 +6919,54 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 	__name: "Theme",
 	props: {
 		theme: {},
-		renderless: {
-			type: Boolean,
-			default: false
-		},
-		as: { default: "div" }
+		namespace: { default: "v0:theme" },
+		as: { default: "div" },
+		renderless: { type: Boolean }
 	},
 	setup(__props) {
 		const parent = useTheme();
-		const selectedId = toRef(() => __props.theme);
-		const selectedItem = toRef(() => parent.get(__props.theme));
-		const isDark = toRef(() => selectedItem.value?.dark ?? false);
-		provideContext("v0:theme", {
+		const selectedId = toRef(() => __props.theme ?? parent.selectedId.value);
+		const isDark = toRef(() => {
+			if (!selectedId.value) return parent.isDark.value;
+			return parent.get(selectedId.value)?.dark ?? parent.isDark.value;
+		});
+		const context = {
 			...parent,
 			selectedId,
-			selectedItem,
-			isDark
-		});
-		const attrs = toRef(() => ({ "data-theme": __props.theme }));
+			isDark,
+			selectedItem: toRef(() => {
+				if (!selectedId.value) return parent.selectedItem.value;
+				return parent.get(selectedId.value) ?? parent.selectedItem.value;
+			}),
+			selectedIndex: toRef(() => {
+				if (!selectedId.value) return parent.selectedIndex.value;
+				return parent.get(selectedId.value)?.index ?? -1;
+			}),
+			selectedValue: toRef(() => {
+				if (!selectedId.value) return parent.selectedValue.value;
+				return parent.get(selectedId.value)?.value;
+			})
+		};
+		provideContext(__props.namespace, context);
+		const attrs = toRef(() => ({ "data-theme": selectedId.value }));
+		const slotProps = toRef(() => ({
+			attrs: attrs.value,
+			theme: selectedId.value,
+			isDark: isDark.value
+		}));
 		return (_ctx, _cache) => {
-			return __props.renderless ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
-				attrs: attrs.value
-			}) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { attrs: attrs.value })]),
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps({
+				as: __props.as,
+				"data-theme": selectedId.value,
+				renderless: __props.renderless
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
 				_: 3
-			}, 16));
+			}, 16, [
+				"as",
+				"data-theme",
+				"renderless"
+			]);
 		};
 	}
 });
@@ -6558,7 +7152,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 			onFocusin
 		} }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6623,7 +7217,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 			deactivate: ticket.deactivate
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), {
+			return openBlock(), createBlock(unref(_sfc_main$114), {
 				ref: "root",
 				"aria-disabled": slotProps.value.isDisabled || void 0,
 				"aria-expanded": hasContent.value ? slotProps.value.isOpen : void 0,
@@ -6691,7 +7285,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6732,7 +7326,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6792,7 +7386,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6814,7 +7408,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slotProps = toRef(() => ({ attrs: { role: "group" } }));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6850,7 +7444,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -6952,7 +7546,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$104), mergeProps(slotProps.value.attrs, {
+			return openBlock(), createBlock(unref(_sfc_main$114), mergeProps(slotProps.value.attrs, {
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
@@ -7006,4 +7600,4 @@ const Treeview = {
 	SelectAll: _sfc_main
 };
 //#endregion
-export { Slider as $, _sfc_main$88 as $n, _sfc_main$60 as $t, useStepRoot as A, _sfc_main$76 as An, provideSelectContext as At, _sfc_main$22 as B, provideDialogContext as Bn, provideRadioGroup as Bt, _sfc_main$14 as C, ExpansionPanel as Cn, provideAvatarRoot as Cr, _sfc_main$40 as Ct, _sfc_main$15 as D, _sfc_main$75 as Dn, _sfc_main$44 as Dt, Step as E, _sfc_main$74 as En, _sfc_main$43 as Et, useSingleRoot as F, _sfc_main$78 as Fn, _sfc_main$50 as Ft, provideSwitchGroup as G, _sfc_main$85 as Gn, _sfc_main$55 as Gt, provideSwitchRoot as H, Checkbox as Hn, Popover as Ht, Switch as I, _sfc_main$79 as In, _sfc_main$51 as It, _sfc_main$25 as J, useCheckboxRoot as Jn, Pagination as Jt, useSwitchGroup as K, _sfc_main$86 as Kn, providePopoverContext as Kt, _sfc_main$19 as L, _sfc_main$80 as Ln, provideRadioRoot as Lt, _sfc_main$17 as M, useExpansionPanelRoot as Mn, _sfc_main$48 as Mt, _sfc_main$18 as N, Dialog as Nn, Radio as Nt, _sfc_main$16 as O, provideExpansionPanelItem as On, _sfc_main$45 as Ot, provideSingleRoot as P, _sfc_main$77 as Pn, _sfc_main$49 as Pt, useSplitterRoot as Q, Button as Qn, _sfc_main$59 as Qt, _sfc_main$20 as R, _sfc_main$81 as Rn, useRadioRoot as Rt, _sfc_main$13 as S, _sfc_main$71 as Sn, _sfc_main$103 as Sr, Select as St, useTabsRoot as T, _sfc_main$73 as Tn, _sfc_main$104 as Tr, _sfc_main$42 as Tt, useSwitchRoot as U, _sfc_main$83 as Un, _sfc_main$53 as Ut, _sfc_main$23 as V, useDialogContext as Vn, useRadioGroup as Vt, _sfc_main$24 as W, _sfc_main$84 as Wn, _sfc_main$54 as Wt, _sfc_main$27 as X, provideCheckboxGroup as Xn, _sfc_main$57 as Xt, _sfc_main$26 as Y, _sfc_main$87 as Yn, _sfc_main$56 as Yt, provideSplitterRoot as Z, useCheckboxGroup as Zn, _sfc_main$58 as Zt, useTreeviewRoot as _, Group as _n, provideBreadcrumbsRoot as _r, Selection as _t, _sfc_main$3 as a, providePaginationRoot as an, _sfc_main$92 as ar, provideSliderRoot as at, _sfc_main$11 as b, provideGroupRoot as bn, _sfc_main$101 as br, provideSelectionRoot as bt, _sfc_main$6 as c, usePaginationRoot as cn, useButtonGroup as cr, _sfc_main$33 as ct, useTreeviewItem as d, _sfc_main$65 as dn, _sfc_main$95 as dr, provideSnackbarRootContext as dt, _sfc_main$61 as en, _sfc_main$89 as er, _sfc_main$28 as et, _sfc_main$8 as f, _sfc_main$66 as fn, _sfc_main$96 as fr, useSnackbarRootContext as ft, provideTreeviewRoot as g, useInputRoot as gn, _sfc_main$100 as gr, _sfc_main$37 as gt, _sfc_main$9 as h, provideInputRoot as hn, _sfc_main$99 as hr, useSnackbarQueueContext as ht, _sfc_main$2 as i, providePaginationItems as in, useButtonRoot as ir, _sfc_main$32 as it, Single as j, provideExpansionPanelRoot as jn, useSelectContext as jt, provideStepRoot as k, useExpansionPanelItem as kn, _sfc_main$46 as kt, _sfc_main$7 as l, _sfc_main$64 as ln, Breadcrumbs as lr, _sfc_main$34 as lt, useTreeviewList as m, _sfc_main$68 as mn, _sfc_main$98 as mr, provideSnackbarQueueContext as mt, _sfc_main as n, _sfc_main$63 as nn, _sfc_main$91 as nr, _sfc_main$30 as nt, _sfc_main$4 as o, usePaginationControls as on, _sfc_main$93 as or, useSliderRoot as ot, provideTreeviewList as p, _sfc_main$67 as pn, _sfc_main$97 as pr, _sfc_main$36 as pt, Splitter as q, provideCheckboxRoot as qn, usePopoverContext as qt, _sfc_main$1 as r, providePaginationControls as rn, provideButtonRoot as rr, _sfc_main$31 as rt, _sfc_main$5 as s, usePaginationItems as sn, provideButtonGroup as sr, Snackbar as st, Treeview as t, _sfc_main$62 as tn, _sfc_main$90 as tr, _sfc_main$29 as tt, provideTreeviewItem as u, Input as un, _sfc_main$94 as ur, _sfc_main$35 as ut, _sfc_main$10 as v, _sfc_main$69 as vn, useBreadcrumbsRoot as vr, _sfc_main$38 as vt, provideTabsRoot as w, _sfc_main$72 as wn, useAvatarRoot as wr, _sfc_main$41 as wt, _sfc_main$12 as x, useGroupRoot as xn, _sfc_main$102 as xr, useSelectionRoot as xt, Tabs as y, _sfc_main$70 as yn, Avatar as yr, _sfc_main$39 as yt, _sfc_main$21 as z, _sfc_main$82 as zn, _sfc_main$52 as zt };
+export { Slider as $, _sfc_main$88 as $n, _sfc_main$60 as $t, useStepRoot as A, _sfc_main$76 as An, useBreadcrumbsRoot as Ar, provideSelectContext as At, _sfc_main$22 as B, provideDialogContext as Bn, provideRadioGroup as Bt, _sfc_main$14 as C, ExpansionPanel as Cn, _sfc_main$105 as Cr, _sfc_main$40 as Ct, _sfc_main$15 as D, _sfc_main$75 as Dn, _sfc_main$109 as Dr, _sfc_main$44 as Dt, Step as E, _sfc_main$74 as En, _sfc_main$108 as Er, _sfc_main$43 as Et, useSingleRoot as F, _sfc_main$78 as Fn, provideAvatarRoot as Fr, _sfc_main$50 as Ft, provideSwitchGroup as G, _sfc_main$85 as Gn, _sfc_main$55 as Gt, provideSwitchRoot as H, Checkbox as Hn, Popover as Ht, Switch as I, _sfc_main$79 as In, useAvatarRoot as Ir, _sfc_main$51 as It, _sfc_main$25 as J, useCheckboxRoot as Jn, Pagination as Jt, useSwitchGroup as K, _sfc_main$86 as Kn, providePopoverContext as Kt, _sfc_main$19 as L, _sfc_main$80 as Ln, _sfc_main$114 as Lr, provideRadioRoot as Lt, _sfc_main$17 as M, useExpansionPanelRoot as Mn, _sfc_main$111 as Mr, _sfc_main$48 as Mt, _sfc_main$18 as N, Dialog as Nn, _sfc_main$112 as Nr, Radio as Nt, _sfc_main$16 as O, provideExpansionPanelItem as On, _sfc_main$110 as Or, _sfc_main$45 as Ot, provideSingleRoot as P, _sfc_main$77 as Pn, _sfc_main$113 as Pr, _sfc_main$49 as Pt, useSplitterRoot as Q, Button as Qn, _sfc_main$59 as Qt, _sfc_main$20 as R, _sfc_main$81 as Rn, useRadioRoot as Rt, _sfc_main$13 as S, _sfc_main$71 as Sn, _sfc_main$104 as Sr, Select as St, useTabsRoot as T, _sfc_main$73 as Tn, _sfc_main$107 as Tr, _sfc_main$42 as Tt, useSwitchRoot as U, _sfc_main$83 as Un, _sfc_main$53 as Ut, _sfc_main$23 as V, useDialogContext as Vn, useRadioGroup as Vt, _sfc_main$24 as W, _sfc_main$84 as Wn, _sfc_main$54 as Wt, _sfc_main$27 as X, provideCheckboxGroup as Xn, _sfc_main$57 as Xt, _sfc_main$26 as Y, _sfc_main$87 as Yn, _sfc_main$56 as Yt, provideSplitterRoot as Z, useCheckboxGroup as Zn, _sfc_main$58 as Zt, useTreeviewRoot as _, Group as _n, _sfc_main$101 as _r, Selection as _t, _sfc_main$3 as a, providePaginationRoot as an, _sfc_main$92 as ar, provideSliderRoot as at, _sfc_main$11 as b, provideGroupRoot as bn, useComboboxContext as br, provideSelectionRoot as bt, _sfc_main$6 as c, usePaginationRoot as cn, useButtonGroup as cr, _sfc_main$33 as ct, useTreeviewItem as d, _sfc_main$65 as dn, _sfc_main$95 as dr, provideSnackbarRootContext as dt, _sfc_main$61 as en, _sfc_main$89 as er, _sfc_main$28 as et, _sfc_main$8 as f, _sfc_main$66 as fn, _sfc_main$96 as fr, useSnackbarRootContext as ft, provideTreeviewRoot as g, useInputRoot as gn, _sfc_main$100 as gr, _sfc_main$37 as gt, _sfc_main$9 as h, provideInputRoot as hn, _sfc_main$99 as hr, useSnackbarQueueContext as ht, _sfc_main$2 as i, providePaginationItems as in, useButtonRoot as ir, _sfc_main$32 as it, Single as j, provideExpansionPanelRoot as jn, Avatar as jr, useSelectContext as jt, provideStepRoot as k, useExpansionPanelItem as kn, provideBreadcrumbsRoot as kr, _sfc_main$46 as kt, _sfc_main$7 as l, _sfc_main$64 as ln, Combobox as lr, _sfc_main$34 as lt, useTreeviewList as m, _sfc_main$68 as mn, _sfc_main$98 as mr, provideSnackbarQueueContext as mt, _sfc_main as n, _sfc_main$63 as nn, _sfc_main$91 as nr, _sfc_main$30 as nt, _sfc_main$4 as o, usePaginationControls as on, _sfc_main$93 as or, useSliderRoot as ot, provideTreeviewList as p, _sfc_main$67 as pn, _sfc_main$97 as pr, _sfc_main$36 as pt, Splitter as q, provideCheckboxRoot as qn, usePopoverContext as qt, _sfc_main$1 as r, providePaginationControls as rn, provideButtonRoot as rr, _sfc_main$31 as rt, _sfc_main$5 as s, usePaginationItems as sn, provideButtonGroup as sr, Snackbar as st, Treeview as t, _sfc_main$62 as tn, _sfc_main$90 as tr, _sfc_main$29 as tt, provideTreeviewItem as u, Input as un, _sfc_main$94 as ur, _sfc_main$35 as ut, _sfc_main$10 as v, _sfc_main$69 as vn, _sfc_main$102 as vr, _sfc_main$38 as vt, provideTabsRoot as w, _sfc_main$72 as wn, _sfc_main$106 as wr, _sfc_main$41 as wt, _sfc_main$12 as x, useGroupRoot as xn, Breadcrumbs as xr, useSelectionRoot as xt, Tabs as y, _sfc_main$70 as yn, provideComboboxContext as yr, _sfc_main$39 as yt, _sfc_main$21 as z, _sfc_main$82 as zn, _sfc_main$52 as zt };