@vuecs/overlays 1.0.0

package/dist/index.mjs

@@ -0,0 +1,2620 @@
+import { installConfigManager, installDefaultsManager, installThemeManager, themableProps, useComponentTheme, useForwardProps, useForwardPropsEmits, useThemeProps } from "@vuecs/core";
+import { Fragment, computed, defineComponent, h, mergeProps, readonly, ref, shallowRef } from "vue";
+import { ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardArrow, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Presence, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from "reka-ui";
+//#region src/config.ts
+/**
+* Register overlay-specific defaults onto a `ConfigManager` instance.
+* Called from `@vuecs/overlays`'s `install(app)` after
+* `installConfigManager`. Consumer-supplied config wins; this only fills
+* in keys the consumer didn't pass.
+*/
+function registerOverlayConfigDefaults(manager) {
+	manager.withDefaults({ scrollLockTarget: "body" });
+}
+//#endregion
+//#region src/components/context-menu/ContextMenu.vue
+var ContextMenu_default = defineComponent({
+	name: "VCContextMenu",
+	inheritAttrs: false,
+	props: {
+		/** Modal mode — locks focus inside the menu and blocks outside interaction. */
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		/** Delay (ms) from press-down until the menu opens (touch / press-and-hold). */
+		pressOpenDelay: {
+			type: Number,
+			default: 700
+		},
+		/** Reading direction for the menu content. Falls through to `<VCConfigProvider>` / browser default when undefined. */
+		dir: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(ContextMenuRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/theme.ts
+const contextMenuThemeDefaults = { classes: {
+	content: "vc-context-menu-content",
+	trigger: "vc-context-menu-trigger",
+	item: "vc-context-menu-item",
+	checkboxItem: "vc-context-menu-checkbox-item",
+	radioItem: "vc-context-menu-radio-item",
+	radioGroup: "vc-context-menu-radio-group",
+	itemIndicator: "vc-context-menu-item-indicator",
+	label: "vc-context-menu-label",
+	separator: "vc-context-menu-separator",
+	group: "vc-context-menu-group",
+	subTrigger: "vc-context-menu-sub-trigger",
+	subContent: "vc-context-menu-sub-content"
+} };
+//#endregion
+//#region src/components/context-menu/ContextMenuTrigger.vue
+var ContextMenuTrigger_default = defineComponent({
+	name: "VCContextMenuTrigger",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'span'`. */
+		as: {
+			type: String,
+			default: "span"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** When true, the trigger does not open the menu on right-click / press. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuTrigger, {
+			as: props.as,
+			asChild: props.asChild,
+			disabled: props.disabled,
+			class: theme.value.trigger || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuContent.vue
+var ContextMenuContent_default = defineComponent({
+	name: "VCContextMenuContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Loop arrow-key focus from last item back to first. Vuecs convention: `true` (Reka default: `false`). */
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the menu to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		const renderContent = () => h(ContextMenuContent, mergeProps(attrs, {
+			loop: props.loop,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			class: theme.value.content || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(ContextMenuPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuItem.vue
+var ContextMenuItem_default = defineComponent({
+	name: "VCContextMenuItem",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuItem, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			onSelect: (event) => emit("select", event),
+			class: theme.value.item || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuCheckboxItem.vue
+var ContextMenuCheckboxItem_default = defineComponent({
+	name: "VCContextMenuCheckboxItem",
+	inheritAttrs: false,
+	props: {
+		/** Checked state. Use `'indeterminate'` for tri-state. */
+		modelValue: {
+			type: [Boolean, String],
+			default: false
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuCheckboxItem, mergeProps(attrs, {
+			modelValue: props.modelValue,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			"onUpdate:modelValue": (value) => emit("update:modelValue", value),
+			onSelect: (event) => emit("select", event),
+			class: theme.value.checkboxItem || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuRadioGroup.vue
+var ContextMenuRadioGroup_default = defineComponent({
+	name: "VCContextMenuRadioGroup",
+	inheritAttrs: false,
+	props: {
+		/** Selected value within the group. Bind via `v-model`. */
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuRadioGroup, mergeProps(attrs, {
+			modelValue: props.modelValue,
+			"onUpdate:modelValue": (value) => emit("update:modelValue", value),
+			class: theme.value.radioGroup || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuRadioItem.vue
+var ContextMenuRadioItem_default = defineComponent({
+	name: "VCContextMenuRadioItem",
+	inheritAttrs: false,
+	props: {
+		/** Identifier matched against the group's `modelValue`. */
+		value: {
+			type: String,
+			required: true
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuRadioItem, {
+			...mergeProps(attrs, {
+				disabled: props.disabled,
+				textValue: props.textValue,
+				onSelect: (event) => emit("select", event),
+				class: theme.value.radioItem || void 0
+			}),
+			value: props.value
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuItemIndicator.vue
+var ContextMenuItemIndicator_default = defineComponent({
+	name: "VCContextMenuItemIndicator",
+	props: {
+		/** Force the indicator to mount even when its parent is unchecked (useful for animated transitions). */
+		forceMount: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuItemIndicator, {
+			forceMount: props.forceMount,
+			class: theme.value.itemIndicator || void 0
+		}, { default: () => slots.default?.() ?? "✓" });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuLabel.vue
+var ContextMenuLabel_default = defineComponent({
+	name: "VCContextMenuLabel",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuLabel, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.label || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuSeparator.vue
+var ContextMenuSeparator_default = defineComponent({
+	name: "VCContextMenuSeparator",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuSeparator, { class: theme.value.separator || void 0 });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuGroup.vue
+var ContextMenuGroup_default = defineComponent({
+	name: "VCContextMenuGroup",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuGroup, { class: theme.value.group || void 0 }, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuSub.vue
+var ContextMenuSub_default = defineComponent({
+	name: "VCContextMenuSub",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(ContextMenuSub, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuSubTrigger.vue
+var ContextMenuSubTrigger_default = defineComponent({
+	name: "VCContextMenuSubTrigger",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** When true, prevents user interaction with the sub-trigger. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		return () => h(ContextMenuSubTrigger, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			class: theme.value.subTrigger || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/context-menu/ContextMenuSubContent.vue
+var ContextMenuSubContent_default = defineComponent({
+	name: "VCContextMenuSubContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Distance in pixels between sub-trigger and sub-menu. */
+		sideOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the sub-menu to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Loop arrow-key focus from last item back to first. Vuecs convention: `true` (Reka default: `false`). */
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("contextMenu", props, contextMenuThemeDefaults);
+		const renderContent = () => h(ContextMenuSubContent, mergeProps(attrs, {
+			sideOffset: props.sideOffset,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			loop: props.loop,
+			class: theme.value.subContent || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(ContextMenuPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenu.vue
+var DropdownMenu_default = defineComponent({
+	name: "VCDropdownMenu",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		/** Modal mode — locks focus inside the menu and blocks outside interaction. */
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		/** Reading direction for the menu content. Falls through to `<VCConfigProvider>` / browser default when undefined. */
+		dir: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(DropdownMenuRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/theme.ts
+const dropdownMenuThemeDefaults = { classes: {
+	content: "vc-dropdown-content",
+	trigger: "vc-dropdown-trigger",
+	item: "vc-dropdown-item",
+	checkboxItem: "vc-dropdown-checkbox-item",
+	radioItem: "vc-dropdown-radio-item",
+	radioGroup: "vc-dropdown-radio-group",
+	itemIndicator: "vc-dropdown-item-indicator",
+	label: "vc-dropdown-label",
+	separator: "vc-dropdown-separator",
+	group: "vc-dropdown-group",
+	subTrigger: "vc-dropdown-sub-trigger",
+	subContent: "vc-dropdown-sub-content",
+	arrow: "vc-dropdown-arrow"
+} };
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuTrigger.vue
+var DropdownMenuTrigger_default = defineComponent({
+	name: "VCDropdownMenuTrigger",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuTrigger, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.trigger || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuContent.vue
+var DropdownMenuContent_default = defineComponent({
+	name: "VCDropdownMenuContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Preferred side relative to the trigger. */
+		side: {
+			type: String,
+			default: "bottom"
+		},
+		/** Distance in pixels between trigger and menu. Vuecs convention: 4 (Reka default: 0). */
+		sideOffset: {
+			type: Number,
+			default: 4
+		},
+		/** Alignment along the chosen side. Vuecs convention: `'start'` (Reka default: `'center'`) so menus left-align under their trigger. */
+		align: {
+			type: String,
+			default: "start"
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the menu to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Loop arrow-key focus from last item back to first. Vuecs convention: `true` (Reka default: `false`). */
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		const renderContent = () => h(DropdownMenuContent, mergeProps(attrs, {
+			side: props.side,
+			sideOffset: props.sideOffset,
+			align: props.align,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			loop: props.loop,
+			class: theme.value.content || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(DropdownMenuPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuItem.vue
+var DropdownMenuItem_default = defineComponent({
+	name: "VCDropdownMenuItem",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuItem, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			onSelect: (event) => emit("select", event),
+			class: theme.value.item || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuCheckboxItem.vue
+var DropdownMenuCheckboxItem_default = defineComponent({
+	name: "VCDropdownMenuCheckboxItem",
+	inheritAttrs: false,
+	props: {
+		/** Checked state. Use `'indeterminate'` for tri-state. */
+		modelValue: {
+			type: [Boolean, String],
+			default: false
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuCheckboxItem, mergeProps(attrs, {
+			modelValue: props.modelValue,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			"onUpdate:modelValue": (value) => emit("update:modelValue", value),
+			onSelect: (event) => emit("select", event),
+			class: theme.value.checkboxItem || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuRadioGroup.vue
+var DropdownMenuRadioGroup_default = defineComponent({
+	name: "VCDropdownMenuRadioGroup",
+	inheritAttrs: false,
+	props: {
+		/** Selected value within the group. Bind via `v-model`. */
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuRadioGroup, mergeProps(attrs, {
+			modelValue: props.modelValue,
+			"onUpdate:modelValue": (value) => emit("update:modelValue", value),
+			class: theme.value.radioGroup || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuRadioItem.vue
+var DropdownMenuRadioItem_default = defineComponent({
+	name: "VCDropdownMenuRadioItem",
+	inheritAttrs: false,
+	props: {
+		/** Identifier matched against the group's `modelValue`. */
+		value: {
+			type: String,
+			required: true
+		},
+		/** When true, prevents user interaction with the item. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(props, { slots, emit, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuRadioItem, {
+			...mergeProps(attrs, {
+				disabled: props.disabled,
+				textValue: props.textValue,
+				onSelect: (event) => emit("select", event),
+				class: theme.value.radioItem || void 0
+			}),
+			value: props.value
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuItemIndicator.vue
+var DropdownMenuItemIndicator_default = defineComponent({
+	name: "VCDropdownMenuItemIndicator",
+	props: {
+		/** Force the indicator to mount even when its parent is unchecked (useful for animated transitions). */
+		forceMount: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuItemIndicator, {
+			forceMount: props.forceMount,
+			class: theme.value.itemIndicator || void 0
+		}, { default: () => slots.default?.() ?? "✓" });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuLabel.vue
+var DropdownMenuLabel_default = defineComponent({
+	name: "VCDropdownMenuLabel",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuLabel, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.label || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuSeparator.vue
+var DropdownMenuSeparator_default = defineComponent({
+	name: "VCDropdownMenuSeparator",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuSeparator, { class: theme.value.separator || void 0 });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuGroup.vue
+var DropdownMenuGroup_default = defineComponent({
+	name: "VCDropdownMenuGroup",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuGroup, { class: theme.value.group || void 0 }, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuSub.vue
+var DropdownMenuSub_default = defineComponent({
+	name: "VCDropdownMenuSub",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(DropdownMenuSub, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuSubTrigger.vue
+var DropdownMenuSubTrigger_default = defineComponent({
+	name: "VCDropdownMenuSubTrigger",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'div'`. */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** When true, prevents user interaction with the sub-trigger. */
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** Optional typeahead text override (defaults to the item's `.textContent`). */
+		textValue: {
+			type: String,
+			default: void 0
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuSubTrigger, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			disabled: props.disabled,
+			textValue: props.textValue,
+			class: theme.value.subTrigger || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuSubContent.vue
+var DropdownMenuSubContent_default = defineComponent({
+	name: "VCDropdownMenuSubContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Distance in pixels between sub-trigger and sub-menu. */
+		sideOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the sub-menu to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Loop arrow-key focus from last item back to first. Vuecs convention: `true` (Reka default: `false`). */
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		const renderContent = () => h(DropdownMenuSubContent, mergeProps(attrs, {
+			sideOffset: props.sideOffset,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			loop: props.loop,
+			class: theme.value.subContent || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(DropdownMenuPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuArrow.vue
+var DropdownMenuArrow_default = defineComponent({
+	name: "VCDropdownMenuArrow",
+	props: {
+		/** Arrow width in pixels. */
+		width: {
+			type: Number,
+			default: 10
+		},
+		/** Arrow height in pixels. */
+		height: {
+			type: Number,
+			default: 5
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("dropdownMenu", props, dropdownMenuThemeDefaults);
+		return () => h(DropdownMenuArrow, {
+			width: props.width,
+			height: props.height,
+			class: theme.value.arrow || void 0
+		});
+	}
+});
+//#endregion
+//#region src/components/hover-card/HoverCard.vue
+var HoverCard_default = defineComponent({
+	name: "VCHoverCard",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		/** Delay (ms) from pointer-enter to opening. */
+		openDelay: {
+			type: Number,
+			default: 700
+		},
+		/** Delay (ms) from pointer-leave to closing — covers grace-area travel. */
+		closeDelay: {
+			type: Number,
+			default: 300
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(HoverCardRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/hover-card/theme.ts
+const hoverCardThemeDefaults = { classes: {
+	trigger: "vc-hover-card-trigger",
+	content: "vc-hover-card-content",
+	arrow: "vc-hover-card-arrow"
+} };
+//#endregion
+//#region src/components/hover-card/HoverCardTrigger.vue
+var HoverCardTrigger_default = defineComponent({
+	name: "VCHoverCardTrigger",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'a'` (hover-card triggers are typically links). */
+		as: {
+			type: String,
+			default: "a"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("hoverCard", props, hoverCardThemeDefaults);
+		return () => h(HoverCardTrigger, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.trigger || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/hover-card/HoverCardContent.vue
+var HoverCardContent_default = defineComponent({
+	name: "VCHoverCardContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Preferred side relative to the trigger. */
+		side: {
+			type: String,
+			default: "bottom"
+		},
+		/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
+		sideOffset: {
+			type: Number,
+			default: 4
+		},
+		/** Alignment along the chosen side. */
+		align: {
+			type: String,
+			default: "center"
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the panel to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("hoverCard", props, hoverCardThemeDefaults);
+		const renderContent = () => h(HoverCardContent, mergeProps(attrs, {
+			side: props.side,
+			sideOffset: props.sideOffset,
+			align: props.align,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			class: theme.value.content || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(HoverCardPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/hover-card/HoverCardArrow.vue
+var HoverCardArrow_default = defineComponent({
+	name: "VCHoverCardArrow",
+	props: {
+		/** Arrow width in pixels. */
+		width: {
+			type: Number,
+			default: 10
+		},
+		/** Arrow height in pixels. */
+		height: {
+			type: Number,
+			default: 5
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("hoverCard", props, hoverCardThemeDefaults);
+		return () => h(HoverCardArrow, {
+			width: props.width,
+			height: props.height,
+			class: theme.value.arrow || void 0
+		});
+	}
+});
+//#endregion
+//#region src/components/modal/Modal.vue
+var Modal_default = defineComponent({
+	name: "VCModal",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		/** Modal mode — disables interaction with outside elements when open. */
+		modal: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(DialogRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/modal/theme.ts
+/**
+* Single theme-defaults source for every `<VCModal*>` part. Each component
+* reads only the slot it needs from the resolved theme — sharing the source
+* keeps the augmentation, types, and consumer overrides in one place.
+*
+* Slot names map 1:1 onto the Reka Dialog parts they wrap, plus `header` /
+* `body` / `footer` regions exposed for layout composition and `back` for
+* the optional view-stack back button.
+*/
+const modalThemeDefaults = { classes: {
+	overlay: "vc-modal-overlay",
+	content: "vc-modal-content",
+	header: "vc-modal-header",
+	title: "vc-modal-title",
+	description: "vc-modal-description",
+	body: "vc-modal-body",
+	footer: "vc-modal-footer",
+	trigger: "vc-modal-trigger",
+	close: "vc-modal-close",
+	closeIcon: "vc-modal-close-icon",
+	back: "vc-modal-back"
+} };
+//#endregion
+//#region src/components/modal/ModalTrigger.vue
+var ModalTrigger_default = defineComponent({
+	name: "VCModalTrigger",
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("modal", props, modalThemeDefaults);
+		return () => h(DialogTrigger, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.trigger || void 0
+		}, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/modal/ModalContent.vue
+var ModalContent_default = defineComponent({
+	name: "VCModalContent",
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Disable the overlay backdrop. Internal — controls our own render branch. */
+		hideOverlay: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("modal", props, modalThemeDefaults);
+		const renderInner = () => [...props.hideOverlay ? [] : [h(DialogOverlay, { class: theme.value.overlay || void 0 })], h(DialogContent, mergeProps(attrs, { class: theme.value.content || void 0 }), { default: () => slots.default?.() })];
+		return () => {
+			if (props.inline) return renderInner();
+			return h(DialogPortal, null, { default: () => renderInner() });
+		};
+	}
+});
+//#endregion
+//#region src/components/modal/ModalTitle.vue
+var ModalTitle_default = defineComponent({
+	name: "VCModalTitle",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("modal", props, modalThemeDefaults);
+		return () => h(DialogTitle, { class: theme.value.title || void 0 }, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/modal/ModalDescription.vue
+var ModalDescription_default = defineComponent({
+	name: "VCModalDescription",
+	props: {
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const theme = useComponentTheme("modal", props, modalThemeDefaults);
+		return () => h(DialogDescription, { class: theme.value.description || void 0 }, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/modal/ModalClose.vue
+var ModalClose_default = defineComponent({
+	name: "VCModalClose",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* Force the corner-X presentation (reads the theme's `closeIcon` slot —
+		* absolute positioning + sizing). When false (default), the slot-presence
+		* heuristic decides: slotless renders the corner-X, slotted renders the
+		* neutral `close` styling so consumer classes compose cleanly.
+		*
+		* Internal slot-picker — never forwarded to Reka.
+		*/
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("modal", props, modalThemeDefaults);
+		return () => {
+			const hasSlot = !!slots.default;
+			const ariaLabel = attrs["aria-label"] ?? (hasSlot ? void 0 : "Close");
+			const slotKey = props.icon || !hasSlot ? "closeIcon" : "close";
+			return h(DialogClose, mergeProps(attrs, {
+				as: props.as,
+				asChild: props.asChild,
+				class: theme.value[slotKey] || void 0,
+				"aria-label": ariaLabel
+			}), { default: () => slots.default?.() ?? "×" });
+		};
+	}
+});
+//#endregion
+//#region src/components/modal/use-modal.ts
+/**
+* View-stack-aware modal state. Used in tandem with `<VCModal>`'s compound
+* components for flows like "list view → push detail view → pop back" without
+* stacking modals or fighting z-index.
+*
+* Originally proposed in https://github.com/tada5hi/vuecs/issues/1480.
+*/
+function useModal(options = {}) {
+	const isOpen = ref(false);
+	const stack = shallowRef([]);
+	const setStack = (next) => {
+		stack.value = next;
+	};
+	const currentView = computed(() => stack.value[stack.value.length - 1]);
+	const depth = computed(() => stack.value.length);
+	const hasHistory = computed(() => stack.value.length > 1);
+	const open = (view) => {
+		if (view) setStack([view]);
+		else if (stack.value.length === 0 && options.initialView) setStack([options.initialView]);
+		isOpen.value = true;
+	};
+	const close = () => {
+		const wasOpen = isOpen.value;
+		isOpen.value = false;
+		setStack([]);
+		if (wasOpen) options.onClose?.();
+	};
+	const pushView = (view) => {
+		setStack([...stack.value, view]);
+		if (!isOpen.value) isOpen.value = true;
+	};
+	const popView = () => {
+		if (stack.value.length <= 1) {
+			close();
+			return;
+		}
+		setStack(stack.value.slice(0, -1));
+	};
+	const replaceView = (view) => {
+		setStack([view]);
+		if (!isOpen.value) isOpen.value = true;
+	};
+	const setOpen = (next) => {
+		if (next) open();
+		else close();
+	};
+	return {
+		isOpen,
+		currentView,
+		hasHistory,
+		depth,
+		open,
+		close,
+		pushView,
+		popView,
+		replaceView,
+		setOpen
+	};
+}
+//#endregion
+//#region src/components/popover/Popover.vue
+var Popover_default = defineComponent({
+	name: "VCPopover",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		/** Modal mode — locks focus inside the popover and blocks outside interaction. */
+		modal: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(PopoverRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/popover/theme.ts
+const popoverThemeDefaults = { classes: {
+	content: "vc-popover-content",
+	trigger: "vc-popover-trigger",
+	arrow: "vc-popover-arrow",
+	close: "vc-popover-close",
+	closeIcon: "vc-popover-close-icon"
+} };
+//#endregion
+//#region src/components/popover/PopoverTrigger.vue
+var PopoverTrigger_default = defineComponent({
+	name: "VCPopoverTrigger",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("popover", props, popoverThemeDefaults);
+		return () => h(PopoverTrigger, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.trigger || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/popover/PopoverContent.vue
+var PopoverContent_default = defineComponent({
+	name: "VCPopoverContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Preferred side relative to the trigger. */
+		side: {
+			type: String,
+			default: "bottom"
+		},
+		/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
+		sideOffset: {
+			type: Number,
+			default: 4
+		},
+		/** Alignment along the chosen side. */
+		align: {
+			type: String,
+			default: "center"
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the panel to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("popover", props, popoverThemeDefaults);
+		const renderContent = () => h(PopoverContent, mergeProps(attrs, {
+			side: props.side,
+			sideOffset: props.sideOffset,
+			align: props.align,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			class: theme.value.content || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(PopoverPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/PopoverArrow.vue
+var PopoverArrow_default = defineComponent({
+	name: "VCPopoverArrow",
+	props: {
+		/** Arrow width in pixels. */
+		width: {
+			type: Number,
+			default: 10
+		},
+		/** Arrow height in pixels. */
+		height: {
+			type: Number,
+			default: 5
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("popover", props, popoverThemeDefaults);
+		return () => h(PopoverArrow, {
+			width: props.width,
+			height: props.height,
+			class: theme.value.arrow || void 0
+		});
+	}
+});
+//#endregion
+//#region src/components/popover/PopoverClose.vue
+var PopoverClose_default = defineComponent({
+	name: "VCPopoverClose",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* Force the corner-X presentation (reads the theme's `closeIcon` slot —
+		* absolute positioning + sizing). When false (default), the slot-presence
+		* heuristic decides: slotless renders the corner-X, slotted renders the
+		* neutral `close` styling so consumer classes compose cleanly.
+		*
+		* Internal slot-picker — never forwarded to Reka.
+		*/
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("popover", props, popoverThemeDefaults);
+		return () => {
+			const hasSlot = !!slots.default;
+			const ariaLabel = attrs["aria-label"] ?? (hasSlot ? void 0 : "Close");
+			const slotKey = props.icon || !hasSlot ? "closeIcon" : "close";
+			return h(PopoverClose, mergeProps(attrs, {
+				as: props.as,
+				asChild: props.asChild,
+				class: theme.value[slotKey] || void 0,
+				"aria-label": ariaLabel
+			}), { default: () => slots.default?.() ?? "×" });
+		};
+	}
+});
+//#endregion
+//#region src/components/presence/Presence.vue
+var Presence_default = defineComponent({
+	name: "VCPresence",
+	inheritAttrs: false,
+	props: {
+		/** Whether the wrapped subtree should be mounted. Toggle to trigger enter/exit animations. */
+		present: {
+			type: Boolean,
+			required: true
+		},
+		/** Force the subtree to stay mounted regardless of `present` (debug / programmatic transition control). */
+		forceMount: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props, { slots }) {
+		return () => h(Presence, {
+			present: props.present,
+			forceMount: props.forceMount
+		}, { default: (scope) => slots.default?.(scope) });
+	}
+});
+//#endregion
+//#region src/components/toast/theme.ts
+const toastViewportThemeDefaults = { classes: { root: "vc-toast-viewport" } };
+const toastThemeDefaults = { classes: {
+	root: "vc-toast",
+	body: "vc-toast-body",
+	close: "vc-toast-close",
+	closeIcon: "vc-toast-close-icon"
+} };
+const toastTitleThemeDefaults = { classes: { root: "vc-toast-title" } };
+const toastDescriptionThemeDefaults = { classes: { root: "vc-toast-description" } };
+const toastActionThemeDefaults = { classes: { root: "vc-toast-action" } };
+//#endregion
+//#region src/components/toast/Toast.vue
+var Toast_default = defineComponent({
+	name: "VCToast",
+	inheritAttrs: false,
+	props: {
+		/** Semantic color — drives the `color` theme variant. */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** Visual treatment — `solid` / `soft` / `outline`. */
+		variant: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* Auto-dismiss timeout (ms). Falls back to the `<VCToastProvider>`
+		* default. Use `0` for a persistent toast (no auto-dismiss).
+		*/
+		duration: {
+			type: Number,
+			default: void 0
+		},
+		/**
+		* Reka `type` — `'foreground'` interrupts AT (use for errors / urgent
+		* messages); `'background'` queues politely.
+		*
+		* Vuecs convention: defaults to `'background'` (Reka's default is
+		* `'foreground'`). Most toasts are informational and shouldn't
+		* interrupt screen-reader users; explicit `type="foreground"` opts
+		* into the louder announcement for urgent error toasts.
+		*/
+		type: {
+			type: String,
+			default: "background"
+		},
+		/**
+		* Controlled open state. Leave undefined to let Reka's internal state
+		* machine manage open/close lifecycle from `defaultOpen` + the
+		* auto-dismiss timer. `<VCToaster>` deliberately doesn't bind this —
+		* it dismisses entries via the queue, letting Reka own per-toast state.
+		*/
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state when `open` is undefined. */
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		/** HTML tag to render. */
+		as: {
+			type: String,
+			default: "li"
+		},
+		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		...themableProps()
+	},
+	emits: [
+		"update:open",
+		"escape-key-down",
+		"pause",
+		"resume",
+		"swipe-start",
+		"swipe-move",
+		"swipe-cancel",
+		"swipe-end"
+	],
+	setup(props, { attrs, slots, emit }) {
+		const theme = useComponentTheme("toast", useThemeProps(props, "color", "variant"), toastThemeDefaults);
+		return () => h(ToastRoot, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			type: props.type,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			duration: props.duration,
+			class: theme.value.root || void 0,
+			"onUpdate:open": (open) => emit("update:open", open),
+			onEscapeKeyDown: (e) => emit("escape-key-down", e),
+			onPause: () => emit("pause"),
+			onResume: () => emit("resume"),
+			onSwipeStart: (e) => emit("swipe-start", e),
+			onSwipeMove: (e) => emit("swipe-move", e),
+			onSwipeCancel: (e) => emit("swipe-cancel", e),
+			onSwipeEnd: (e) => emit("swipe-end", e)
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/toast/ToastProvider.vue
+var ToastProvider_default = defineComponent({
+	name: "VCToastProvider",
+	inheritAttrs: false,
+	props: {
+		/** Default auto-dismiss timeout (ms). Reka default: `5000`. Per-toast `duration` overrides. */
+		duration: {
+			type: Number,
+			default: 5e3
+		},
+		/** Label announced by screen readers when a toast renders. */
+		label: {
+			type: String,
+			default: "Notification"
+		},
+		/** Swipe direction that dismisses a toast via touch. Reka default: `'right'`. */
+		swipeDirection: {
+			type: String,
+			default: "right"
+		},
+		/** Pixels swiped before a dismissal is registered. Reka default: `50`. */
+		swipeThreshold: {
+			type: Number,
+			default: 50
+		}
+	},
+	setup(props, { slots }) {
+		const forwarded = useForwardProps(props);
+		return () => h(ToastProvider, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/toast/ToastTitle.vue
+var ToastTitle_default = defineComponent({
+	name: "VCToastTitle",
+	inheritAttrs: false,
+	props: {
+		/**
+		* HTML tag to render.
+		*
+		* Vuecs convention: defaults to `'h3'` (Reka's `Primitive` default is
+		* `'div'`). `h3` is the semantically-correct host for an in-context
+		* heading within a toast — overridable via `:as`.
+		*/
+		as: {
+			type: String,
+			default: "h3"
+		},
+		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		...themableProps()
+	},
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("toastTitle", useThemeProps(props), toastTitleThemeDefaults);
+		return () => h(ToastTitle, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.root || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/toast/ToastDescription.vue
+var ToastDescription_default = defineComponent({
+	name: "VCToastDescription",
+	inheritAttrs: false,
+	props: {
+		/**
+		* HTML tag to render.
+		*
+		* Vuecs convention: defaults to `'p'` (Reka's `Primitive` default is
+		* `'div'`). `p` is the semantically-correct host for the toast body
+		* text — overridable via `:as`.
+		*/
+		as: {
+			type: String,
+			default: "p"
+		},
+		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		...themableProps()
+	},
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("toastDescription", useThemeProps(props), toastDescriptionThemeDefaults);
+		return () => h(ToastDescription, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.root || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/toast/ToastAction.vue
+var ToastAction_default = defineComponent({
+	name: "VCToastAction",
+	inheritAttrs: false,
+	props: {
+		/**
+		* Short text describing the action. Required by Reka for AT — when the
+		* toast auto-dismisses, screen readers announce this label so the user
+		* knows what was missed. Mirror your action button's visible label.
+		*/
+		altText: {
+			type: String,
+			required: true
+		},
+		/** HTML tag to render. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		...themableProps()
+	},
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("toastAction", useThemeProps(props), toastActionThemeDefaults);
+		return () => h(ToastAction, mergeProps(attrs, {
+			altText: props.altText,
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.root || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/toast/ToastClose.vue
+var ToastClose_default = defineComponent({
+	name: "VCToastClose",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* Force the corner-X presentation (reads the theme's `closeIcon` slot).
+		* When false (default), the slot-presence heuristic decides:
+		* - slotless renders the corner-X (`closeIcon`)
+		* - slotted renders the neutral `close` styling
+		*
+		* Same convention as `<VCModalClose>` / `<VCPopoverClose>`.
+		*/
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("toast", props, toastThemeDefaults);
+		return () => {
+			const hasSlot = !!slots.default;
+			const ariaLabel = attrs["aria-label"] ?? (hasSlot ? void 0 : "Close");
+			const slotKey = props.icon || !hasSlot ? "closeIcon" : "close";
+			return h(ToastClose, mergeProps(attrs, {
+				as: props.as,
+				asChild: props.asChild,
+				class: theme.value[slotKey] || void 0,
+				"aria-label": ariaLabel
+			}), { default: () => slots.default?.() ?? "×" });
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/use-toast.ts
+const entries = ref([]);
+let nextId = 0;
+function generateId() {
+	nextId += 1;
+	return `vc-toast-${nextId}`;
+}
+/**
+* Module-level singleton — every `useToast()` call returns the same queue
+* ref and mutator set. Adding from a fetch handler and rendering inside
+* `<VCToaster>` reuse one source of truth (singleton queue per plan 029 Q2).
+*
+*   const toast = useToast();
+*   toast.add({ title: 'Saved', description: 'User updated.', color: 'success' });
+*   const id = toast.add({ title: 'Uploading…', duration: 0 });
+*   toast.update(id, { description: '50% complete…' });
+*   toast.dismiss(id);
+*
+* The composable owns NO timer logic — auto-dismiss + pause-on-hover are
+* driven by Reka's `ToastRoot` `duration` prop, which `<VCToast>` forwards
+* from `entry.duration ?? <VCToastProvider :duration>`.
+*
+* SSR note: The singleton is *process-wide*, not per-request. If a server
+* worker is reused across requests (Nuxt default), state could in theory
+* leak between renders — but toasts are user-action notifications fired
+* from client-side handlers (clicks, fetch callbacks), so the server-side
+* queue is almost always empty at render time. Don't call `add()` from
+* SSR setup paths; defer it to `onMounted` or post-hydration handlers.
+*/
+function useToast() {
+	function add(entry) {
+		const suggested = entry.id;
+		const id = suggested === void 0 || entries.value.some((e) => e.id === suggested) ? generateId() : suggested;
+		entries.value = [...entries.value, {
+			...entry,
+			id
+		}];
+		return id;
+	}
+	function dismiss(id) {
+		const idx = entries.value.findIndex((e) => e.id === id);
+		if (idx === -1) return;
+		const removed = entries.value[idx];
+		entries.value = entries.value.filter((e) => e.id !== id);
+		removed?.onDismiss?.(id, toastApi);
+	}
+	function update(id, patch) {
+		const idx = entries.value.findIndex((e) => e.id === id);
+		if (idx === -1) return;
+		const next = [...entries.value];
+		next[idx] = {
+			...next[idx],
+			...patch
+		};
+		entries.value = next;
+	}
+	function clear() {
+		const toFire = entries.value;
+		entries.value = [];
+		for (const e of toFire) e.onDismiss?.(e.id, toastApi);
+	}
+	const toastApi = {
+		entries: readonly(entries),
+		add,
+		dismiss,
+		update,
+		clear
+	};
+	return toastApi;
+}
+//#endregion
+//#region src/components/toast/Toaster.vue?vue&type=script&lang.ts
+const toasterProps = {
+	/**
+	* Viewport position. Drives the `position` theme variant on
+	* `toastViewport`. Defaults to `'top-right'` on desktop with
+	* theme-provided responsive overrides at narrow viewports.
+	*/
+	position: {
+		type: String,
+		default: "top-right"
+	},
+	/**
+	* Keyboard shortcut that focuses the viewport (Reka default: `'F8'`).
+	* Allows screen-reader users to jump back to recent toasts.
+	*/
+	hotkey: {
+		type: Array,
+		default: void 0
+	},
+	/** Aria label for the viewport landmark. */
+	label: {
+		type: String,
+		default: void 0
+	},
+	/** HTML tag to render. */
+	as: {
+		type: String,
+		default: "ol"
+	},
+	...themableProps()
+};
+function isActionRenderFn(action) {
+	return typeof action === "function";
+}
+function renderTextField(value, wrapper) {
+	return h(wrapper, null, { default: typeof value === "function" ? value : () => value });
+}
+//#endregion
+//#region src/components/toast/Toaster.vue
+var Toaster_default = defineComponent({
+	name: "VCToaster",
+	inheritAttrs: false,
+	props: toasterProps,
+	slots: Object,
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("toastViewport", useThemeProps(props, "position"), toastViewportThemeDefaults);
+		const toastTheme = useComponentTheme("toast", {}, toastThemeDefaults);
+		const toastApi = useToast();
+		const { entries, dismiss } = toastApi;
+		const rekaProps = computed(() => {
+			const out = {};
+			if (props.hotkey) out.hotkey = props.hotkey;
+			if (props.label) out.label = props.label;
+			return out;
+		});
+		function renderEntry(entry) {
+			const onClose = () => dismiss(entry.id);
+			if (entry.component) return h(Toast_default, {
+				key: entry.id,
+				color: entry.color,
+				variant: entry.variant,
+				duration: entry.duration,
+				"onUpdate:open": (open) => {
+					if (!open) onClose();
+				}
+			}, () => h(entry.component, {
+				...entry.componentProps ?? {},
+				entry,
+				dismiss: onClose
+			}));
+			if (slots.default) {
+				const children = slots.default({
+					entry,
+					dismiss: onClose,
+					classes: toastTheme.value
+				});
+				return h(Fragment, { key: entry.id }, children);
+			}
+			const body = h("div", { class: toastTheme.value.body || void 0 }, [
+				entry.title !== void 0 ? renderTextField(entry.title, ToastTitle_default) : null,
+				entry.description !== void 0 ? renderTextField(entry.description, ToastDescription_default) : null,
+				renderAction(entry, toastApi)
+			]);
+			const closable = entry.closable !== false;
+			return h(Toast_default, {
+				key: entry.id,
+				color: entry.color,
+				variant: entry.variant,
+				duration: entry.duration,
+				"onUpdate:open": (open) => {
+					if (!open) onClose();
+				}
+			}, () => [body, closable ? h(ToastClose_default) : null]);
+		}
+		function renderAction(entry, api) {
+			if (!entry.action) return null;
+			if (isActionRenderFn(entry.action)) return h("div", null, entry.action(entry.id, api));
+			const structured = entry.action;
+			return h(ToastAction_default, {
+				altText: structured.label,
+				onClick: () => structured.onClick(entry.id, api)
+			}, () => structured.label);
+		}
+		return () => h(ToastViewport, mergeProps(attrs, {
+			as: props.as,
+			class: theme.value.root || void 0,
+			...rekaProps.value
+		}), { default: () => entries.value.map(renderEntry) });
+	}
+});
+//#endregion
+//#region src/components/tooltip/TooltipProvider.vue
+var TooltipProvider_default = defineComponent({
+	name: "VCTooltipProvider",
+	inheritAttrs: false,
+	props: {
+		/** Delay before opening on hover, ms. */
+		delayDuration: {
+			type: Number,
+			default: 700
+		},
+		/** Window after a tooltip closes during which sibling tooltips skip the delay, ms. */
+		skipDelayDuration: {
+			type: Number,
+			default: 300
+		},
+		/** Disable hovering-only opens (focus still works). */
+		disableHoverableContent: {
+			type: Boolean,
+			default: false
+		},
+		/** Disable closing on pointer-down outside content. */
+		disableClosingTrigger: {
+			type: Boolean,
+			default: false
+		},
+		/** Treat non-keyboard focus events as not focusing the trigger. */
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(TooltipProvider, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/tooltip/Tooltip.vue
+var Tooltip_default = defineComponent({
+	name: "VCTooltip",
+	inheritAttrs: false,
+	props: {
+		/** Controlled open state. Bind via `v-model:open`. */
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Initial open state for uncontrolled usage. */
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-tooltip override of the provider's hover-open delay (ms). Falls through to provider when undefined. */
+		delayDuration: {
+			type: Number,
+			default: void 0
+		},
+		/** Per-tooltip override — disable hover-only opens (focus still works). Falls through to provider when undefined. */
+		disableHoverableContent: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Per-tooltip override — disable closing on pointer-down outside. Falls through to provider when undefined. */
+		disableClosingTrigger: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const forwarded = useForwardPropsEmits(props, emit);
+		return () => h(TooltipRoot, forwarded.value, { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/tooltip/theme.ts
+const tooltipThemeDefaults = { classes: {
+	content: "vc-tooltip-content",
+	trigger: "vc-tooltip-trigger",
+	arrow: "vc-tooltip-arrow"
+} };
+//#endregion
+//#region src/components/tooltip/TooltipTrigger.vue
+var TooltipTrigger_default = defineComponent({
+	name: "VCTooltipTrigger",
+	inheritAttrs: false,
+	props: {
+		/** HTML tag (or component) to render as. Reka default: `'button'`. */
+		as: {
+			type: String,
+			default: "button"
+		},
+		/** Render the slot content as the rendered element instead of wrapping it. */
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const theme = useComponentTheme("tooltip", props, tooltipThemeDefaults);
+		return () => h(TooltipTrigger, mergeProps(attrs, {
+			as: props.as,
+			asChild: props.asChild,
+			class: theme.value.trigger || void 0
+		}), { default: () => slots.default?.() });
+	}
+});
+//#endregion
+//#region src/components/tooltip/TooltipContent.vue
+var TooltipContent_default = defineComponent({
+	name: "VCTooltipContent",
+	inheritAttrs: false,
+	props: {
+		/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		/** Preferred side relative to the trigger. Reka default for tooltip: `'top'`. */
+		side: {
+			type: String,
+			default: "top"
+		},
+		/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
+		sideOffset: {
+			type: Number,
+			default: 4
+		},
+		/** Alignment along the chosen side. */
+		align: {
+			type: String,
+			default: "center"
+		},
+		/** Offset in pixels along the alignment axis. */
+		alignOffset: {
+			type: Number,
+			default: 0
+		},
+		/** Flip / shift the panel to stay inside the viewport. */
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const theme = useComponentTheme("tooltip", props, tooltipThemeDefaults);
+		const renderContent = () => h(TooltipContent, mergeProps(attrs, {
+			side: props.side,
+			sideOffset: props.sideOffset,
+			align: props.align,
+			alignOffset: props.alignOffset,
+			avoidCollisions: props.avoidCollisions,
+			class: theme.value.content || void 0
+		}), { default: () => slots.default?.() });
+		return () => {
+			if (props.inline) return renderContent();
+			return h(TooltipPortal, null, { default: () => renderContent() });
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/TooltipArrow.vue
+var TooltipArrow_default = defineComponent({
+	name: "VCTooltipArrow",
+	props: {
+		/** Arrow width in pixels. */
+		width: {
+			type: Number,
+			default: 10
+		},
+		/** Arrow height in pixels. */
+		height: {
+			type: Number,
+			default: 5
+		},
+		/** Per-instance theme override — flat slot key map. */
+		themeClass: {
+			type: Object,
+			default: void 0
+		},
+		/** Per-instance variant values. */
+		themeVariant: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useComponentTheme("tooltip", props, tooltipThemeDefaults);
+		return () => h(TooltipArrow, {
+			width: props.width,
+			height: props.height,
+			class: theme.value.arrow || void 0
+		});
+	}
+});
+//#endregion
+//#region src/index.ts
+function install(app, options = {}) {
+	installThemeManager(app, options);
+	installDefaultsManager(app, options);
+	registerOverlayConfigDefaults(installConfigManager(app, options));
+	Object.entries({
+		VCPresence: Presence_default,
+		VCModal: Modal_default,
+		VCModalTrigger: ModalTrigger_default,
+		VCModalContent: ModalContent_default,
+		VCModalTitle: ModalTitle_default,
+		VCModalDescription: ModalDescription_default,
+		VCModalClose: ModalClose_default,
+		VCPopover: Popover_default,
+		VCPopoverTrigger: PopoverTrigger_default,
+		VCPopoverContent: PopoverContent_default,
+		VCPopoverArrow: PopoverArrow_default,
+		VCPopoverClose: PopoverClose_default,
+		VCTooltipProvider: TooltipProvider_default,
+		VCTooltip: Tooltip_default,
+		VCTooltipTrigger: TooltipTrigger_default,
+		VCTooltipContent: TooltipContent_default,
+		VCTooltipArrow: TooltipArrow_default,
+		VCDropdownMenu: DropdownMenu_default,
+		VCDropdownMenuTrigger: DropdownMenuTrigger_default,
+		VCDropdownMenuContent: DropdownMenuContent_default,
+		VCDropdownMenuItem: DropdownMenuItem_default,
+		VCDropdownMenuCheckboxItem: DropdownMenuCheckboxItem_default,
+		VCDropdownMenuRadioGroup: DropdownMenuRadioGroup_default,
+		VCDropdownMenuRadioItem: DropdownMenuRadioItem_default,
+		VCDropdownMenuItemIndicator: DropdownMenuItemIndicator_default,
+		VCDropdownMenuLabel: DropdownMenuLabel_default,
+		VCDropdownMenuSeparator: DropdownMenuSeparator_default,
+		VCDropdownMenuGroup: DropdownMenuGroup_default,
+		VCDropdownMenuSub: DropdownMenuSub_default,
+		VCDropdownMenuSubTrigger: DropdownMenuSubTrigger_default,
+		VCDropdownMenuSubContent: DropdownMenuSubContent_default,
+		VCDropdownMenuArrow: DropdownMenuArrow_default,
+		VCHoverCard: HoverCard_default,
+		VCHoverCardTrigger: HoverCardTrigger_default,
+		VCHoverCardContent: HoverCardContent_default,
+		VCHoverCardArrow: HoverCardArrow_default,
+		VCContextMenu: ContextMenu_default,
+		VCContextMenuTrigger: ContextMenuTrigger_default,
+		VCContextMenuContent: ContextMenuContent_default,
+		VCContextMenuItem: ContextMenuItem_default,
+		VCContextMenuCheckboxItem: ContextMenuCheckboxItem_default,
+		VCContextMenuRadioGroup: ContextMenuRadioGroup_default,
+		VCContextMenuRadioItem: ContextMenuRadioItem_default,
+		VCContextMenuItemIndicator: ContextMenuItemIndicator_default,
+		VCContextMenuLabel: ContextMenuLabel_default,
+		VCContextMenuSeparator: ContextMenuSeparator_default,
+		VCContextMenuGroup: ContextMenuGroup_default,
+		VCContextMenuSub: ContextMenuSub_default,
+		VCContextMenuSubTrigger: ContextMenuSubTrigger_default,
+		VCContextMenuSubContent: ContextMenuSubContent_default,
+		VCToastProvider: ToastProvider_default,
+		VCToaster: Toaster_default,
+		VCToast: Toast_default,
+		VCToastTitle: ToastTitle_default,
+		VCToastDescription: ToastDescription_default,
+		VCToastAction: ToastAction_default,
+		VCToastClose: ToastClose_default
+	}).forEach(([name, component]) => {
+		app.component(name, component);
+	});
+}
+var src_default = { install };
+//#endregion
+export { ContextMenu_default as VCContextMenu, ContextMenuCheckboxItem_default as VCContextMenuCheckboxItem, ContextMenuContent_default as VCContextMenuContent, ContextMenuGroup_default as VCContextMenuGroup, ContextMenuItem_default as VCContextMenuItem, ContextMenuItemIndicator_default as VCContextMenuItemIndicator, ContextMenuLabel_default as VCContextMenuLabel, ContextMenuRadioGroup_default as VCContextMenuRadioGroup, ContextMenuRadioItem_default as VCContextMenuRadioItem, ContextMenuSeparator_default as VCContextMenuSeparator, ContextMenuSub_default as VCContextMenuSub, ContextMenuSubContent_default as VCContextMenuSubContent, ContextMenuSubTrigger_default as VCContextMenuSubTrigger, ContextMenuTrigger_default as VCContextMenuTrigger, DropdownMenu_default as VCDropdownMenu, DropdownMenuArrow_default as VCDropdownMenuArrow, DropdownMenuCheckboxItem_default as VCDropdownMenuCheckboxItem, DropdownMenuContent_default as VCDropdownMenuContent, DropdownMenuGroup_default as VCDropdownMenuGroup, DropdownMenuItem_default as VCDropdownMenuItem, DropdownMenuItemIndicator_default as VCDropdownMenuItemIndicator, DropdownMenuLabel_default as VCDropdownMenuLabel, DropdownMenuRadioGroup_default as VCDropdownMenuRadioGroup, DropdownMenuRadioItem_default as VCDropdownMenuRadioItem, DropdownMenuSeparator_default as VCDropdownMenuSeparator, DropdownMenuSub_default as VCDropdownMenuSub, DropdownMenuSubContent_default as VCDropdownMenuSubContent, DropdownMenuSubTrigger_default as VCDropdownMenuSubTrigger, DropdownMenuTrigger_default as VCDropdownMenuTrigger, HoverCard_default as VCHoverCard, HoverCardArrow_default as VCHoverCardArrow, HoverCardContent_default as VCHoverCardContent, HoverCardTrigger_default as VCHoverCardTrigger, Modal_default as VCModal, ModalClose_default as VCModalClose, ModalContent_default as VCModalContent, ModalDescription_default as VCModalDescription, ModalTitle_default as VCModalTitle, ModalTrigger_default as VCModalTrigger, Popover_default as VCPopover, PopoverArrow_default as VCPopoverArrow, PopoverClose_default as VCPopoverClose, PopoverContent_default as VCPopoverContent, PopoverTrigger_default as VCPopoverTrigger, Presence_default as VCPresence, Toast_default as VCToast, ToastAction_default as VCToastAction, ToastClose_default as VCToastClose, ToastDescription_default as VCToastDescription, ToastProvider_default as VCToastProvider, ToastTitle_default as VCToastTitle, Toaster_default as VCToaster, Tooltip_default as VCTooltip, TooltipArrow_default as VCTooltipArrow, TooltipContent_default as VCTooltipContent, TooltipProvider_default as VCTooltipProvider, TooltipTrigger_default as VCTooltipTrigger, contextMenuThemeDefaults, src_default as default, dropdownMenuThemeDefaults, hoverCardThemeDefaults, install, modalThemeDefaults, popoverThemeDefaults, toastActionThemeDefaults, toastDescriptionThemeDefaults, toastThemeDefaults, toastTitleThemeDefaults, toastViewportThemeDefaults, tooltipThemeDefaults, useModal, useToast };
+
+//# sourceMappingURL=index.mjs.map