ropav 0.13.0 → 0.15.0

package/dist/components/accordion/index.d.ts

@@ -7,5 +7,6 @@ import AccordionRoot from "./accordion-root.js";
 import AccordionTrigger from "./accordion-trigger.js";
 export { AccordionRoot as Accordion, AccordionItem, AccordionHeading, AccordionTrigger, AccordionPanel, AccordionIndicator, AccordionBody, };
 export type { AccordionRootProps as AccordionProps, AccordionItemProps, AccordionHeadingProps, AccordionTriggerProps, AccordionPanelProps, AccordionIndicatorProps, AccordionBodyProps, } from "./accordion.types.js";
+export type { DisclosureKey } from "../../composables/use-disclosure-group.js";
 export { accordionVariants } from "@ropav/styles";
 export type { AccordionVariants } from "@ropav/styles";

package/dist/components/alert-dialog/alert-dialog-backdrop.js

@@ -1,6 +1,7 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { provideFocusResponder } from "../../composables/focus-responder.js";
 import { providePressResponder } from "../../composables/press-responder.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { useModalOverlay } from "../../composables/use-modal-overlay.js";
 import { useModalTransition } from "../../composables/use-modal-transition.js";
 import { provideAlertDialogContext, provideAlertDialogOverlayContext, useAlertDialogContext } from "./alert-dialog.context.js";
@@ -101,7 +102,8 @@ var alert_dialog_backdrop_vue_vue_type_script_setup_true_vapor_true_lang_default
 			}
 		});
 		const styles = computed(() => slots.value.backdrop({ class: props.class }));
-		const target = computed(() => props.portalContainer ?? "body");
+		const portal = usePortal();
+		const target = computed(() => props.portalContainer ?? portal.container.value);
 		const setElement = (next) => {
 			backdropElement.value = next ?? null;
 		};

package/dist/components/autocomplete/index.d.ts

@@ -10,5 +10,6 @@ export type { AutocompleteClearButtonProps, AutocompleteFilterEmits, Autocomplet
 export { useAutocompleteContext } from "./autocomplete.context.js";
 export type { AutocompleteContext } from "./autocomplete.context.js";
 export type { UseSelectReturn } from "../../composables/use-select.js";
+export type { SelectedItem, SelectedValue, UseSelectStateReturn, } from "../../composables/use-select-state.js";
 export { autocompleteVariants } from "@ropav/styles";
 export type { AutocompleteVariants } from "@ropav/styles";

package/dist/components/calendar/index.d.ts

@@ -14,5 +14,6 @@ export { provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOw
 export type { CalendarOwnedProps, CalendarOwnerContext, CalendarStateContext, } from "./calendar.context.js";
 export type { AnyCalendarState, UseCalendarReturn } from "../../composables/use-calendar.js";
 export type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
+export type { CalendarSelectionMode, CalendarValue, PageBehavior, SelectionAlignment, } from "../../composables/use-calendar-state.js";
 export { calendarVariants } from "@ropav/styles";
 export type { CalendarVariants } from "@ropav/styles";

package/dist/components/checkbox-group/index.d.ts

@@ -3,5 +3,6 @@ export { CheckboxGroupRoot as CheckboxGroup };
 export type { CheckboxGroupRootProps as CheckboxGroupProps, CheckboxGroupSlotProps, } from "./checkbox-group.types.js";
 export { useCheckboxGroupContext, provideCheckboxGroupContext } from "./checkbox-group.context.js";
 export type { CheckboxGroupContext } from "./checkbox-group.context.js";
+export type { CheckboxGroupState } from "../../composables/use-checkbox-group-state.js";
 export { checkboxGroupVariants } from "@ropav/styles";
 export type { CheckboxGroupVariants } from "@ropav/styles";

package/dist/components/color-slider/index.d.ts

@@ -4,5 +4,6 @@ import ColorSliderThumb from "./color-slider-thumb.js";
 import ColorSliderTrack from "./color-slider-track.js";
 export { ColorSliderRoot as ColorSlider, ColorSliderOutput, ColorSliderTrack, ColorSliderThumb };
 export type { ColorSliderRootProps as ColorSliderProps, ColorSliderOutputProps, ColorSliderTrackProps, ColorSliderThumbProps, ColorSliderSlotProps, ColorSliderThumbSlotProps, } from "./color-slider.types.js";
+export type { SliderOrientation } from "../../composables/use-slider-state.js";
 export { colorSliderVariants } from "@ropav/styles";
 export type { ColorSliderVariants } from "@ropav/styles";

package/dist/components/combo-box/index.d.ts

@@ -8,5 +8,7 @@ export type { ComboBoxInputGroupProps, ComboBoxInputGroupSlotProps, ComboBoxPopo
 export { useComboBoxContext } from "./combo-box.context.js";
 export type { ComboBoxContext } from "./combo-box.context.js";
 export type { UseComboBoxReturn } from "../../composables/use-combo-box.js";
+export type { ComboBoxFilter, ComboBoxMenuTrigger, ComboBoxValidationValue, UseComboBoxStateReturn, } from "../../composables/use-combo-box-state.js";
+export type { SelectSelectionMode, SelectedItem, SelectedValue, } from "../../composables/use-select-state.js";
 export { comboBoxVariants } from "@ropav/styles";
 export type { ComboBoxVariants } from "@ropav/styles";

package/dist/components/date-field/index.d.ts

@@ -4,5 +4,6 @@ export { DateInputGroupInput as DateFieldInput, DateInputGroupInputContainer as
 export { DateFieldRoot as DateField };
 export type { DateFieldRootProps as DateFieldProps, DateFieldRootSlotProps as DateFieldSlotProps, } from "./date-field.types.js";
 export type { DateInputGroupInputContainerProps as DateFieldInputContainerProps, DateInputGroupInputProps as DateFieldInputProps, DateInputGroupInputSlotProps as DateFieldInputSlotProps, DateInputGroupPrefixProps as DateFieldPrefixProps, DateInputGroupRootProps as DateFieldGroupProps, DateInputGroupRootSlotProps as DateFieldGroupSlotProps, DateInputGroupSegmentProps as DateFieldSegmentProps, DateInputGroupSuffixProps as DateFieldSuffixProps, } from "../date-input-group/index.js";
+export type { DateSegment } from "../../composables/use-date-field-state.js";
 export { dateFieldVariants, dateInputGroupVariants } from "@ropav/styles";
 export type { DateFieldVariants, DateInputGroupVariants } from "@ropav/styles";

package/dist/components/date-picker/index.d.ts

@@ -9,5 +9,7 @@ export type { DatePickerPopoverProps, DatePickerRootProps as DatePickerProps, Da
 export type { DateInputGroupInputContainerProps as DatePickerInputContainerProps, DateInputGroupInputProps as DatePickerInputProps, DateInputGroupInputSlotProps as DatePickerInputSlotProps, DateInputGroupPrefixProps as DatePickerPrefixProps, DateInputGroupRootProps as DatePickerGroupProps, DateInputGroupRootSlotProps as DatePickerGroupSlotProps, DateInputGroupSegmentProps as DatePickerSegmentProps, DateInputGroupSuffixProps as DatePickerSuffixProps, } from "../date-input-group/index.js";
 export { provideDatePickerContext, useDatePickerContext } from "./date-picker.context.js";
 export type { DatePickerContext } from "./date-picker.context.js";
+export type { PageBehavior } from "../../composables/use-calendar-state.js";
+export type { DateSegment } from "../../composables/use-date-field-state.js";
 export { dateInputGroupVariants, datePickerVariants } from "@ropav/styles";
 export type { DateInputGroupVariants, DatePickerVariants } from "@ropav/styles";

package/dist/components/date-range-picker/index.d.ts

@@ -11,5 +11,7 @@ export type { DateInputGroupInputContainerProps as DateRangePickerInputContainer
 export { provideDateRangePickerContext, useDateRangePickerContext, } from "./date-range-picker.context.js";
 export type { DateRangePickerContext } from "./date-range-picker.context.js";
 export type { DateRange } from "../../composables/use-calendar.js";
+export type { PageBehavior } from "../../composables/use-calendar-state.js";
+export type { DateSegment } from "../../composables/use-date-field-state.js";
 export { dateInputGroupVariants, dateRangePickerVariants } from "@ropav/styles";
 export type { DateInputGroupVariants, DateRangePickerVariants } from "@ropav/styles";

package/dist/components/date-range-picker/use-date-range-picker.js

@@ -1,7 +1,7 @@
 import { useId as useId$1 } from "../../composables/use-id.js";
 import { createFocusManager } from "../../utils/focus.js";
 import { useFieldIds } from "../../composables/use-field-ids.js";
-import { DEFAULT_VALIDATION_RESULT, mergeValidation } from "../../composables/use-form-validation-state.js";
+import { DEFAULT_VALIDATION_RESULT, mergeValidation } from "../../composables/validation-result.js";
 import { useLocale } from "../../composables/use-locale.js";
 import { useLocalizedStringFormatter } from "../../composables/use-localized-string-formatter.js";
 import { useDescription } from "../../composables/use-description.js";

package/dist/components/disclosure-group/index.d.ts

@@ -3,6 +3,7 @@ export { DisclosureGroupRoot as DisclosureGroup };
 export type { DisclosureGroupRootProps as DisclosureGroupProps } from "./disclosure-group.types.js";
 export { useDisclosureGroupContext } from "./disclosure-group.context.js";
 export type { DisclosureGroupContext } from "./disclosure-group.context.js";
+export type { DisclosureKey, UseDisclosureGroupReturn, } from "../../composables/use-disclosure-group.js";
 export { useDisclosureGroupNavigation } from "../../composables/use-disclosure-group-navigation.js";
 export type { UseDisclosureGroupNavigationOptions, UseDisclosureGroupNavigationReturn, } from "../../composables/use-disclosure-group-navigation.js";
 export { disclosureGroupVariants } from "@ropav/styles";

package/dist/components/drawer/drawer-backdrop.js

@@ -1,6 +1,7 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { provideFocusResponder } from "../../composables/focus-responder.js";
 import { providePressResponder } from "../../composables/press-responder.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { useModalOverlay } from "../../composables/use-modal-overlay.js";
 import { useModalTransition } from "../../composables/use-modal-transition.js";
 import { provideDrawerContext, provideDrawerOverlayContext, useDrawerContext } from "./drawer.context.js";
@@ -98,7 +99,8 @@ var drawer_backdrop_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			}
 		});
 		const styles = computed(() => slots.value.backdrop({ class: props.class }));
-		const target = computed(() => props.portalContainer ?? "body");
+		const portal = usePortal();
+		const target = computed(() => props.portalContainer ?? portal.container.value);
 		const setElement = (next) => {
 			backdropElement.value = next ?? null;
 		};

package/dist/components/dropdown/dropdown-menu.js

@@ -2,6 +2,7 @@ import { provideSeparatorContext } from "../separator/separator.context.js";
 import { useMenu } from "../../composables/use-menu.js";
 import { useDropdownPopoverTarget } from "./dropdown.context.js";
 import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref, useSlots } from "vue";
+import { menuVariants } from "@ropav/styles";
 //#region src/components/dropdown/dropdown-menu.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>");
 var t1 = template("<div>", 1);
@@ -36,6 +37,10 @@ var dropdown_menu_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const emit = __emit;
 		const callerSlots = useSlots();
 		const target = useDropdownPopoverTarget();
+		const styles = computed(() => menuVariants({
+			class: ["rp-dropdown__menu", props.class],
+			size: props.size
+		}));
 		provideSeparatorContext({ elementType: "div" });
 		const menu = useMenu({
 			autoFocus: target.autoFocus,
@@ -62,12 +67,11 @@ var dropdown_menu_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const hasEmptySlot = computed(() => Boolean(callerSlots["empty"]));
 		const n5 = t1();
 		renderEffect(() => {
-			const _props = props;
 			const _menu = unref(menu);
 			setDynamicProps(n5, [
 				{
-					class: ["rp-menu rp-dropdown__menu", _props.class],
-					"data-selection-mode": _props.selectionMode,
+					class: styles.value,
+					"data-selection-mode": props.selectionMode,
 					"data-slot": "dropdown-menu"
 				},
 				_menu.menuAttributes.value,

package/dist/components/dropdown/dropdown-root.js

@@ -1,5 +1,5 @@
 import { providePressResponder } from "../../composables/press-responder.js";
-import { useMenuTriggerState } from "../../composables/use-overlay-trigger-state.js";
+import { useMenuTriggerState } from "../../composables/use-menu-trigger-state.js";
 import { useMenuTrigger } from "../../composables/use-menu-trigger.js";
 import { provideDropdownContext, provideDropdownPopoverTarget } from "./dropdown.context.js";
 import { computed, createSlot, defineVaporComponent } from "vue";

package/dist/components/dropdown/dropdown-submenu-trigger.js

@@ -1,5 +1,5 @@
 import { useId as useId$1 } from "../../composables/use-id.js";
-import { useSubmenuTriggerState } from "../../composables/use-overlay-trigger-state.js";
+import { useSubmenuTriggerState } from "../../composables/use-menu-trigger-state.js";
 import { provideMenuItemPopupContext } from "../menu-item/menu-item.context.js";
 import { useMenuContext } from "../menu/menu.context.js";
 import { provideDropdownPopoverTarget, useDropdownContext } from "./dropdown.context.js";

package/dist/components/dropdown/dropdown.context.d.ts

@@ -1,4 +1,4 @@
-import type { RootMenuTriggerState } from "../../composables/use-overlay-trigger-state.js";
+import type { RootMenuTriggerState } from "../../composables/use-menu-trigger-state.js";
 import type { OverlayTargetContext } from "../overlay/index.js";
 import type { dropdownVariants } from "@ropav/styles";
 import type { ComputedRef } from "vue";

package/dist/components/dropdown/index.d.ts

@@ -8,5 +8,6 @@ export type { DropdownMenuProps, DropdownPopoverProps, DropdownRootEmits as Drop
 export { useDropdownContext, useDropdownPopoverTarget } from "./dropdown.context.js";
 export type { DropdownContext, DropdownPopoverTarget } from "./dropdown.context.js";
 export type { MenuTriggerType } from "../../composables/use-menu-trigger.js";
+export type { RootMenuTriggerState } from "../../composables/use-menu-trigger-state.js";
 export { dropdownVariants } from "@ropav/styles";
 export type { DropdownVariants } from "@ropav/styles";

package/dist/components/field-error/field-error-root.js

@@ -1,4 +1,4 @@
-import { DEFAULT_VALIDATION_RESULT } from "../../composables/use-form-validation-state.js";
+import { DEFAULT_VALIDATION_RESULT } from "../../composables/validation-result.js";
 import field_error_content_default from "./field-error-content.js";
 import { useFieldErrorContext } from "./field-error.context.js";
 import { computed, createComponent, createIf, createSlot, defineVaporComponent, extend, renderEffect, setText, template, toDisplayString } from "vue";

package/dist/components/form/form-root.js

@@ -1,4 +1,4 @@
-import { provideFormContext } from "../../composables/use-form-validation-state.js";
+import { provideFormContext } from "../../composables/form-context.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setClass, setInsertionState, setProp, shallowRef, template } from "vue";
 //#region src/components/form/form-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<form>", 1);

package/dist/components/index.d.ts

@@ -58,6 +58,7 @@ export * from "./modal/index.js";
 export * from "./number-field/index.js";
 export * from "./pagination/index.js";
 export * from "./popover/index.js";
+export * from "./portal-provider/index.js";
 export * from "./progress-bar/index.js";
 export * from "./progress-circle/index.js";
 export * from "./radio/index.js";

package/dist/components/meter/meter-root.js

@@ -5,7 +5,7 @@ import { useProgressValue } from "../../composables/use-progress-value.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, template, unref } from "vue";
 import { meterVariants } from "@ropav/styles";
 //#region src/components/meter/meter-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-slot=meter role=\"meter progressbar\">", 1);
+var t0 = template("<div data-slot=meter role=meter>", 1);
 var meter_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "meter-root",
 	props: {

package/dist/components/modal/modal-backdrop.js

@@ -1,6 +1,7 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { provideFocusResponder } from "../../composables/focus-responder.js";
 import { providePressResponder } from "../../composables/press-responder.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { useModalOverlay } from "../../composables/use-modal-overlay.js";
 import { useModalTransition } from "../../composables/use-modal-transition.js";
 import { provideModalContext, provideModalOverlayContext, useModalContext } from "./modal.context.js";
@@ -95,7 +96,8 @@ var modal_backdrop_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			}
 		});
 		const styles = computed(() => slots.value.backdrop({ class: props.class }));
-		const target = computed(() => props.portalContainer ?? "body");
+		const portal = usePortal();
+		const target = computed(() => props.portalContainer ?? portal.container.value);
 		const setElement = (next) => {
 			backdropElement.value = next ?? null;
 		};

package/dist/components/number-field/index.d.ts

@@ -8,5 +8,6 @@ export type { NumberFieldRootProps as NumberFieldProps, NumberFieldRootSlotProps
 export { provideNumberFieldContext, useNumberFieldContext } from "./number-field.context.js";
 export type { NumberFieldContext } from "./number-field.context.js";
 export type { NumberFieldStepper, UseNumberFieldReturn } from "../../composables/use-number-field.js";
+export type { NumberFieldCommitBehavior } from "../../composables/use-number-field-state.js";
 export { numberFieldVariants } from "@ropav/styles";
 export type { NumberFieldVariants } from "@ropav/styles";

package/dist/components/overlay/overlay-popover.js

@@ -1,8 +1,9 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { provideSurfaceContext } from "../surface/surface.context.js";
 import { ariaHideOutside, keepVisible } from "../../utils/aria-hide-outside.js";
-import { useFocusScope } from "../../composables/use-focus-scope.js";
 import { useDismissable } from "../../composables/use-dismissable.js";
+import { useFocusScope } from "../../composables/use-focus-scope.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { usePreventScroll } from "../../composables/use-prevent-scroll.js";
 import { useEnterExit } from "../../composables/use-enter-exit.js";
 import { provideOverlayGroupContext, useOverlayGroupContext, useOverlayTargetContext } from "./overlay.context.js";
@@ -54,6 +55,7 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const props = __props;
 		const target = useOverlayTargetContext();
 		const group = useOverlayGroupContext();
+		const portal = usePortal();
 		/**
 		* Modality belongs to the overlay, not to the thing that opened it.
 		*
@@ -88,6 +90,7 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const { arrowStyle, overlayStyle, placement } = useOverlayPosition({
 			arrowBoundaryOffset: () => props.arrowBoundaryOffset,
 			arrowRef: arrow,
+			boundaryElement: () => portal.root.value,
 			containerPadding: () => props.containerPadding,
 			crossOffset: () => props.crossOffset,
 			isOpen: () => target.state.isOpen.value,
@@ -138,6 +141,7 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			isOpen: () => target.state.isOpen.value,
 			onClose: target.state.close,
 			overlayRef: element,
+			region: () => portal.root.value,
 			shouldCloseOnBlur: true,
 			shouldCloseOnInteractOutside
 		});
@@ -157,14 +161,18 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			() => target.state.isOpen.value,
 			element,
 			ownContainer,
-			isNonModal
-		], ([isOpen, popover, container], _previous, onCleanup) => {
+			isNonModal,
+			() => portal.root.value
+		], ([isOpen, popover, container, nonModal, root], _previous, onCleanup) => {
 			if (!isOpen || !popover) return;
-			if (isNonModal.value) {
+			if (nonModal) {
 				onCleanup(keepVisible(popover) ?? (() => {}));
 				return;
 			}
-			onCleanup(ariaHideOutside([container ?? popover], { shouldUseInert: true }));
+			onCleanup(ariaHideOutside([container ?? popover], {
+				root: root ?? void 0,
+				shouldUseInert: true
+			}));
 		}, {
 			flush: "post",
 			immediate: true
@@ -172,6 +180,7 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		useFocusScope({
 			contain: () => isDialog.value || focusContainRequests.value > 0,
 			isActive: () => target.state.isOpen.value,
+			region: () => portal.root.value,
 			restoreFocus: true,
 			scopeRef: element
 		});
@@ -215,7 +224,7 @@ var overlay_popover_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			ownContainer.value = next ?? null;
 		};
 		return [createIf(() => !unref(isSubOverlay) && isPresent.value, () => {
-			return createComponent(VaporTeleport, { to: "body" }, () => {
+			return createComponent(VaporTeleport, { to: () => unref(portal).container.value }, () => {
 				const n2 = t0();
 				setStyle(n2, CONTAINER_STYLE);
 				setTemplateRefBinding(n2, () => setContainer);

package/dist/components/portal-provider/index.d.ts

@@ -0,0 +1,3 @@
+import PortalProviderRoot from "./portal-provider.js";
+export { PortalProviderRoot as PortalProvider };
+export type { PortalProviderRootProps as PortalProviderProps } from "./portal-provider.types.js";

package/dist/components/portal-provider/index.js

@@ -0,0 +1,2 @@
+import portal_provider_default from "./portal-provider.js";
+export { portal_provider_default as PortalProvider };

package/dist/components/portal-provider/portal-provider.d.ts

@@ -0,0 +1,21 @@
+import type { PortalProviderRootProps } from "./portal-provider.types.js";
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<PortalProviderRootProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: () => unknown;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/portal-provider/portal-provider.js

@@ -0,0 +1,20 @@
+import { providePortal } from "../../composables/use-portal.js";
+import { createSlot, defineVaporComponent } from "vue";
+//#region src/components/portal-provider/portal-provider.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var portal_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
+	__name: "portal-provider",
+	props: {
+		container: {},
+		root: {}
+	},
+	setup(__props) {
+		const props = __props;
+		providePortal({
+			container: () => props.container,
+			root: () => props.root
+		});
+		return createSlot();
+	}
+});
+//#endregion
+export { portal_provider_vue_vue_type_script_setup_true_vapor_true_lang_default as default };

package/dist/components/portal-provider/portal-provider.types.d.ts

@@ -0,0 +1,22 @@
+export interface PortalProviderRootProps {
+    /**
+     * Where every overlay below renders: modals, alert dialogs, drawers, popovers, menus, the
+     * listboxes of pickers, tooltips and toast regions. A component's own `portalContainer` still
+     * wins.
+     *
+     * Omitted, it inherits the enclosing provider's container; `null` goes back to the document's
+     * body. An element other than the body has to be a containing block for `position: fixed` (a
+     * `transform`, or `contain: layout` or `paint`) sized to the area the overlays cover: backdrops
+     * fill it, and modals size to it rather than to the visual viewport.
+     */
+    container?: HTMLElement | string | null;
+    /**
+     * The part of the page the overlays below belong to, usually an element holding both the content
+     * and the `container`. A modal makes only this element `inert` and holds focus and outside
+     * presses only within it, and a placed overlay flips and shifts to stay inside it — so an app
+     * rendered in a window of a larger page leaves the rest of that page alone.
+     *
+     * Omitted, it inherits the enclosing provider's root; `null` goes back to the whole document.
+     */
+    root?: HTMLElement | null;
+}

package/dist/components/radio-group/index.d.ts

@@ -3,5 +3,6 @@ export { RadioGroupRoot as RadioGroup };
 export type { RadioGroupRootProps as RadioGroupProps, RadioGroupSlotProps, } from "./radio-group.types.js";
 export { useRadioGroupContext, provideRadioGroupContext } from "./radio-group.context.js";
 export type { RadioGroupContext } from "./radio-group.context.js";
+export type { RadioGroupState } from "../../composables/use-radio-group-state.js";
 export { radioGroupVariants } from "@ropav/styles";
 export type { RadioGroupVariants } from "@ropav/styles";

package/dist/components/range-calendar/index.d.ts

@@ -14,6 +14,7 @@ export { provideRangeCalendarContext, provideRangeCalendarOwnerContext, useRange
 export type { RangeCalendarContext, RangeCalendarOwnedProps, RangeCalendarOwnerContext, } from "./range-calendar.context.js";
 export type { AnyCalendarState, DateRange } from "../../composables/use-calendar.js";
 export type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
+export type { PageBehavior, SelectionAlignment } from "../../composables/use-calendar-state.js";
 export type { RangeCalendarCommitBehavior } from "../../composables/use-range-calendar.js";
 export { rangeCalendarVariants } from "@ropav/styles";
 export type { RangeCalendarVariants } from "@ropav/styles";

package/dist/components/segmented-control/index.d.ts

@@ -6,5 +6,6 @@ export { SegmentedControlRoot as SegmentedControl, SegmentedControlItem, Segment
 export type { SegmentedControlRootProps as SegmentedControlProps, SegmentedControlRootSlotProps as SegmentedControlSlotProps, SegmentedControlItemProps, SegmentedControlItemSlotProps, SegmentedControlIndicatorProps, SegmentedControlSeparatorProps, SegmentedControlOrientation, } from "./segmented-control.types.js";
 export { useSegmentedControlContext, useSegmentedControlItemContext, } from "./segmented-control.context.js";
 export type { SegmentedControlContext, SegmentedControlItemContext, } from "./segmented-control.context.js";
+export type { UseSingleSelectListStateReturn } from "../../composables/use-single-select-list-state.js";
 export { segmentedControlVariants } from "@ropav/styles";
 export type { SegmentedControlVariants } from "@ropav/styles";

package/dist/components/select/index.d.ts

@@ -9,5 +9,6 @@ export type { SelectClearButtonProps, SelectIndicatorProps, SelectPopoverProps,
 export { useSelectContext } from "./select.context.js";
 export type { SelectContext } from "./select.context.js";
 export type { UseSelectReturn } from "../../composables/use-select.js";
+export type { SelectSelectionMode, SelectedItem, SelectedValue, UseSelectStateReturn, } from "../../composables/use-select-state.js";
 export { selectVariants } from "@ropav/styles";
 export type { SelectVariants } from "@ropav/styles";

package/dist/components/slider/index.d.ts

@@ -6,5 +6,6 @@ import SliderThumb from "./slider-thumb.js";
 import SliderTrack from "./slider-track.js";
 export { SliderRoot as Slider, SliderOutput, SliderTrack, SliderFill, SliderThumb, SliderMarks };
 export type { SliderRootProps as SliderProps, SliderOutputProps, SliderTrackProps, SliderFillProps, SliderThumbProps, SliderMarksProps, SliderSlotProps, SliderThumbSlotProps, } from "./slider.types.js";
+export type { SliderOrientation } from "../../composables/use-slider-state.js";
 export { sliderVariants } from "@ropav/styles";
 export type { SliderVariants } from "@ropav/styles";

package/dist/components/table/table-drag-handle.js

@@ -1,5 +1,5 @@
 import { providePressResponder } from "../../composables/press-responder.js";
-import { isVirtualClick, isVirtualPointerEvent } from "../../composables/use-press.js";
+import { isVirtualClick, isVirtualPointerEvent } from "../../composables/virtual-event.js";
 import { useTableRowContext } from "./table.context.js";
 import { computed, createSlot, defineVaporComponent, shallowRef } from "vue";
 //#region src/components/table/table-drag-handle.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/components/tabs/index.d.ts

@@ -9,5 +9,6 @@ export { TabsRoot as Tabs, TabsListContainer, TabsList, TabsTab, TabsIndicator,
 export type { TabsRootProps as TabsProps, TabsRootSlotProps as TabsSlotProps, TabsListContainerProps, TabsListProps, TabsTabProps, TabsTabSlotProps, TabsIndicatorProps, TabsSeparatorProps, TabsPanelProps, TabsPanelSlotProps, TabsKeyboardActivation, TabsOrientation, } from "./tabs.types.js";
 export { useTabsContext, useTabsTabContext } from "./tabs.context.js";
 export type { TabsContext, TabsTabContext } from "./tabs.context.js";
+export type { UseTabListStateReturn } from "../../composables/use-tab-list-state.js";
 export { tabsVariants } from "@ropav/styles";
 export type { TabsVariants } from "@ropav/styles";

package/dist/components/tabs/tabs-root.js

@@ -13,6 +13,10 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 	props: {
 		class: {},
 		align: { default: void 0 },
+		fullWidth: {
+			type: Boolean,
+			default: void 0
+		},
 		selectedKey: {},
 		defaultSelectedKey: {},
 		disabledKeys: {},
@@ -34,6 +38,7 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 		const isDisabled = computed(() => Boolean(props.isDisabled));
 		const slots = computed(() => tabsVariants({
 			align: props.align,
+			fullWidth: props.fullWidth,
 			variant: props.variant
 		}));
 		const state = useTabListState({

package/dist/components/tabs/tabs.types.d.ts

@@ -14,6 +14,14 @@ export interface TabsRootProps {
      * @default "center"
      */
     align?: TabsVariants["align"];
+    /**
+     * Whether the tabs share the row between them. `false` sizes each tab to its label and starts
+     * the row at the inline start, which is the header-bar layout; the primary track then hugs the
+     * tabs too. A vertical list is unaffected — its tabs always take the widest one's width.
+     *
+     * @default true
+     */
+    fullWidth?: boolean;
     /** The selected tab, when the caller drives it. */
     selectedKey?: CollectionKey;
     /** The initially selected tab. Falls back to the first tab that is not disabled. */

package/dist/components/time-field/index.d.ts

@@ -4,5 +4,7 @@ export { DateInputGroupInput as TimeFieldInput, DateInputGroupInputContainer as
 export { TimeFieldRoot as TimeField };
 export type { TimeFieldRootProps as TimeFieldProps, TimeFieldRootSlotProps as TimeFieldSlotProps, } from "./time-field.types.js";
 export type { DateInputGroupInputContainerProps as TimeFieldInputContainerProps, DateInputGroupInputProps as TimeFieldInputProps, DateInputGroupInputSlotProps as TimeFieldInputSlotProps, DateInputGroupPrefixProps as TimeFieldPrefixProps, DateInputGroupRootProps as TimeFieldGroupProps, DateInputGroupRootSlotProps as TimeFieldGroupSlotProps, DateInputGroupSegmentProps as TimeFieldSegmentProps, DateInputGroupSuffixProps as TimeFieldSuffixProps, } from "../date-input-group/index.js";
+export type { DateSegment } from "../../composables/use-date-field-state.js";
+export type { TimeGranularity } from "../../composables/use-time-field-state.js";
 export { dateInputGroupVariants, timeFieldVariants } from "@ropav/styles";
 export type { DateInputGroupVariants, TimeFieldVariants } from "@ropav/styles";

package/dist/components/toast/toast-provider.js

@@ -1,5 +1,6 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { composeSlotClassName } from "../../utils/compose.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { useLocale } from "../../composables/use-locale.js";
 import { provideToastRegionContext } from "./toast.context.js";
 import { DEFAULT_SCALE_FACTOR, EXIT_FALLBACK } from "./toast.constants.js";
@@ -115,7 +116,8 @@ var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			slots,
 			visibleToasts
 		});
-		const target = computed(() => props.portalContainer ?? "body");
+		const portal = usePortal();
+		const target = computed(() => props.portalContainer ?? portal.container.value);
 		const styles = computed(() => composeSlotClassName(slots.value.region, props.class));
 		const regionStyle = computed(() => ({
 			"--gap": `${props.gap}px`,

package/dist/components/toggle-button/index.d.ts

@@ -1,5 +1,6 @@
 import ToggleButtonRoot from "./toggle-button-root.js";
 export { ToggleButtonRoot as ToggleButton };
 export type { ToggleButtonRootProps as ToggleButtonProps, ToggleButtonSlotProps, } from "./toggle-button.types.js";
+export type { ToggleGroupKey } from "../../composables/use-toggle-group-state.js";
 export { toggleButtonVariants } from "@ropav/styles";
 export type { ToggleButtonVariants } from "@ropav/styles";

package/dist/components/toggle-button-group/index.d.ts

@@ -4,5 +4,6 @@ export { ToggleButtonGroupRoot as ToggleButtonGroup, ToggleButtonGroupSeparator
 export type { ToggleButtonGroupRootProps as ToggleButtonGroupProps, ToggleButtonGroupSeparatorProps, } from "./toggle-button-group.types.js";
 export { useToggleButtonGroupContext } from "./toggle-button-group.context.js";
 export type { ToggleButtonGroupContext } from "./toggle-button-group.context.js";
+export type { ToggleGroupKey, ToggleGroupSelectionMode, UseToggleGroupStateReturn, } from "../../composables/use-toggle-group-state.js";
 export { toggleButtonGroupVariants } from "@ropav/styles";
 export type { ToggleButtonGroupVariants } from "@ropav/styles";

package/dist/components/tooltip/index.d.ts

@@ -6,5 +6,6 @@ export { TooltipArrow, TooltipContent, TooltipRoot as Tooltip, TooltipTrigger };
 export type { TooltipArrowProps, TooltipContentProps, TooltipRootEmits as TooltipEmits, TooltipRootProps as TooltipProps, TooltipTriggerProps, } from "./tooltip.types.js";
 export { useTooltipContext } from "./tooltip.context.js";
 export type { TooltipContext } from "./tooltip.context.js";
+export type { TooltipTriggerState } from "../../composables/use-tooltip-trigger-state.js";
 export { tooltipVariants } from "@ropav/styles";
 export type { TooltipVariants } from "@ropav/styles";

package/dist/components/tooltip/tooltip-content.js

@@ -1,4 +1,5 @@
 import { dataAttr } from "../../utils/assertion.js";
+import { usePortal } from "../../composables/use-portal.js";
 import { useEnterExit } from "../../composables/use-enter-exit.js";
 import { provideOverlayArrowContext } from "../overlay/overlay.context.js";
 import { useOverlayPosition } from "../../composables/use-overlay-position.js";
@@ -38,6 +39,7 @@ var tooltip_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const { shouldSkipAnimation, slots, state, tooltipId, triggerElement } = useTooltipContext();
 		const element = shallowRef(null);
 		const arrow = shallowRef(null);
+		const portal = usePortal();
 		/**
 		* Built straight on the positioner rather than on the shared overlay primitive.
 		*
@@ -50,6 +52,7 @@ var tooltip_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const { arrowStyle, overlayStyle, placement } = useOverlayPosition({
 			arrowBoundaryOffset: () => props.arrowBoundaryOffset,
 			arrowRef: arrow,
+			boundaryElement: () => portal.root.value,
 			containerPadding: () => props.containerPadding,
 			crossOffset: () => props.crossOffset,
 			isOpen: () => state.isOpen.value,
@@ -76,7 +79,7 @@ var tooltip_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const isExiting = computed(() => props.isExiting ?? (!shouldSkipAnimation.value && enterExit.isExiting.value));
 		const isPresent = computed(() => state.isOpen.value || enterExit.isExiting.value || props.isExiting === true);
 		const styles = computed(() => slots.value.base({ class: props.class }));
-		const target = computed(() => props.portalContainer ?? "body");
+		const target = computed(() => props.portalContainer ?? portal.container.value);
 		const setElement = (next) => {
 			element.value = next ?? null;
 		};

package/dist/composables/drag-manager.js

@@ -1,5 +1,5 @@
 import { ariaHideOutside } from "../utils/aria-hide-outside.js";
-import { isVirtualClick, isVirtualPointerEvent } from "./use-press.js";
+import { isVirtualClick, isVirtualPointerEvent } from "./virtual-event.js";
 import { announce } from "../utils/live-announcer.js";
 import { getTypes } from "../utils/dnd-data-transfer.js";
 import { getDragModality } from "./drag-modality.js";