ropav 0.12.3 → 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/autocomplete-filter.js

@@ -132,7 +132,8 @@ var autocomplete_filter_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			},
 			selection,
 			shouldFocusOnHover: true,
-			shouldUseVirtualFocus: () => !props.disableVirtualFocus
+			shouldUseVirtualFocus: () => !props.disableVirtualFocus,
+			size: () => root.size.value
 		});
 		provideAutocompleteInputContext({
 			inputAttributes: autocomplete.inputAttributes,

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

@@ -166,6 +166,7 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 			setTriggerElement: (element) => {
 				triggerElement.value = element;
 			},
+			size: computed(() => props.size),
 			slots: styles,
 			state,
 			triggerElement
@@ -201,7 +202,8 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 			labelledBy: () => select.labelledBy.value,
 			listId: () => select.listId.value,
 			selection: state.selection,
-			shouldFocusOnHover: true
+			shouldFocusOnHover: true,
+			size: () => props.size
 		});
 		/**
 		* The popover is anchored to the trigger group, not to the button inside it.

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

@@ -1,7 +1,7 @@
 import type { CollectionKey } from "../../composables/use-collection.js";
 import type { UseSelectReturn } from "../../composables/use-select.js";
 import type { SelectedItem, UseSelectStateReturn } from "../../composables/use-select-state.js";
-import type { autocompleteVariants } from "@ropav/styles";
+import type { AutocompleteVariants, autocompleteVariants } from "@ropav/styles";
 import type { ComputedRef, ShallowRef } from "vue";
 export interface AutocompleteContext {
     slots: ComputedRef<ReturnType<typeof autocompleteVariants>>;
@@ -14,6 +14,8 @@ export interface AutocompleteContext {
     /** What the trigger shows when nothing is chosen, already resolved to the localized default. */
     placeholder: ComputedRef<string>;
     isDisabled: ComputedRef<boolean>;
+    /** The root's size, which `AutocompleteFilter` hands on to the listbox in the popover. */
+    size: ComputedRef<AutocompleteVariants["size"] | undefined>;
     /**
      * The group the trigger renders, which the popover is measured and positioned against.
      *

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/combo-box-root.js

@@ -189,10 +189,7 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			if (state.selectionMode.value === "single") return texts[0] ?? "";
 			return new Intl.ListFormat(locale.value.locale).format(texts);
 		});
-		const styles = computed(() => comboBoxVariants({
-			fullWidth: props.fullWidth,
-			size: props.size
-		}));
+		const styles = computed(() => comboBoxVariants({ fullWidth: props.fullWidth }));
 		const isDisabled = computed(() => Boolean(props.isDisabled));
 		/**
 		* The options that matched, handed to whoever writes the listbox.
@@ -245,7 +242,8 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			},
 			selection: state.selection,
 			shouldFocusOnHover: true,
-			shouldUseVirtualFocus: true
+			shouldUseVirtualFocus: true,
+			size: () => props.size
 		});
 		/**
 		* The popover is anchored to the group around the field, not to the chevron inside it.

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

@@ -4,7 +4,7 @@ import type { ValidationBehavior, ValidationFunction } from "../../composables/u
 import type { SelectSelectionMode, SelectedItem, SelectedValue } from "../../composables/use-select-state.js";
 import type { DisabledBehavior } from "../../composables/use-selection-manager.js";
 import type { Placement } from "../../utils/position.js";
-import type { ComboBoxVariants } from "@ropav/styles";
+import type { InputVariants } from "@ropav/styles";
 /**
  * A combo box is a text field that filters a list of options, and the text is part of the value.
  *
@@ -95,12 +95,15 @@ export interface ComboBoxRootProps<T = unknown> {
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    /** How tall the field stands, matching a button of the same size. @default "md" */
-    size?: ComboBoxVariants["size"];
+    /**
+     * How tall the field stands, matching a button of the same size. Handed to the `Input` inside and
+     * to the listbox in the popover, unless either declares one of its own. @default "md"
+     */
+    size?: InputVariants["size"];
     /** Whether the combo box stretches to fill its container. */
     fullWidth?: boolean;
     /** Visual variant the `Input` inside picks up. @default "primary" */
-    variant?: "primary" | "secondary";
+    variant?: InputVariants["variant"];
 }
 export interface ComboBoxRootEmits {
     change: [value: SelectedValue];

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/list-box/list-box-root.js

@@ -59,11 +59,6 @@ var list_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		* built the collection out of its own `items`, so naming `T` here restates what went in.
 		*/
 		const itemOf = (node) => node?.content;
-		const styles = computed(() => listboxVariants({
-			class: props.class,
-			size: props.size,
-			variant: props.variant
-		}));
 		/**
 		* The state this listbox runs on, which is not always its own.
 		*
@@ -72,6 +67,12 @@ var list_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		* one is there the listbox borrows it whole rather than keeping a second copy that would drift.
 		*/
 		const owner = useListBoxStateContext();
+		const resolvedSize = computed(() => props.size ?? toValue(owner?.size));
+		const styles = computed(() => listboxVariants({
+			class: props.class,
+			size: resolvedSize.value,
+			variant: props.variant
+		}));
 		const ownListId = useId$1();
 		const collectionId = useId$1();
 		const listId = computed(() => toValue(owner?.listId) ?? ownListId.value);

package/dist/components/list-box/list-box.context.d.ts

@@ -5,6 +5,7 @@ import type { UseDroppableCollectionStateReturn } from "../../composables/use-dr
 import type { UseListKeyboardReturn } from "../../composables/use-list-keyboard.js";
 import type { FocusStrategy } from "../../composables/use-overlay-trigger-state.js";
 import type { UseSelectionManagerReturn } from "../../composables/use-selection-manager.js";
+import type { ListBoxVariants } from "@ropav/styles";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface ListBoxContext {
     collection: UseCollectionReturn;
@@ -66,6 +67,13 @@ export interface ListBoxStateContext {
     ariaLabel?: MaybeRefOrGetter<string | undefined>;
     /** Where focus lands when the listbox appears, given how its owner was opened. */
     autoFocus?: MaybeRefOrGetter<boolean | FocusStrategy | undefined>;
+    /**
+     * The owner's size, which the listbox's rows take when it declares none of its own.
+     *
+     * Handed down rather than reached by a selector: a picker's listbox is teleported out of the
+     * picker's DOM along with the popover, so no rule keyed on the root can find its rows.
+     */
+    size?: MaybeRefOrGetter<ListBoxVariants["size"] | undefined>;
     /** Whether hovering an option moves focus to it. @default false */
     shouldFocusOnHover?: MaybeRefOrGetter<boolean | undefined>;
     /**

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/segmented-control/segmented-control.types.d.ts

@@ -6,7 +6,7 @@ export interface SegmentedControlRootProps {
     /**
      * The control's scale.
      *
-     * The track lands on 32/36/40px, the three heights a button and a field stand at, so a
+     * The track lands on 28/32/36/40px, the four heights a button and a field stand at, so a
      * segmented control lines up with either.
      *
      * @default "md"

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/select/select-root.js

@@ -170,7 +170,8 @@ var select_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 			labelledBy: () => select.labelledBy.value,
 			listId: () => select.listId.value,
 			selection: state.selection,
-			shouldFocusOnHover: true
+			shouldFocusOnHover: true,
+			size: () => props.size
 		});
 		provideOverlayTargetContext({
 			autoFocus: computed(() => state.focusStrategy.value ?? true),

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

@@ -60,7 +60,10 @@ export interface SelectRootProps<T = unknown> {
     ariaLabelledby?: string;
     ariaDescribedby?: string;
     variant?: SelectVariants["variant"];
-    /** How tall the trigger stands, matching a button of the same size. @default "md" */
+    /**
+     * How tall the trigger stands, matching a button of the same size. Handed to the listbox in the
+     * popover, unless it declares one of its own. @default "md"
+     */
     size?: SelectVariants["size"];
     fullWidth?: boolean;
 }

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/textfield/textfield.context.d.ts

@@ -1,9 +1,10 @@
+import type { InputVariants } from "@ropav/styles";
 import type { ComputedRef } from "vue";
 export interface TextFieldContext {
     /** Visual variant the control inside picks up when it declares none of its own. */
-    variant: ComputedRef<"primary" | "secondary" | undefined>;
+    variant: ComputedRef<InputVariants["variant"] | undefined>;
     /** Size the control inside picks up when it declares none of its own. */
-    size: ComputedRef<"sm" | "md" | "lg" | undefined>;
+    size: ComputedRef<InputVariants["size"] | undefined>;
 }
 /**
  * Carries the variant alone, kept apart from the control context that carries the behaviour.

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

@@ -1,13 +1,14 @@
 import type { ValidationBehavior, ValidationDetails, ValidationFunction } from "../../composables/use-form-validation-state.js";
+import type { InputVariants } from "@ropav/styles";
 export interface TextFieldRootProps {
     class?: string;
     /** Visual variant handed down to the control inside. @default "primary" */
-    variant?: "primary" | "secondary";
+    variant?: InputVariants["variant"];
     /**
      * How tall the control inside stands, matching a button of the same size. Handed to the control
      * unless it declares one of its own. @default "md"
      */
-    size?: "sm" | "md" | "lg";
+    size?: InputVariants["size"];
     /** Whether the field stretches to fill its container. */
     fullWidth?: boolean;
     /** Text in the field. Makes it controlled. */

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);