ropav 0.13.0 → 0.14.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/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/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/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,8 @@
 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 { usePreventScroll } from "../../composables/use-prevent-scroll.js";
 import { useEnterExit } from "../../composables/use-enter-exit.js";
 import { provideOverlayGroupContext, useOverlayGroupContext, useOverlayTargetContext } from "./overlay.context.js";

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/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/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";

package/dist/composables/drag-modality.js

@@ -1,4 +1,5 @@
-import { getInteractionModality, useInteractionModality } from "./use-interaction-states.js";
+import { getInteractionModality } from "./interaction-modality.js";
+import { useInteractionModality } from "./use-interaction-states.js";
 import { computed } from "vue";
 //#region src/composables/drag-modality.ts
 var mapModality = (modality) => {

package/dist/composables/focus-scope-registry.d.ts

@@ -0,0 +1,19 @@
+export interface RegisteredScope {
+    root: () => HTMLElement | null;
+    contain: () => boolean;
+}
+export declare const innermostContainingScope: () => RegisteredScope | null;
+/**
+ * Whether the element sits inside any registered scope.
+ *
+ * Any scope rather than only the descendants of one, because an overlay opened from inside
+ * another is a **sibling** in the DOM rather than a descendant — a submenu renders into its root
+ * popover's container, and a dropdown opened from a popover makes a container of its own. There
+ * is no tree to walk here, so a scope boundary is the thing that answers "focus is still in an
+ * overlay". React Aria walks its scope tree and asks the narrower question; the difference shows
+ * only when two unrelated overlays are open at once and focus moves between them, where this
+ * errs towards leaving them open.
+ */
+export declare const isElementInAnyFocusScope: (element: Element) => boolean;
+/** Add a scope as the innermost, returning its removal. */
+export declare const registerFocusScope: (scope: RegisteredScope) => (() => void);

package/dist/composables/focus-scope-registry.js

@@ -0,0 +1,38 @@
+//#region src/composables/focus-scope-registry.ts
+/**
+* Registered scopes, outermost first.
+*
+* Module-level because containment is a question about the whole page, not about one overlay:
+* only the innermost containing scope may hold focus, and focus moving into a scope nested
+* inside it has to be allowed through rather than pulled back.
+*/
+var scopes = [];
+var innermostContainingScope = () => {
+	for (let index = scopes.length - 1; index >= 0; index--) {
+		const scope = scopes[index];
+		if (scope.contain()) return scope;
+	}
+	return null;
+};
+/**
+* Whether the element sits inside any registered scope.
+*
+* Any scope rather than only the descendants of one, because an overlay opened from inside
+* another is a **sibling** in the DOM rather than a descendant — a submenu renders into its root
+* popover's container, and a dropdown opened from a popover makes a container of its own. There
+* is no tree to walk here, so a scope boundary is the thing that answers "focus is still in an
+* overlay". React Aria walks its scope tree and asks the narrower question; the difference shows
+* only when two unrelated overlays are open at once and focus moves between them, where this
+* errs towards leaving them open.
+*/
+var isElementInAnyFocusScope = (element) => scopes.some((scope) => scope.root()?.contains(element));
+/** Add a scope as the innermost, returning its removal. */
+var registerFocusScope = (scope) => {
+	scopes.push(scope);
+	return () => {
+		const index = scopes.indexOf(scope);
+		if (index >= 0) scopes.splice(index, 1);
+	};
+};
+//#endregion
+export { innermostContainingScope, isElementInAnyFocusScope, registerFocusScope };

package/dist/composables/form-context.d.ts

@@ -0,0 +1,25 @@
+import type { FormValidationErrors, ValidationBehavior } from "./use-form-validation-state.js";
+import type { ComputedRef, Ref } from "vue";
+export interface FormContext {
+    /** Errors keyed by field `name`, shown until the user edits the value. */
+    validationErrors: ComputedRef<FormValidationErrors>;
+    /** Default for every field inside, unless the field names its own. */
+    validationBehavior: ComputedRef<ValidationBehavior>;
+    /**
+     * Bumped by every submit attempt.
+     *
+     * Under `"native"` a field learns of a failed submit from the browser, which fires `invalid` at
+     * it. Under `"aria"` the browser is not involved, so this is the only thing that tells a field
+     * holding an unrevealed error that it is now being asked for.
+     */
+    submitCount?: Readonly<Ref<number>>;
+}
+/**
+ * React splits this in two — `FormValidationContext` in react-stately for the errors,
+ * `FormContext` in react-aria-components for the behaviour — only because the two live in
+ * different packages. Here one provider hands out both, so a field injects once and the two
+ * halves cannot drift apart.
+ *
+ * Loose: a field outside a form is the normal case, not an error.
+ */
+export declare const useFormContext: () => FormContext | null, provideFormContext: (value: FormContext | null) => FormContext | null;

package/dist/composables/form-context.js

@@ -0,0 +1,17 @@
+import { createContext } from "../utils/create-context.js";
+//#region src/composables/form-context.ts
+/**
+* React splits this in two — `FormValidationContext` in react-stately for the errors,
+* `FormContext` in react-aria-components for the behaviour — only because the two live in
+* different packages. Here one provider hands out both, so a field injects once and the two
+* halves cannot drift apart.
+*
+* Loose: a field outside a form is the normal case, not an error.
+*/
+var [useFormContext, provideFormContext] = createContext({
+	defaultValue: null,
+	name: "FormContext",
+	strict: false
+});
+//#endregion
+export { provideFormContext, useFormContext };

package/dist/composables/index.d.ts

@@ -1,23 +1,10 @@
 export * from "./focus-responder.js";
 export * from "./press-responder.js";
-export * from "./use-calendar-state.js";
-export * from "./use-checkbox-group-state.js";
 export * from "./use-collator.js";
 export * from "./use-collection.js";
-export * from "./use-color-area-state.js";
-export * from "./use-color-channel-field-state.js";
-export * from "./use-color-field-state.js";
-export * from "./use-color-picker-state.js";
-export * from "./use-color-slider-state.js";
-export * from "./use-combo-box-state.js";
 export * from "./use-controllable-state.js";
-export * from "./use-css-variable.js";
-export * from "./use-date-field-state.js";
 export * from "./use-date-formatter.js";
-export * from "./use-date-picker-state.js";
-export * from "./use-date-range-picker-state.js";
 export * from "./use-description.js";
-export * from "./use-disclosure-group.js";
 export * from "./use-dismissable.js";
 export * from "./use-drag-and-drop.js";
 export * from "./use-drop.js";
@@ -29,7 +16,6 @@ export * from "./use-form-reset.js";
 export * from "./use-form-validation-state.js";
 export * from "./use-id.js";
 export * from "./use-interaction-states.js";
-export * from "./use-labels.js";
 export * from "./use-list-data.js";
 export * from "./use-list-keyboard.js";
 export * from "./use-locale.js";
@@ -37,22 +23,12 @@ export * from "./use-localized-string-formatter.js";
 export * from "./use-long-press.js";
 export * from "./use-media-query.js";
 export * from "./use-move.js";
-export * from "./use-number-field-state.js";
 export * from "./use-number-formatter.js";
 export * from "./use-overlay-position.js";
 export * from "./use-overlay-trigger-state.js";
 export * from "./use-press.js";
 export * from "./use-prevent-scroll.js";
-export * from "./use-radio-group-state.js";
-export * from "./use-range-calendar-state.js";
-export * from "./use-select-state.js";
 export * from "./use-selection-manager.js";
-export * from "./use-single-select-list-state.js";
-export * from "./use-slider-state.js";
-export * from "./use-tab-list-state.js";
-export * from "./use-time-field-state.js";
 export * from "./use-toast.js";
-export * from "./use-toggle-group-state.js";
-export * from "./use-tooltip-trigger-state.js";
 export * from "./use-typeahead.js";
 export * from "./use-viewport-size.js";

package/dist/composables/interaction-modality.d.ts

@@ -0,0 +1,42 @@
+import type { InteractionModality } from "./use-interaction-states.js";
+/**
+ * Keep the shared modality listeners attached, returning the release.
+ *
+ * For a component that has to ask how the user is driving the page without otherwise taking part
+ * in the interaction lifecycle — a tooltip trigger, which opens on hover only for a real pointer.
+ * Without this the answer would be whatever it was when the last interactive component unmounted.
+ */
+export declare const retainInteractionModality: () => (() => void);
+/**
+ * How the user is driving the page right now.
+ *
+ * Ported from React Aria's `getInteractionModality`. Not reactive on purpose — read it inside an
+ * event handler, where the answer is the one that matters.
+ */
+export declare const getInteractionModality: () => InteractionModality;
+/**
+ * Whether focus arriving right now is the kind that came from a keyboard.
+ *
+ * Ported from React Aria's `isFocusVisible`, and reads the same answer React Aria reads — the one
+ * that follows the pointer as it moves. Read it inside a handler: a tooltip asks it on focus to
+ * tell tabbing to a button apart from clicking it, and only the pointer-following answer knows the
+ * user had already reached for the mouse.
+ *
+ * Not the answer that decides whether a ring is painted. That one lives on `useInteractionStates`
+ * and deliberately ignores a bare mouse move, so moving the pointer cannot erase a ring that is
+ * already there. The two can disagree, and that is the point.
+ */
+export declare const isFocusVisible: () => boolean;
+/**
+ * Declare how the last interaction reached the page.
+ *
+ * Ported from React Aria's `setInteractionModality`. A component that moves focus itself —
+ * a slider label handing focus to its first thumb — has to say that the move came from the
+ * keyboard, or the ring it just earned would not be painted.
+ */
+export declare const setInteractionModality: (next: InteractionModality) => void;
+/**
+ * The answer that decides whether a ring is painted: moved by a keystroke or a press, never by a
+ * bare mouse move. Reactive when read inside a computed.
+ */
+export declare const getFocusRingModality: () => InteractionModality;