ropav 0.6.0 → 0.7.0

package/dist/components/calendar/calendar-grid.js

@@ -1,4 +1,5 @@
 import { provideCalendarContext, provideCalendarGridContext, useCalendarContext, useCalendarStateContext } from "./calendar.context.js";
+import { DEFAULT_WEEKDAY_STYLE } from "../../utils/calendar.js";
 import { useCalendarGrid } from "../../composables/use-calendar-grid.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 import { endOfMonth } from "@internationalized/date";
@@ -8,7 +9,7 @@ var calendar_grid_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	__name: "calendar-grid",
 	props: {
 		class: {},
-		weekdayStyle: { default: "short" },
+		weekdayStyle: { default: DEFAULT_WEEKDAY_STYLE },
 		offset: {}
 	},
 	setup(__props) {

package/dist/components/calendar/calendar-root.d.ts

@@ -1,6 +1,6 @@
 import type { CalendarValue } from "../../composables/use-calendar-state.js";
 import type { CalendarRootProps, CalendarRootSlotProps } from "./calendar.types.js";
-import { CalendarDate } from "@internationalized/date";
+import type { CalendarDate } from "@internationalized/date";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CalendarRootProps & {
         "onUpdate:focusedValue"?: ((value: CalendarDate) => any) | undefined;

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

@@ -2,14 +2,14 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useControllableState } from "../../composables/use-controllable-state.js";
 import { useLocale } from "../../composables/use-locale.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
-import { provideYearPickerContext } from "../calendar-year-picker/calendar-year-picker.context.js";
-import { getGregorianYearOffset } from "../../utils/calendar.js";
 import { provideCalendarContext, provideCalendarStateContext, useCalendarOwnerContext } from "./calendar.context.js";
 import { useCalendar } from "../../composables/use-calendar.js";
+import { getDefaultYearBounds } from "../../utils/calendar.js";
 import { useCalendarState } from "../../composables/use-calendar-state.js";
+import { provideYearPickerContext } from "../calendar-year-picker/calendar-year-picker.context.js";
 import { child, computed, createSlot, defineVaporComponent, next, on, renderEffect, setAttr, setDynamicProps, setInsertionState, setProp, setStaticTemplateRef, setStyle, setText, shallowRef, template, toDisplayString, txt, unref } from "vue";
 import { calendarVariants } from "@ropav/styles";
-import { CalendarDate, DateFormatter, createCalendar } from "@internationalized/date";
+import { DateFormatter, GregorianCalendar } from "@internationalized/date";
 //#region src/components/calendar/calendar-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div><div><h2> </div><!><div><button tabindex=-1 type=button>", 1);
 var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -57,7 +57,8 @@ var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		defaultYearPickerOpen: {
 			type: Boolean,
 			default: false
-		}
+		},
+		createCalendar: {}
 	},
 	emits: [
 		"update:value",
@@ -79,17 +80,16 @@ var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const owner = useCalendarOwnerContext();
 		const owned = computed(() => owner?.props.value ?? {});
 		const isDateUnavailable = Boolean(props.isDateUnavailable ?? owned.value.isDateUnavailable) ? (date) => Boolean((props.isDateUnavailable ?? owned.value.isDateUnavailable)?.(date)) : void 0;
+		const createCalendar = (identifier) => props.createCalendar?.(identifier) ?? new GregorianCalendar();
+		const calendarSystem = computed(() => createCalendar(new DateFormatter(locale.value.locale).resolvedOptions().calendar));
 		/**
 		* Default bounds spanning 1900 to 2099, expressed in the locale's own calendar system.
 		*
-		* Without them the year picker would have nothing to size itself against. The offset is what keeps
-		* "1900" the same stretch of real time in a Buddhist or Hebrew calendar rather than a year nobody
-		* recognises.
+		* Without them the year picker would have nothing to size itself against.
 		*/
-		const calendarSystem = computed(() => createCalendar(new DateFormatter(locale.value.locale).resolvedOptions().calendar));
-		const yearOffset = computed(() => getGregorianYearOffset(calendarSystem.value.identifier));
-		const minValue = computed(() => props.minValue ?? owned.value.minValue ?? new CalendarDate(calendarSystem.value, 1900 + yearOffset.value, 1, 1));
-		const maxValue = computed(() => props.maxValue ?? owned.value.maxValue ?? new CalendarDate(calendarSystem.value, 2099 + yearOffset.value, 12, 31));
+		const defaultBounds = computed(() => getDefaultYearBounds(calendarSystem.value));
+		const minValue = computed(() => props.minValue ?? owned.value.minValue ?? defaultBounds.value.minValue);
+		const maxValue = computed(() => props.maxValue ?? owned.value.maxValue ?? defaultBounds.value.maxValue);
 		const state = useCalendarState({
 			autoFocus: () => props.autoFocus ?? owned.value.autoFocus,
 			createCalendar,
@@ -146,8 +146,8 @@ var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		* lays its single row out differently from a month grid, and a day view differently again.
 		*/
 		const styles = computed(() => slots.value.base({ class: [
-			props.visibleDuration?.weeks != null && "calendar--week-view",
-			props.visibleDuration?.days != null && "calendar--day-view",
+			props.visibleDuration?.weeks != null && "rp-calendar--week-view",
+			props.visibleDuration?.days != null && "rp-calendar--day-view",
 			props.class
 		].filter(Boolean).join(" ") }));
 		const slotProps = computed(() => ({

package/dist/components/calendar/calendar.context.js

@@ -21,7 +21,7 @@ var [useCalendarStateContext, provideCalendarStateContext] = createContext({ nam
 * state, and each row of cells has to know which month it belongs to.
 */
 var [useCalendarGridContext, provideCalendarGridContext] = createContext({
-	errorMessage: "Calendar grid parts must be used inside <Calendar.Grid>.",
+	errorMessage: "Calendar grid parts must be used inside <CalendarGrid>.",
 	name: "CalendarGridContext"
 });
 /**

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

@@ -2,7 +2,7 @@ import type { AnyCalendarState } from "../../composables/use-calendar.js";
 import type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
 import type { CalendarSelectionMode, CalendarValue, PageBehavior, SelectionAlignment } from "../../composables/use-calendar-state.js";
 import type { DayOfWeek, WeekdayStyle } from "../../utils/calendar.js";
-import type { CalendarDate, DateDuration, DateValue } from "@internationalized/date";
+import type { Calendar, CalendarDate, CalendarIdentifier, DateDuration, DateValue } from "@internationalized/date";
 export interface CalendarRootProps {
     class?: string;
     id?: string;
@@ -38,6 +38,8 @@ export interface CalendarRootProps {
     /** Whether the year picker is open. */
     isYearPickerOpen?: boolean;
     defaultYearPickerOpen?: boolean;
+    /** Builds the calendar system for an identifier. Injectable so a build can ship fewer of them. */
+    createCalendar?: (identifier: CalendarIdentifier) => Calendar;
 }
 /** State the calendar hands its slot, matching React's render props. */
 export interface CalendarRootSlotProps {

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

@@ -8,428 +8,8 @@ import CalendarHeader from "./calendar-header.js";
 import CalendarHeading from "./calendar-heading.js";
 import CalendarNavButton from "./calendar-nav-button.js";
 import CalendarRoot from "./calendar-root.js";
-export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: (props: import("./calendar.types.js").CalendarRootSlotProps) => unknown;
-    };
-    emit: ((evt: "update:focusedValue", value: import("@internationalized/date").CalendarDate) => void) & ((evt: "update:value", value: import("../../index.js").CalendarValue) => void) & ((evt: "update:yearPickerOpen", isOpen: boolean) => void);
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        id?: string;
-        ariaLabel?: string;
-        ariaLabelledby?: string;
-        ariaDescribedby?: string;
-        ariaDetails?: string;
-        value?: import("../../index.js").CalendarValue;
-        defaultValue?: import("../../index.js").CalendarValue;
-        focusedValue?: import("@internationalized/date").DateValue | null;
-        defaultFocusedValue?: import("@internationalized/date").DateValue | null;
-        minValue?: import("@internationalized/date").DateValue | null;
-        maxValue?: import("@internationalized/date").DateValue | null;
-        selectionMode?: import("../../index.js").CalendarSelectionMode;
-        isDateUnavailable?: (date: import("@internationalized/date").DateValue) => boolean;
-        isDisabled?: boolean;
-        isReadOnly?: boolean;
-        isInvalid?: boolean;
-        autoFocus?: boolean;
-        visibleDuration?: import("@internationalized/date").DateDuration;
-        pageBehavior?: import("../../index.js").PageBehavior;
-        selectionAlignment?: import("../../index.js").SelectionAlignment;
-        firstDayOfWeek?: import("../../index.js").DayOfWeek;
-        weeksInMonth?: number;
-        isYearPickerOpen?: boolean;
-        defaultYearPickerOpen?: boolean;
-        "onUpdate:focusedValue"?: ((value: import("@internationalized/date").CalendarDate) => any) | undefined;
-        "onUpdate:value"?: ((value: import("../../index.js").CalendarValue) => any) | undefined;
-        "onUpdate:yearPickerOpen"?: ((isOpen: boolean) => any) | undefined;
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("./calendar.types.js").CalendarRootSlotProps) => unknown;
-    };
-    emit: ((evt: "update:focusedValue", value: import("@internationalized/date").CalendarDate) => void) & ((evt: "update:value", value: import("../../index.js").CalendarValue) => void) & ((evt: "update:yearPickerOpen", isOpen: boolean) => void);
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Cell: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarCellSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            date: import("@internationalized/date").CalendarDate;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarCellSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    CellIndicator: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Grid: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            weekdayStyle?: import("../../index.js").WeekdayStyle;
-            offset?: import("@internationalized/date").DateDuration;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    GridBody: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarGridBodySlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarGridBodySlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    GridHeader: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarGridHeaderSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarGridHeaderSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Header: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    HeaderCell: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Heading: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {};
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            offset?: import("@internationalized/date").DateDuration;
-            format?: import("./index.js").CalendarHeadingFormatOptions;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {};
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    NavButton: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            slot?: "previous" | "next";
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarRootSlotProps) => unknown;
-        };
-        emit: ((evt: "update:focusedValue", value: import("@internationalized/date").CalendarDate) => void) & ((evt: "update:value", value: import("../../index.js").CalendarValue) => void) & ((evt: "update:yearPickerOpen", isOpen: boolean) => void);
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            id?: string;
-            ariaLabel?: string;
-            ariaLabelledby?: string;
-            ariaDescribedby?: string;
-            ariaDetails?: string;
-            value?: import("../../index.js").CalendarValue;
-            defaultValue?: import("../../index.js").CalendarValue;
-            focusedValue?: import("@internationalized/date").DateValue | null;
-            defaultFocusedValue?: import("@internationalized/date").DateValue | null;
-            minValue?: import("@internationalized/date").DateValue | null;
-            maxValue?: import("@internationalized/date").DateValue | null;
-            selectionMode?: import("../../index.js").CalendarSelectionMode;
-            isDateUnavailable?: (date: import("@internationalized/date").DateValue) => boolean;
-            isDisabled?: boolean;
-            isReadOnly?: boolean;
-            isInvalid?: boolean;
-            autoFocus?: boolean;
-            visibleDuration?: import("@internationalized/date").DateDuration;
-            pageBehavior?: import("../../index.js").PageBehavior;
-            selectionAlignment?: import("../../index.js").SelectionAlignment;
-            firstDayOfWeek?: import("../../index.js").DayOfWeek;
-            weeksInMonth?: number;
-            isYearPickerOpen?: boolean;
-            defaultYearPickerOpen?: boolean;
-            "onUpdate:focusedValue"?: ((value: import("@internationalized/date").CalendarDate) => any) | undefined;
-            "onUpdate:value"?: ((value: import("../../index.js").CalendarValue) => any) | undefined;
-            "onUpdate:yearPickerOpen"?: ((isOpen: boolean) => any) | undefined;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar.types.js").CalendarRootSlotProps) => unknown;
-        };
-        emit: ((evt: "update:focusedValue", value: import("@internationalized/date").CalendarDate) => void) & ((evt: "update:value", value: import("../../index.js").CalendarValue) => void) & ((evt: "update:yearPickerOpen", isOpen: boolean) => void);
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerCell: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            year: number;
-            excludeFromTabOrder?: boolean;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerGrid: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            visibleYears?: number;
-            format?: import("../index.js").CalendarYearPickerFormatOptions;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerGridBody: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerTrigger: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerTriggerHeading: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            offset?: import("@internationalized/date").DateDuration;
-            format?: import("./index.js").CalendarHeadingFormatOptions;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    YearPickerTriggerIndicator: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("../index.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot, };
-export type { CalendarCellIndicatorProps, CalendarCellProps, CalendarCellSlotProps, CalendarGridBodyProps, CalendarGridBodySlotProps, CalendarGridHeaderProps, CalendarGridHeaderSlotProps, CalendarGridProps, CalendarHeaderCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarRootProps, CalendarRootProps as CalendarProps, CalendarRootSlotProps, } from "./calendar.types.js";
+export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot as Calendar, };
+export type { CalendarCellIndicatorProps, CalendarCellProps, CalendarCellSlotProps, CalendarGridBodyProps, CalendarGridBodySlotProps, CalendarGridHeaderProps, CalendarGridHeaderSlotProps, CalendarGridProps, CalendarHeaderCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarRootProps as CalendarProps, CalendarRootSlotProps as CalendarSlotProps, } 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";

package/dist/components/calendar/index.js

@@ -1,10 +1,4 @@
-import calendar_year_picker_cell_default from "../calendar-year-picker/calendar-year-picker-cell.js";
-import calendar_year_picker_grid_body_default from "../calendar-year-picker/calendar-year-picker-grid-body.js";
 import { provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOwnerContext, useCalendarStateContext } from "./calendar.context.js";
-import calendar_year_picker_grid_default from "../calendar-year-picker/calendar-year-picker-grid.js";
-import calendar_year_picker_trigger_heading_default from "../calendar-year-picker/calendar-year-picker-trigger-heading.js";
-import calendar_year_picker_trigger_indicator_default from "../calendar-year-picker/calendar-year-picker-trigger-indicator.js";
-import calendar_year_picker_trigger_default from "../calendar-year-picker/calendar-year-picker-trigger.js";
 import calendar_cell_indicator_default from "./calendar-cell-indicator.js";
 import calendar_cell_default from "./calendar-cell.js";
 import calendar_grid_body_default from "./calendar-grid-body.js";
@@ -16,24 +10,4 @@ import calendar_heading_default from "./calendar-heading.js";
 import calendar_nav_button_default from "./calendar-nav-button.js";
 import calendar_root_default from "./calendar-root.js";
 import { calendarVariants } from "@ropav/styles";
-//#region src/components/calendar/index.ts
-var Calendar = Object.assign(calendar_root_default, {
-	Cell: calendar_cell_default,
-	CellIndicator: calendar_cell_indicator_default,
-	Grid: calendar_grid_default,
-	GridBody: calendar_grid_body_default,
-	GridHeader: calendar_grid_header_default,
-	Header: calendar_header_default,
-	HeaderCell: calendar_header_cell_default,
-	Heading: calendar_heading_default,
-	NavButton: calendar_nav_button_default,
-	Root: calendar_root_default,
-	YearPickerCell: calendar_year_picker_cell_default,
-	YearPickerGrid: calendar_year_picker_grid_default,
-	YearPickerGridBody: calendar_year_picker_grid_body_default,
-	YearPickerTrigger: calendar_year_picker_trigger_default,
-	YearPickerTriggerHeading: calendar_year_picker_trigger_heading_default,
-	YearPickerTriggerIndicator: calendar_year_picker_trigger_indicator_default
-});
-//#endregion
-export { Calendar, calendar_cell_default as CalendarCell, calendar_cell_indicator_default as CalendarCellIndicator, calendar_grid_default as CalendarGrid, calendar_grid_body_default as CalendarGridBody, calendar_grid_header_default as CalendarGridHeader, calendar_header_default as CalendarHeader, calendar_header_cell_default as CalendarHeaderCell, calendar_heading_default as CalendarHeading, calendar_nav_button_default as CalendarNavButton, calendar_root_default as CalendarRoot, calendarVariants, provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOwnerContext, useCalendarStateContext };
+export { calendar_root_default as Calendar, calendar_cell_default as CalendarCell, calendar_cell_indicator_default as CalendarCellIndicator, calendar_grid_default as CalendarGrid, calendar_grid_body_default as CalendarGridBody, calendar_grid_header_default as CalendarGridHeader, calendar_header_default as CalendarHeader, calendar_header_cell_default as CalendarHeaderCell, calendar_heading_default as CalendarHeading, calendar_nav_button_default as CalendarNavButton, calendarVariants, provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOwnerContext, useCalendarStateContext };

package/dist/components/calendar-year-picker/calendar-year-picker-cell.js

@@ -9,7 +9,7 @@ var calendar_year_picker_cell_vue_vue_type_script_setup_true_vapor_true_lang_def
 	__name: "calendar-year-picker-cell",
 	props: {
 		class: {},
-		year: {},
+		id: {},
 		excludeFromTabOrder: {
 			type: Boolean,
 			default: void 0
@@ -17,9 +17,11 @@ var calendar_year_picker_cell_vue_vue_type_script_setup_true_vapor_true_lang_def
 	},
 	setup(__props) {
 		const props = __props;
-		const { activeYear, focusedYear, getFormattedYear, isYearPickerOpen, selectYear, setActiveYear, slots } = useYearPickerGridContext();
-		const isSelected = computed(() => props.year === focusedYear.value);
-		const formattedYear = computed(() => getFormattedYear(props.year));
+		const { activeId, focusedId, isYearPickerOpen, selectYear, setActiveId, slots, years } = useYearPickerGridContext();
+		const entry = computed(() => years.value[props.id]);
+		const year = computed(() => entry.value?.year ?? props.id);
+		const isSelected = computed(() => props.id === focusedId.value);
+		const formattedYear = computed(() => entry.value?.formatted ?? String(year.value));
 		const styles = computed(() => slots.value.yearCell({ class: props.class }));
 		/**
 		* Only one year is a tab stop, and only while the picker is open.
@@ -27,19 +29,20 @@ var calendar_year_picker_cell_vue_vue_type_script_setup_true_vapor_true_lang_def
 		* The grid moves focus with the arrow keys, so every other cell has to be out of the tab order —
 		* and while the picker is closed the whole list is, or Tab would walk through a hidden grid.
 		*/
-		const isExcludedFromTabOrder = computed(() => props.excludeFromTabOrder ?? !(isYearPickerOpen.value && props.year === activeYear.value));
+		const isExcludedFromTabOrder = computed(() => props.excludeFromTabOrder ?? !(isYearPickerOpen.value && props.id === activeId.value));
 		const interaction = useInteractionStates();
 		const slotProps = computed(() => ({
 			formattedYear: formattedYear.value,
-			isCurrentYear: props.year === (/* @__PURE__ */ new Date()).getFullYear(),
+			id: props.id,
+			isCurrentYear: entry.value?.isCurrentYear ?? false,
 			isOpen: isYearPickerOpen.value,
 			isSelected: isSelected.value,
-			selectYear: () => selectYear(props.year),
-			year: props.year
+			selectYear: () => selectYear(props.id),
+			year: year.value
 		}));
 		const onFocus = () => {
 			interaction.onFocus();
-			setActiveYear(props.year);
+			setActiveId(props.id);
 		};
 		const n3 = t1();
 		renderEffect(() => {
@@ -49,9 +52,10 @@ var calendar_year_picker_cell_vue_vue_type_script_setup_true_vapor_true_lang_def
 			setClass(n3, styles.value);
 			setAttr(n3, "data-focus-visible", _dataAttr(_interaction.isFocusVisible.value));
 			setAttr(n3, "data-hovered", _dataAttr(_interaction.isHovered.value));
+			setAttr(n3, "data-key", props.id);
 			setAttr(n3, "data-pressed", _dataAttr(_interaction.isPressed.value));
 			setAttr(n3, "data-selected", _dataAttr(isSelected.value));
-			setAttr(n3, "data-year", props.year);
+			setAttr(n3, "data-year", year.value);
 			setProp(n3, "tabindex", isExcludedFromTabOrder.value ? -1 : void 0);
 		});
 		setInsertionState(n3);
@@ -61,7 +65,7 @@ var calendar_year_picker_cell_vue_vue_type_script_setup_true_vapor_true_lang_def
 			return n2;
 		});
 		on(n3, "blur", (e) => unref(interaction).onBlur(e));
-		on(n3, "click", () => unref(selectYear)(props.year));
+		on(n3, "click", () => unref(selectYear)(props.id));
 		on(n3, "focus", onFocus);
 		on(n3, "pointercancel", (e) => unref(interaction).onPointerleave(e));
 		on(n3, "pointerdown", (e) => unref(interaction).onPointerdown(e));