ropav 0.4.0 → 0.5.0

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

@@ -67,7 +67,8 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 		placeholder: {},
 		ariaLabel: {},
 		ariaLabelledby: {},
-		ariaDescribedby: {}
+		ariaDescribedby: {},
+		size: {}
 	},
 	emits: [
 		"change",
@@ -139,6 +140,7 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 		});
 		const styles = computed(() => autocompleteVariants({
 			fullWidth: props.fullWidth,
+			size: props.size,
 			variant: props.variant
 		}));
 		const isDisabled = computed(() => Boolean(props.isDisabled));

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

@@ -39,6 +39,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
         ariaLabel?: string;
         ariaLabelledby?: string;
         ariaDescribedby?: string;
+        size?: import("@ropav/styles").SelectVariants["size"];
         variant?: import("@ropav/styles").AutocompleteVariants["variant"];
         fullWidth?: boolean;
         onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
@@ -187,6 +188,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
             ariaLabel?: string;
             ariaLabelledby?: string;
             ariaDescribedby?: string;
+            size?: import("@ropav/styles").SelectVariants["size"];
             variant?: import("@ropav/styles").AutocompleteVariants["variant"];
             fullWidth?: boolean;
             onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
@@ -255,5 +257,6 @@ export { AutocompleteClearButton, AutocompleteFilter, AutocompleteIndicator, Aut
 export type { AutocompleteClearButtonProps, AutocompleteFilterEmits, AutocompleteRootEmits, AutocompleteFilterProps, AutocompleteFilterSlotProps, AutocompleteIndicatorProps, AutocompletePopoverProps, AutocompleteRootProps, AutocompleteRootProps as AutocompleteProps, AutocompleteRootSlotProps, AutocompleteTriggerProps, AutocompleteTriggerSlotProps, AutocompleteValueProps, AutocompleteValueSlotProps, } from "./autocomplete.types.js";
 export { useAutocompleteContext } from "./autocomplete.context.js";
 export type { AutocompleteContext } from "./autocomplete.context.js";
+export type { UseSelectReturn } from "../../composables/use-select.js";
 export { autocompleteVariants } from "@ropav/styles";
 export type { AutocompleteVariants } from "@ropav/styles";

package/dist/components/breadcrumbs/breadcrumbs-item.js

@@ -28,6 +28,7 @@ var breadcrumbs_item_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 			type: Boolean,
 			default: void 0
 		},
+		routerOptions: {},
 		ariaLabel: {},
 		ariaLabelledby: {},
 		ariaDescribedby: {}

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

@@ -42,6 +42,7 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
             referrerPolicy?: import("../index.js").LinkReferrerPolicy;
             hrefLang?: string;
             isDisabled?: boolean;
+            routerOptions?: unknown;
             ariaLabel?: string;
             ariaLabelledby?: string;
             ariaDescribedby?: string;

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

@@ -214,7 +214,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         props: import('vue').PublicProps & {
             class?: string;
             offset?: import("@internationalized/date").DateDuration;
-            format?: import("../../index.js").CalendarHeadingFormatOptions;
+            format?: import("./index.js").CalendarHeadingFormatOptions;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -328,7 +328,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         props: import('vue').PublicProps & {
             class?: string;
             visibleYears?: number;
-            format?: import("../../index.js").CalendarYearPickerFormatOptions;
+            format?: import("../index.js").CalendarYearPickerFormatOptions;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -393,7 +393,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         props: import('vue').PublicProps & {
             class?: string;
             offset?: import("@internationalized/date").DateDuration;
-            format?: import("../../index.js").CalendarHeadingFormatOptions;
+            format?: import("./index.js").CalendarHeadingFormatOptions;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -432,5 +432,7 @@ export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, Ca
 export type { CalendarCellIndicatorProps, CalendarCellProps, CalendarCellSlotProps, CalendarGridBodyProps, CalendarGridBodySlotProps, CalendarGridHeaderProps, CalendarGridHeaderSlotProps, CalendarGridProps, CalendarHeaderCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarRootProps, CalendarRootProps as CalendarProps, CalendarRootSlotProps, } from "./calendar.types.js";
 export { provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOwnerContext, useCalendarStateContext, } from "./calendar.context.js";
 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 { calendarVariants } from "@ropav/styles";
 export type { CalendarVariants } from "@ropav/styles";

package/dist/components/calendar-year-picker/index.d.ts

@@ -38,7 +38,7 @@ export declare const CalendarYearPicker: {
         props: import('vue').PublicProps & {
             class?: string;
             visibleYears?: number;
-            format?: import("../../index.js").CalendarYearPickerFormatOptions;
+            format?: import("./index.js").CalendarYearPickerFormatOptions;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -103,7 +103,7 @@ export declare const CalendarYearPicker: {
         props: import('vue').PublicProps & {
             class?: string;
             offset?: import("@internationalized/date").DateDuration;
-            format?: import("../../index.js").CalendarHeadingFormatOptions;
+            format?: import("./index.js").CalendarHeadingFormatOptions;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -142,5 +142,7 @@ export { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridB
 export type { CalendarYearPickerCellProps, CalendarYearPickerCellSlotProps, CalendarYearPickerGridBodyProps, CalendarYearPickerGridProps, CalendarYearPickerTriggerHeadingProps, CalendarYearPickerTriggerIndicatorProps, CalendarYearPickerTriggerProps, CalendarYearPickerTriggerSlotProps, } from "./calendar-year-picker.types.js";
 export { provideYearPickerContext, useYearPickerContext } from "./calendar-year-picker.context.js";
 export type { YearPickerContext } from "./calendar-year-picker.context.js";
+export type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
+export type { CalendarYearPickerFormatOptions } from "../../composables/use-calendar-year-picker.js";
 export { calendarYearPickerVariants } from "@ropav/styles";
 export type { CalendarYearPickerVariants } from "@ropav/styles";

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

@@ -19,7 +19,7 @@ var checkbox_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 		const setInputEl = (element) => {
 			inputEl.value = element instanceof HTMLInputElement ? element : null;
 		};
-		useFormReset(inputEl, defaultSelected, setSelected);
+		useFormReset(inputEl, defaultSelected, setSelected, form);
 		watch([inputEl, isSelected], ([input, selected]) => setFormChecked(input, selected), {
 			flush: "post",
 			immediate: true

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

@@ -52,6 +52,7 @@ export declare const ColorField: ((__VLS_props: NonNullable<Awaited<typeof __VLS
         props: import('vue').PublicProps & {
             class?: string;
             variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
+            size?: import("@ropav/styles").ColorInputGroupVariants["size"];
             fullWidth?: boolean;
             isDisabled?: boolean;
             isInvalid?: boolean;

package/dist/components/color-input-group/color-input-group-root.js

@@ -10,6 +10,7 @@ var color_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 	props: {
 		class: {},
 		variant: { default: void 0 },
+		size: {},
 		fullWidth: {
 			type: Boolean,
 			default: void 0
@@ -34,6 +35,7 @@ var color_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 		const resolvedIsInvalid = computed(() => props.isInvalid ?? control?.isInvalid.value ?? false);
 		const slots = computed(() => colorInputGroupVariants({
 			fullWidth: props.fullWidth,
+			size: props.size,
 			variant: props.variant
 		}));
 		provideColorInputGroupContext({ slots });

package/dist/components/color-input-group/color-input-group.types.d.ts

@@ -3,6 +3,8 @@ export interface ColorInputGroupRootProps {
     class?: string;
     /** Visual variant. @default "primary" */
     variant?: ColorInputGroupVariants["variant"];
+    /** How tall the group stands, matching a button of the same size. @default "md" */
+    size?: ColorInputGroupVariants["size"];
     /** Whether the group stretches to fill its container. */
     fullWidth?: boolean;
     /**

package/dist/components/color-input-group/index.d.ts

@@ -12,6 +12,7 @@ export declare const ColorInputGroup: ((__VLS_props: NonNullable<Awaited<typeof
     props: import('vue').PublicProps & {
         class?: string;
         variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
+        size?: import("@ropav/styles").ColorInputGroupVariants["size"];
         fullWidth?: boolean;
         isDisabled?: boolean;
         isInvalid?: boolean;
@@ -76,6 +77,7 @@ export declare const ColorInputGroup: ((__VLS_props: NonNullable<Awaited<typeof
         props: import('vue').PublicProps & {
             class?: string;
             variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
+            size?: import("@ropav/styles").ColorInputGroupVariants["size"];
             fullWidth?: boolean;
             isDisabled?: boolean;
             isInvalid?: boolean;

package/dist/components/combo-box/combo-box-root.js

@@ -86,6 +86,7 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 		ariaLabel: {},
 		ariaLabelledby: {},
 		ariaDescribedby: {},
+		size: {},
 		fullWidth: {
 			type: Boolean,
 			default: void 0
@@ -187,7 +188,10 @@ 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 }));
+		const styles = computed(() => comboBoxVariants({
+			fullWidth: props.fullWidth,
+			size: props.size
+		}));
 		const isDisabled = computed(() => Boolean(props.isDisabled));
 		/**
 		* The options that matched, handed to whoever writes the listbox.
@@ -207,7 +211,10 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 		* React build reaches the same place by providing RAC's `InputContext`.
 		*/
 		provideTextFieldControlContext(comboBox.control);
-		provideTextFieldContext({ variant: computed(() => props.variant) });
+		provideTextFieldContext({
+			size: computed(() => props.size),
+			variant: computed(() => props.variant)
+		});
 		provideComboBoxContext({
 			comboBox,
 			isDisabled,

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

@@ -4,6 +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";
 /**
  * A combo box is a text field that filters a list of options, and the text is part of the value.
  *
@@ -94,6 +95,8 @@ 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"];
     /** Whether the combo box stretches to fill its container. */
     fullWidth?: boolean;
     /** Visual variant the `Input` inside picks up. @default "primary" */

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

@@ -49,6 +49,7 @@ export declare const ComboBox: (<T>(__VLS_props: NonNullable<Awaited<typeof __VL
         ariaLabel?: string;
         ariaLabelledby?: string;
         ariaDescribedby?: string;
+        size?: import("@ropav/styles").ComboBoxVariants["size"];
         fullWidth?: boolean;
         variant?: "primary" | "secondary";
         onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
@@ -164,6 +165,7 @@ export declare const ComboBox: (<T>(__VLS_props: NonNullable<Awaited<typeof __VL
             ariaLabel?: string;
             ariaLabelledby?: string;
             ariaDescribedby?: string;
+            size?: import("@ropav/styles").ComboBoxVariants["size"];
             fullWidth?: boolean;
             variant?: "primary" | "secondary";
             onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
@@ -232,5 +234,6 @@ export { ComboBoxInputGroup, ComboBoxPopover, ComboBoxRoot, ComboBoxTrigger, Com
 export type { ComboBoxInputGroupProps, ComboBoxInputGroupSlotProps, ComboBoxPopoverProps, ComboBoxRootEmits, ComboBoxRootProps, ComboBoxRootProps as ComboBoxProps, ComboBoxRootSlotProps, ComboBoxTriggerProps, ComboBoxValueProps, ComboBoxValueSlotProps, } from "./combo-box.types.js";
 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 { comboBoxVariants } from "@ropav/styles";
 export type { ComboBoxVariants } from "@ropav/styles";

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

@@ -62,6 +62,7 @@ export declare const DateField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         props: import('vue').PublicProps & {
             class?: string;
             variant?: import("@ropav/styles").DateInputGroupVariants["variant"];
+            size?: import("@ropav/styles").DateInputGroupVariants["size"];
             fullWidth?: boolean;
             isDisabled?: boolean;
             isInvalid?: boolean;

package/dist/components/date-input-group/date-input-group-root.js

@@ -10,6 +10,7 @@ var date_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_default
 	props: {
 		class: {},
 		variant: { default: void 0 },
+		size: {},
 		fullWidth: {
 			type: Boolean,
 			default: void 0
@@ -31,6 +32,7 @@ var date_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_default
 		const props = __props;
 		const slots = computed(() => dateInputGroupVariants({
 			fullWidth: props.fullWidth,
+			size: props.size,
 			variant: props.variant
 		}));
 		provideDateInputGroupContext({ slots });

package/dist/components/date-input-group/date-input-group-segment.js

@@ -1,7 +1,7 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useDateFieldControlContext, useDateInputGroupContext } from "./date-input-group.context.js";
-import { useDateSegment } from "../../composables/use-date-segment.js";
+import { useDateSegment } from "./use-date-segment.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, setText, shallowRef, template, toDisplayString, unref } from "vue";
 //#region src/components/date-input-group/date-input-group-segment.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");

package/dist/components/date-input-group/date-input-group.types.d.ts

@@ -4,6 +4,8 @@ export interface DateInputGroupRootProps {
     class?: string;
     /** Visual variant. @default "primary" */
     variant?: DateInputGroupVariants["variant"];
+    /** How tall the group stands, matching a button of the same size. @default "md" */
+    size?: DateInputGroupVariants["size"];
     /** Whether the group stretches to fill its container. */
     fullWidth?: boolean;
     /** Whether the group reads as disabled. Taken from the field it sits in when unset. */

package/dist/{composables → components/date-input-group}/use-date-segment.d.ts

@@ -1,5 +1,5 @@
-import type { FocusManager } from "../utils/focus.js";
-import type { DateFieldState, DateSegment } from "./use-date-field-state.js";
+import type { DateFieldState, DateSegment } from "../../composables/use-date-field-state.js";
+import type { FocusManager } from "../../utils/focus.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDateSegmentOptions {
     /** The segment this is behaviour for. A getter, because the field rebuilds them on every edit. */

package/dist/{composables → components/date-input-group}/use-date-segment.js

@@ -1,15 +1,15 @@
-import { useId as useId$1 } from "./use-id.js";
-import { isIOS } from "../utils/platform.js";
-import { useLocale } from "./use-locale.js";
-import { useDateFormatter } from "./use-date-formatter.js";
-import { useDisplayNames } from "./use-display-names.js";
-import { useLabels } from "./use-labels.js";
-import { useSpinButton } from "./use-spin-button.js";
-import { useFilter } from "./use-filter.js";
+import { useId as useId$1 } from "../../composables/use-id.js";
+import { isIOS } from "../../utils/platform.js";
+import { useLocale } from "../../composables/use-locale.js";
+import { useDateFormatter } from "../../composables/use-date-formatter.js";
+import { useDisplayNames } from "../../composables/use-display-names.js";
+import { useLabels } from "../../composables/use-labels.js";
+import { useSpinButton } from "../../composables/use-spin-button.js";
+import { useFilter } from "../../composables/use-filter.js";
 import { computed, onScopeDispose, toValue } from "vue";
 import { CalendarDate, toCalendar } from "@internationalized/date";
 import { NumberParser } from "@internationalized/number";
-//#region src/composables/use-date-segment.ts
+//#region src/components/date-input-group/use-date-segment.ts
 /** How many leading characters every string in the list shares. */
 var commonPrefixLength = (strings) => {
 	const sorted = [...strings].sort();

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

@@ -7,9 +7,9 @@ import { provideDateFieldControlContext, provideDateInputGroupOwnerContext } fro
 import { useDateField } from "../../composables/use-date-field.js";
 import { useDateFieldState } from "../../composables/use-date-field-state.js";
 import { provideDateRangePickerContext } from "./date-range-picker.context.js";
-import { useDateRangePicker } from "../../composables/use-date-range-picker.js";
 import { useDateRangePickerState } from "../../composables/use-date-range-picker-state.js";
 import { provideRangeCalendarOwnerContext } from "../range-calendar/range-calendar.context.js";
+import { useDateRangePicker } from "./use-date-range-picker.js";
 import { computed, createSlot, defineVaporComponent, on, onScopeDispose, renderEffect, setAttr, setClass, setInsertionState, shallowRef, template, unref, watch } from "vue";
 import { dateRangePickerVariants } from "@ropav/styles";
 import { createCalendar } from "@internationalized/date";

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

@@ -9,13 +9,13 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
     slots: {
         default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../../index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").DateRange | null) => void);
+    emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
         id?: string;
-        value?: import("../../index.js").DateRange | null;
-        defaultValue?: import("../../index.js").DateRange | null;
+        value?: import("./index.js").DateRange | null;
+        defaultValue?: import("./index.js").DateRange | null;
         placeholderValue?: import("@internationalized/date").DateValue | null;
         minValue?: import("@internationalized/date").DateValue | null;
         maxValue?: import("@internationalized/date").DateValue | null;
@@ -29,7 +29,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
         isReadOnly?: boolean;
         isRequired?: boolean;
         isInvalid?: boolean;
-        validate?: (value: import("../../index.js").DateRange | null) => string | string[] | true | null | undefined;
+        validate?: (value: import("./index.js").DateRange | null) => string | string[] | true | null | undefined;
         validationBehavior?: import("../../index.js").ValidationBehavior;
         startName?: string;
         endName?: string;
@@ -45,11 +45,11 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
         ariaDescribedby?: string;
         locale?: string;
         createCalendar?: (identifier: import("@internationalized/date").CalendarIdentifier) => import("@internationalized/date").Calendar;
-        onChange?: ((value: import("../../index.js").DateRange | null) => any) | undefined;
+        onChange?: ((value: import("./index.js").DateRange | null) => any) | undefined;
         onFocusChange?: ((isFocused: boolean) => any) | undefined;
         onOpenChange?: ((isOpen: boolean) => any) | undefined;
         "onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
-        "onUpdate:value"?: ((value: import("../../index.js").DateRange | null) => any) | undefined;
+        "onUpdate:value"?: ((value: import("./index.js").DateRange | null) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -58,7 +58,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
     slots: {
         default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../../index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").DateRange | null) => void);
+    emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
@@ -115,13 +115,13 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
         slots: {
             default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../../index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").DateRange | null) => void);
+        emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
             id?: string;
-            value?: import("../../index.js").DateRange | null;
-            defaultValue?: import("../../index.js").DateRange | null;
+            value?: import("./index.js").DateRange | null;
+            defaultValue?: import("./index.js").DateRange | null;
             placeholderValue?: import("@internationalized/date").DateValue | null;
             minValue?: import("@internationalized/date").DateValue | null;
             maxValue?: import("@internationalized/date").DateValue | null;
@@ -135,7 +135,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
             isReadOnly?: boolean;
             isRequired?: boolean;
             isInvalid?: boolean;
-            validate?: (value: import("../../index.js").DateRange | null) => string | string[] | true | null | undefined;
+            validate?: (value: import("./index.js").DateRange | null) => string | string[] | true | null | undefined;
             validationBehavior?: import("../../index.js").ValidationBehavior;
             startName?: string;
             endName?: string;
@@ -151,11 +151,11 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
             ariaDescribedby?: string;
             locale?: string;
             createCalendar?: (identifier: import("@internationalized/date").CalendarIdentifier) => import("@internationalized/date").Calendar;
-            onChange?: ((value: import("../../index.js").DateRange | null) => any) | undefined;
+            onChange?: ((value: import("./index.js").DateRange | null) => any) | undefined;
             onFocusChange?: ((isFocused: boolean) => any) | undefined;
             onOpenChange?: ((isOpen: boolean) => any) | undefined;
             "onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
-            "onUpdate:value"?: ((value: import("../../index.js").DateRange | null) => any) | undefined;
+            "onUpdate:value"?: ((value: import("./index.js").DateRange | null) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -164,7 +164,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
         slots: {
             default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../../index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").DateRange | null) => void);
+        emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
@@ -217,5 +217,6 @@ export type { DateRangePickerPopoverProps, DateRangePickerRangeSeparatorProps, D
 export type { DateInputGroupInputContainerProps as DateRangePickerInputContainerProps, DateInputGroupInputProps as DateRangePickerInputProps, DateInputGroupInputSlotProps as DateRangePickerInputSlotProps, DateInputGroupPrefixProps as DateRangePickerPrefixProps, DateInputGroupRootProps as DateRangePickerGroupProps, DateInputGroupRootSlotProps as DateRangePickerGroupSlotProps, DateInputGroupSegmentProps as DateRangePickerSegmentProps, DateInputGroupSuffixProps as DateRangePickerSuffixProps, } from "../date-input-group/index.js";
 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 { dateInputGroupVariants, dateRangePickerVariants } from "@ropav/styles";
 export type { DateInputGroupVariants, DateRangePickerVariants } from "@ropav/styles";

package/dist/{composables → components/date-range-picker}/use-date-range-picker.d.ts

@@ -1,10 +1,10 @@
-import type { DayOfWeek } from "../utils/calendar.js";
-import type { FocusManager } from "../utils/focus.js";
-import type { PageBehavior } from "./use-calendar-state.js";
-import type { DateRangePickerState } from "./use-date-range-picker-state.js";
-import type { FieldIdsContext } from "./use-field-ids.js";
-import type { FormValidationState } from "./use-form-validation-state.js";
-import type { UsePressHandlers } from "./use-press.js";
+import type { PageBehavior } from "../../composables/use-calendar-state.js";
+import type { DateRangePickerState } from "../../composables/use-date-range-picker-state.js";
+import type { FieldIdsContext } from "../../composables/use-field-ids.js";
+import type { FormValidationState } from "../../composables/use-form-validation-state.js";
+import type { UsePressHandlers } from "../../composables/use-press.js";
+import type { DayOfWeek } from "../../utils/calendar.js";
+import type { FocusManager } from "../../utils/focus.js";
 import type { DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDateRangePickerOptions {

package/dist/{composables → components/date-range-picker}/use-date-range-picker.js

@@ -1,14 +1,14 @@
-import { useId as useId$1 } from "./use-id.js";
-import { createFocusManager } from "../utils/focus.js";
-import { useFieldIds } from "./use-field-ids.js";
-import { DEFAULT_VALIDATION_RESULT, mergeValidation } from "./use-form-validation-state.js";
-import { useLocale } from "./use-locale.js";
-import { useLocalizedStringFormatter } from "./use-localized-string-formatter.js";
-import { useDescription } from "./use-description.js";
-import { datepickerStrings } from "../i18n/datepicker.js";
-import { useDatePickerGroup } from "./use-date-picker-group.js";
+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 { useLocale } from "../../composables/use-locale.js";
+import { useLocalizedStringFormatter } from "../../composables/use-localized-string-formatter.js";
+import { useDescription } from "../../composables/use-description.js";
+import { datepickerStrings } from "../../i18n/datepicker.js";
+import { useDatePickerGroup } from "../../composables/use-date-picker-group.js";
 import { computed, toValue } from "vue";
-//#region src/composables/use-date-range-picker.ts
+//#region src/components/date-range-picker/use-date-range-picker.ts
 /**
 * The behaviour and accessibility wiring for a date range picker.
 *

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

@@ -1,7 +1,7 @@
 import { provideSurfaceContext } from "../surface/surface.context.js";
 import { provideFieldIdsContext, useFieldIds } from "../../composables/use-field-ids.js";
 import { useDrawerContext, useDrawerOverlayContext } from "./drawer.context.js";
-import { useDrawerDrag } from "../../composables/use-drawer-drag.js";
+import { useDrawerDrag } from "./use-drawer-drag.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/drawer/drawer-dialog.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<section data-slot=drawer-dialog role=dialog tabindex=-1>", 1);

package/dist/{composables → components/drawer}/use-drawer-drag.d.ts

@@ -1,4 +1,4 @@
-import type { DrawerPlacement } from "../components/drawer/drawer.types.js";
+import type { DrawerPlacement } from "./drawer.types.js";
 import type { MaybeRefOrGetter } from "vue";
 export interface UseDrawerDragOptions {
     /** The panel that moves. */

package/dist/{composables → components/drawer}/use-drawer-drag.js

@@ -1,5 +1,5 @@
 import { toValue, watch } from "vue";
-//#region src/composables/use-drawer-drag.ts
+//#region src/components/drawer/use-drawer-drag.ts
 /** How far the pointer has to travel before the panel starts following it, in pixels. */
 var DRAG_THRESHOLD = 8;
 /** How much of the panel has to be dragged away before letting go dismisses it. */

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

@@ -9,6 +9,7 @@ var dropdown_menu_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	__name: "dropdown-menu",
 	props: {
 		class: {},
+		size: {},
 		selectionMode: {},
 		selectionBehavior: {},
 		selectedKeys: {},

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

@@ -3,7 +3,7 @@ import { useSubmenuTriggerState } from "../../composables/use-overlay-trigger-st
 import { provideMenuItemPopupContext } from "../menu-item/menu-item.context.js";
 import { useMenuContext } from "../menu/menu.context.js";
 import { provideDropdownPopoverTarget, useDropdownContext } from "./dropdown.context.js";
-import { useSafelyMouseToSubmenu } from "../../composables/use-safely-mouse-to-submenu.js";
+import { useSafelyMouseToSubmenu } from "./use-safely-mouse-to-submenu.js";
 import { computed, createSlot, defineVaporComponent, onScopeDispose, shallowRef, watch } from "vue";
 var dropdown_submenu_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "dropdown-submenu-trigger",

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

@@ -16,7 +16,7 @@ export declare const Dropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
     emit: ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
-        trigger?: import("../../composables/use-menu-trigger.js").MenuTriggerType;
+        trigger?: import("./index.js").MenuTriggerType;
         isOpen?: boolean;
         defaultOpen?: boolean;
         isDisabled?: boolean;
@@ -91,6 +91,7 @@ export declare const Dropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
+            size?: import("@ropav/styles").MenuVariants["size"];
             selectionMode?: import("../../index.js").SelectionMode;
             selectionBehavior?: import("../../index.js").SelectionBehavior;
             selectedKeys?: "all" | Iterable<import("../../index.js").CollectionKey>;
@@ -151,7 +152,7 @@ export declare const Dropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         emit: ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
-            trigger?: import("../../composables/use-menu-trigger.js").MenuTriggerType;
+            trigger?: import("./index.js").MenuTriggerType;
             isOpen?: boolean;
             defaultOpen?: boolean;
             isDisabled?: boolean;
@@ -269,5 +270,6 @@ export { DropdownMenu, DropdownPopover, DropdownRoot, DropdownSubmenuTrigger, Dr
 export type { DropdownMenuProps, DropdownPopoverProps, DropdownRootEmits, DropdownRootProps, DropdownRootProps as DropdownProps, DropdownTriggerProps, } from "./dropdown.types.js";
 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 { dropdownVariants } from "@ropav/styles";
 export type { DropdownVariants } from "@ropav/styles";

package/dist/{composables → components/dropdown}/use-safely-mouse-to-submenu.js

@@ -1,5 +1,5 @@
 import { onScopeDispose, toValue, watch } from "vue";
-//#region src/composables/use-safely-mouse-to-submenu.ts
+//#region src/components/dropdown/use-safely-mouse-to-submenu.ts
 /** How many consecutive moves away from the submenu it takes to give up on the journey. */
 var ALLOWED_INVALID_MOVEMENTS = 2;
 /** Pointer moves arrive far faster than the geometry changes. */

package/dist/components/icons/icon-overlay-arrow.js

@@ -1,6 +1,6 @@
 import { defineVaporComponent, renderEffect, setClass, template } from "vue";
 //#region src/components/icons/icon-overlay-arrow.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<svg fill=none height=12 viewBox=\"0 0 12 12\" width=12 xmlns=http://www.w3.org/2000/svg><path d=\"M0 0C5.48483 8 6.5 8 12 0Z\">", 1, 1);
+var t0 = template("<svg fill=none height=12 viewBox=\"0 0 12 12\" width=12 xmlns=http://www.w3.org/2000/svg><path d=\"M1 0V2C3.2 2 4.3 8 6 8C7.7 8 8.8 2 11 2V0Z\">", 1, 1);
 var icon_overlay_arrow_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "icon-overlay-arrow",
 	props: { class: {} },