ropav 0.3.1 → 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/avatar/avatar-image.js

@@ -1,7 +1,7 @@
 import { composeSlotClassName } from "../../utils/compose.js";
 import { useAvatarContext } from "./avatar.context.js";
 import { useImageLoadingStatus } from "../../composables/use-image-loading-status.js";
-import { createIf, defineVaporComponent, on, renderEffect, setClass, setProp, template, unref, watch } from "vue";
+import { createIf, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setClass, setProp, shallowRef, template, unref, watch } from "vue";
 //#region src/components/avatar/avatar-image.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<img>", 1);
 var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -40,13 +40,23 @@ var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 			setImageStatus(value);
 			emit("loadingStatusChange", value);
 		}, { immediate: true });
+		/**
+		* `alt` is set by hand because an empty one cannot be bound.
+		*
+		* Vapor routes it through `setDOMProp`, which returns early when the new value equals what the
+		* element already reports - and an `img` carrying no `alt` attribute already reports `""`. So the
+		* empty default never reaches the DOM, and the attribute stays missing altogether, which is the
+		* one state that is always wrong.
+		*/
+		const image = shallowRef(null);
+		watch([image, () => props.alt], ([element, alt]) => element?.setAttribute("alt", alt ?? ""), { flush: "post" });
+		const _setTemplateRef = createTemplateRefSetter();
 		return createIf(() => unref(status) === "loaded", () => {
 			const n2 = t0();
 			on(n2, "error", ($event) => emit("error", $event));
 			on(n2, "load", ($event) => emit("load", $event));
 			renderEffect(() => {
 				const _props = props;
-				setProp(n2, "alt", _props.alt);
 				setClass(n2, unref(composeSlotClassName)(unref(slots).image, _props.class));
 				setProp(n2, "crossorigin", _props.crossOrigin);
 				setProp(n2, "loading", _props.loading);
@@ -54,6 +64,7 @@ var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 				setProp(n2, "sizes", _props.sizes);
 				setProp(n2, "src", _props.src);
 				setProp(n2, "srcset", _props.srcSet);
+				_setTemplateRef(n2, (element) => image.value = element);
 			});
 			return n2;
 		});

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

@@ -10,7 +10,13 @@ export interface AvatarRootProps {
 }
 export interface AvatarImageProps {
     class?: string;
-    /** Alternative text, forwarded to the rendered `img`. */
+    /**
+     * Alternative text, forwarded to the rendered `img`.
+     *
+     * Defaults to empty, which marks the image decorative: an avatar sits beside the name it
+     * belongs to, and the fallback carries the initials, so a description here usually repeats
+     * what is already on the page. Omitting the attribute altogether is never right.
+     */
     alt?: string;
     /** Forwarded to the probe image so the request matches the rendered one. */
     crossOrigin?: "" | "anonymous" | "use-credentials";

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/calendar-header.js

@@ -1,7 +1,7 @@
 import { useCalendarContext } from "./calendar.context.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 //#region src/components/calendar/calendar-header.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<header data-slot=calendar-header>", 1);
+var t0 = template("<div data-slot=calendar-header>", 1);
 var calendar_header_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "calendar-header",
 	props: { class: {} },

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

@@ -45,13 +45,14 @@ export declare const ColorField: ((__VLS_props: NonNullable<Awaited<typeof __VLS
     Group: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("../color-input-group/index.js").ColorInputGroupRootSlotProps) => unknown;
+            default?: (props: import("../index.js").ColorInputGroupRootSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
             variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
+            size?: import("@ropav/styles").ColorInputGroupVariants["size"];
             fullWidth?: boolean;
             isDisabled?: boolean;
             isInvalid?: boolean;
@@ -61,7 +62,7 @@ export declare const ColorField: ((__VLS_props: NonNullable<Awaited<typeof __VLS
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("../color-input-group/index.js").ColorInputGroupRootSlotProps) => unknown;
+            default?: (props: import("../index.js").ColorInputGroupRootSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {

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-picker/index.d.ts

@@ -190,7 +190,8 @@ export declare const DatePicker: ((__VLS_props: NonNullable<Awaited<typeof __VLS
 export { DatePickerPopover, DatePickerRoot, DatePickerTrigger, DatePickerTriggerIndicator };
 export { DateInputGroupInput as DatePickerInput, DateInputGroupInputContainer as DatePickerInputContainer, DateInputGroupPrefix as DatePickerPrefix, DateInputGroupRoot as DatePickerGroup, DateInputGroupSegment as DatePickerSegment, DateInputGroupSuffix as DatePickerSuffix, };
 export type { DatePickerPopoverProps, DatePickerRootProps, DatePickerRootProps as DatePickerProps, DatePickerRootSlotProps, DatePickerTriggerIndicatorProps, DatePickerTriggerProps, } from "./date-picker.types.js";
+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 { datePickerVariants } from "@ropav/styles";
-export type { DatePickerVariants } from "@ropav/styles";
+export { dateInputGroupVariants, datePickerVariants } from "@ropav/styles";
+export type { DateInputGroupVariants, DatePickerVariants } from "@ropav/styles";

package/dist/components/date-picker/index.js

@@ -9,7 +9,7 @@ import date_picker_popover_default from "./date-picker-popover.js";
 import date_picker_root_default from "./date-picker-root.js";
 import date_picker_trigger_indicator_default from "./date-picker-trigger-indicator.js";
 import date_picker_trigger_default from "./date-picker-trigger.js";
-import { datePickerVariants } from "@ropav/styles";
+import { dateInputGroupVariants, datePickerVariants } from "@ropav/styles";
 //#region src/components/date-picker/index.ts
 var DatePicker = Object.assign(date_picker_root_default, {
 	Popover: date_picker_popover_default,
@@ -18,4 +18,4 @@ var DatePicker = Object.assign(date_picker_root_default, {
 	TriggerIndicator: date_picker_trigger_indicator_default
 });
 //#endregion
-export { DatePicker, date_input_group_root_default as DatePickerGroup, date_input_group_input_default as DatePickerInput, date_input_group_input_container_default as DatePickerInputContainer, date_picker_popover_default as DatePickerPopover, date_input_group_prefix_default as DatePickerPrefix, date_picker_root_default as DatePickerRoot, date_input_group_segment_default as DatePickerSegment, date_input_group_suffix_default as DatePickerSuffix, date_picker_trigger_default as DatePickerTrigger, date_picker_trigger_indicator_default as DatePickerTriggerIndicator, datePickerVariants, provideDatePickerContext, useDatePickerContext };
+export { DatePicker, date_input_group_root_default as DatePickerGroup, date_input_group_input_default as DatePickerInput, date_input_group_input_container_default as DatePickerInputContainer, date_picker_popover_default as DatePickerPopover, date_input_group_prefix_default as DatePickerPrefix, date_picker_root_default as DatePickerRoot, date_input_group_segment_default as DatePickerSegment, date_input_group_suffix_default as DatePickerSuffix, date_picker_trigger_default as DatePickerTrigger, date_picker_trigger_indicator_default as DatePickerTriggerIndicator, dateInputGroupVariants, datePickerVariants, provideDatePickerContext, useDatePickerContext };

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>>;
     };
@@ -214,7 +214,9 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
 export { DateRangePickerPopover, DateRangePickerRangeSeparator, DateRangePickerRoot, DateRangePickerTrigger, DateRangePickerTriggerIndicator, };
 export { DateInputGroupInput as DateRangePickerInput, DateInputGroupInputContainer as DateRangePickerInputContainer, DateInputGroupPrefix as DateRangePickerPrefix, DateInputGroupRoot as DateRangePickerGroup, DateInputGroupSegment as DateRangePickerSegment, DateInputGroupSuffix as DateRangePickerSuffix, };
 export type { DateRangePickerPopoverProps, DateRangePickerRangeSeparatorProps, DateRangePickerRootProps, DateRangePickerRootProps as DateRangePickerProps, DateRangePickerRootSlotProps, DateRangePickerTriggerIndicatorProps, DateRangePickerTriggerProps, } from "./date-range-picker.types.js";
+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 { dateRangePickerVariants } from "@ropav/styles";
-export type { DateRangePickerVariants } from "@ropav/styles";
+export type { DateRange } from "../../composables/use-calendar.js";
+export { dateInputGroupVariants, dateRangePickerVariants } from "@ropav/styles";
+export type { DateInputGroupVariants, DateRangePickerVariants } from "@ropav/styles";

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

@@ -10,7 +10,7 @@ import date_range_picker_range_separator_default from "./date-range-picker-range
 import date_range_picker_root_default from "./date-range-picker-root.js";
 import date_range_picker_trigger_indicator_default from "./date-range-picker-trigger-indicator.js";
 import date_range_picker_trigger_default from "./date-range-picker-trigger.js";
-import { dateRangePickerVariants } from "@ropav/styles";
+import { dateInputGroupVariants, dateRangePickerVariants } from "@ropav/styles";
 //#region src/components/date-range-picker/index.ts
 var DateRangePicker = Object.assign(date_range_picker_root_default, {
 	Popover: date_range_picker_popover_default,
@@ -20,4 +20,4 @@ var DateRangePicker = Object.assign(date_range_picker_root_default, {
 	TriggerIndicator: date_range_picker_trigger_indicator_default
 });
 //#endregion
-export { DateRangePicker, date_input_group_root_default as DateRangePickerGroup, date_input_group_input_default as DateRangePickerInput, date_input_group_input_container_default as DateRangePickerInputContainer, date_range_picker_popover_default as DateRangePickerPopover, date_input_group_prefix_default as DateRangePickerPrefix, date_range_picker_range_separator_default as DateRangePickerRangeSeparator, date_range_picker_root_default as DateRangePickerRoot, date_input_group_segment_default as DateRangePickerSegment, date_input_group_suffix_default as DateRangePickerSuffix, date_range_picker_trigger_default as DateRangePickerTrigger, date_range_picker_trigger_indicator_default as DateRangePickerTriggerIndicator, dateRangePickerVariants, provideDateRangePickerContext, useDateRangePickerContext };
+export { DateRangePicker, date_input_group_root_default as DateRangePickerGroup, date_input_group_input_default as DateRangePickerInput, date_input_group_input_container_default as DateRangePickerInputContainer, date_range_picker_popover_default as DateRangePickerPopover, date_input_group_prefix_default as DateRangePickerPrefix, date_range_picker_range_separator_default as DateRangePickerRangeSeparator, date_range_picker_root_default as DateRangePickerRoot, date_input_group_segment_default as DateRangePickerSegment, date_input_group_suffix_default as DateRangePickerSuffix, date_range_picker_trigger_default as DateRangePickerTrigger, date_range_picker_trigger_indicator_default as DateRangePickerTriggerIndicator, dateInputGroupVariants, dateRangePickerVariants, provideDateRangePickerContext, useDateRangePickerContext };