@super-calendar/native 2.5.0 → 2.6.0

package/dist/index.d.mts

@@ -4,6 +4,53 @@ import { ComponentType, ReactElement } from "react";
 import { SharedValue, useSharedValue } from "react-native-reanimated";
 import { CalendarEvent as CalendarEvent$1, DateRange, DateSelectionConstraints, DaySelectionState, EventAccessibilityLabeler as EventAccessibilityLabeler$1, ICalEvent, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, ToICalendarOptions, UseDateRangeOptions, UseMonthGridOptions, WeekdayFormat as WeekdayFormat$1, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useDateRange, useMonthGrid, weekdayFormatToken } from "@super-calendar/core";
 import { StyleProp, ViewStyle } from "react-native";
+//#region src/components/YearView.d.ts
+/**
+ * The styleable parts of {@link YearView}. `dayText` and `eventDot` are the
+ * text/marker inside a day cell (React Native text colour doesn't inherit).
+ */
+type YearViewSlot = "grid" | "month" | "monthTitle" | "weekdays" | "weekday" | "week" | "day" | "dayText" | "eventDot";
+/** Props for {@link YearView}, the twelve mini-month year grid. */
+type YearViewProps<T = unknown> = SlotStyleProps<YearViewSlot> & {
+  /** Any date inside the year to render. */
+  date: Date;
+  /** Days holding at least one event get a dot. Omit for a plain year. */
+  events?: CalendarEvent<T>[];
+  weekStartsOn: WeekStartsOn;
+  locale?: Locale;
+  /** Highlight this date instead of the real "today". */
+  activeDate?: Date;
+  /**
+   * Smallest width a mini month may take before the grid drops a column
+   * (default 150). The grid fits 2–4 columns from the measured width.
+   */
+  minMonthWidth?: number;
+  /** Tap a day cell (e.g. to drill into the day or month view). */
+  onPressDay?: (date: Date) => void;
+  /** Tap a month's title (e.g. to jump to that month's view). */
+  onPressMonth?: (month: Date) => void;
+};
+declare function YearViewInner<T>({ date, events, weekStartsOn, locale, activeDate, minMonthWidth, onPressDay, onPressMonth, classNames, styles: styleOverrides }: YearViewProps<T>): ReactElement;
+/**
+ * A year at a glance: the twelve months as compact mini grids, with today
+ * highlighted and a dot under days that hold events. Tap a day or a month
+ * title to drill into a denser view. It's the view `Calendar` renders for
+ * `mode="year"`.
+ *
+ * @example
+ * ```tsx
+ * import { YearView } from "@super-calendar/native";
+ *
+ * <YearView
+ *   date={new Date()}
+ *   events={events}
+ *   weekStartsOn={1}
+ *   onPressDay={(day) => console.log(day)}
+ * />
+ * ```
+ */
+declare const YearView: typeof YearViewInner;
+//#endregion
 //#region src/components/Agenda.d.ts
 /**
  * The styleable parts of {@link Agenda}. Mirrors the dom renderer's slot names;
@@ -182,7 +229,7 @@ declare const TimeGrid: typeof TimeGridInner;
  * month pager, the grid slots reach the time grid, and the agenda slots reach
  * the schedule view; slots for views that aren't rendered are ignored.
  */
-type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot;
+type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot | YearViewSlot;
 /** Props for the {@link Calendar} component. */
 type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
   events: CalendarEvent<T>[];
@@ -217,8 +264,10 @@ type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
    * drag-to-move and drag-to-resize working while hiding the visible indicator.
    */
   showDragHandle?: boolean;
-  /** Tap a day cell (month mode) — e.g. drill into the day view. */
+  /** Tap a day cell (month and year modes) — e.g. drill into the day view. */
   onPressDay?: (date: Date) => void;
+  /** Tap a month's title in the year view — e.g. jump to that month. */
+  onPressMonth?: (month: Date) => void;
   /** Long-press a day cell (month mode). */
   onLongPressDay?: (date: Date) => void;
   /** Tap the "+N more" overflow label in a month cell. */
@@ -397,7 +446,7 @@ type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
  * }
  * ```
  */
-declare function Calendar<T>({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn, weekdayFormat, numberOfDays, weekEndsOn, renderEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor, theme, cellHeight: cellHeightProp, hourHeight, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }: CalendarProps<T>): ReactElement;
+declare function Calendar<T>({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onPressMonth, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn, weekdayFormat, numberOfDays, weekEndsOn, renderEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor, theme, cellHeight: cellHeightProp, hourHeight, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }: CalendarProps<T>): ReactElement;
 //#endregion
 //#region src/components/DefaultEvent.d.ts
 /**
@@ -520,4 +569,4 @@ interface ResourceTimelineProps<T = unknown> {
  */
 declare function ResourceTimeline<T = unknown>({ date, orientation, resources, events, resourceId, startHour, endHour, hourWidth, hourHeight, rowHeight, labelWidth, ampm, renderEvent, onPressEvent, onLongPressEvent, onDragEvent, onPressCell, onLongPressCell, onCreateEvent, businessHours, dragStepMinutes }: ResourceTimelineProps<T>): ReactElement;
 //#endregion
-export { Agenda, type AgendaProps, type AgendaSlot, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarSlot, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventAccessibilityLabelContext, type EventAccessibilityLabeler, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalEvent, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, type MonthListSlot, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type MonthViewSlot, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type ResolvedSlot, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, type SlotDefault, type SlotStyleProps, TimeGrid, type TimeGridMode, type TimeGridProps, type TimeGridSlot, type ToICalendarOptions, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, type WeekdayFormat, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };
+export { Agenda, type AgendaProps, type AgendaSlot, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarSlot, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventAccessibilityLabelContext, type EventAccessibilityLabeler, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalEvent, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, type MonthListSlot, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type MonthViewSlot, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type ResolvedSlot, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, type SlotDefault, type SlotStyleProps, TimeGrid, type TimeGridMode, type TimeGridProps, type TimeGridSlot, type ToICalendarOptions, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, type WeekdayFormat, YearView, type YearViewProps, type YearViewSlot, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };

package/dist/index.d.ts

@@ -4,6 +4,53 @@ import { ComponentType, ReactElement } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { SharedValue, useSharedValue } from "react-native-reanimated";
 import { CalendarEvent as CalendarEvent$1, DateRange, DateSelectionConstraints, DaySelectionState, EventAccessibilityLabeler as EventAccessibilityLabeler$1, ICalEvent, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, ToICalendarOptions, UseDateRangeOptions, UseMonthGridOptions, WeekdayFormat as WeekdayFormat$1, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useDateRange, useMonthGrid, weekdayFormatToken } from "@super-calendar/core";
+//#region src/components/YearView.d.ts
+/**
+ * The styleable parts of {@link YearView}. `dayText` and `eventDot` are the
+ * text/marker inside a day cell (React Native text colour doesn't inherit).
+ */
+type YearViewSlot = "grid" | "month" | "monthTitle" | "weekdays" | "weekday" | "week" | "day" | "dayText" | "eventDot";
+/** Props for {@link YearView}, the twelve mini-month year grid. */
+type YearViewProps<T = unknown> = SlotStyleProps<YearViewSlot> & {
+  /** Any date inside the year to render. */
+  date: Date;
+  /** Days holding at least one event get a dot. Omit for a plain year. */
+  events?: CalendarEvent<T>[];
+  weekStartsOn: WeekStartsOn;
+  locale?: Locale;
+  /** Highlight this date instead of the real "today". */
+  activeDate?: Date;
+  /**
+   * Smallest width a mini month may take before the grid drops a column
+   * (default 150). The grid fits 2–4 columns from the measured width.
+   */
+  minMonthWidth?: number;
+  /** Tap a day cell (e.g. to drill into the day or month view). */
+  onPressDay?: (date: Date) => void;
+  /** Tap a month's title (e.g. to jump to that month's view). */
+  onPressMonth?: (month: Date) => void;
+};
+declare function YearViewInner<T>({ date, events, weekStartsOn, locale, activeDate, minMonthWidth, onPressDay, onPressMonth, classNames, styles: styleOverrides }: YearViewProps<T>): ReactElement;
+/**
+ * A year at a glance: the twelve months as compact mini grids, with today
+ * highlighted and a dot under days that hold events. Tap a day or a month
+ * title to drill into a denser view. It's the view `Calendar` renders for
+ * `mode="year"`.
+ *
+ * @example
+ * ```tsx
+ * import { YearView } from "@super-calendar/native";
+ *
+ * <YearView
+ *   date={new Date()}
+ *   events={events}
+ *   weekStartsOn={1}
+ *   onPressDay={(day) => console.log(day)}
+ * />
+ * ```
+ */
+declare const YearView: typeof YearViewInner;
+//#endregion
 //#region src/components/Agenda.d.ts
 /**
  * The styleable parts of {@link Agenda}. Mirrors the dom renderer's slot names;
@@ -182,7 +229,7 @@ declare const TimeGrid: typeof TimeGridInner;
  * month pager, the grid slots reach the time grid, and the agenda slots reach
  * the schedule view; slots for views that aren't rendered are ignored.
  */
-type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot;
+type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot | YearViewSlot;
 /** Props for the {@link Calendar} component. */
 type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
   events: CalendarEvent<T>[];
@@ -217,8 +264,10 @@ type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
    * drag-to-move and drag-to-resize working while hiding the visible indicator.
    */
   showDragHandle?: boolean;
-  /** Tap a day cell (month mode) — e.g. drill into the day view. */
+  /** Tap a day cell (month and year modes) — e.g. drill into the day view. */
   onPressDay?: (date: Date) => void;
+  /** Tap a month's title in the year view — e.g. jump to that month. */
+  onPressMonth?: (month: Date) => void;
   /** Long-press a day cell (month mode). */
   onLongPressDay?: (date: Date) => void;
   /** Tap the "+N more" overflow label in a month cell. */
@@ -397,7 +446,7 @@ type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
  * }
  * ```
  */
-declare function Calendar<T>({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn, weekdayFormat, numberOfDays, weekEndsOn, renderEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor, theme, cellHeight: cellHeightProp, hourHeight, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }: CalendarProps<T>): ReactElement;
+declare function Calendar<T>({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onPressMonth, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn, weekdayFormat, numberOfDays, weekEndsOn, renderEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor, theme, cellHeight: cellHeightProp, hourHeight, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }: CalendarProps<T>): ReactElement;
 //#endregion
 //#region src/components/DefaultEvent.d.ts
 /**
@@ -520,4 +569,4 @@ interface ResourceTimelineProps<T = unknown> {
  */
 declare function ResourceTimeline<T = unknown>({ date, orientation, resources, events, resourceId, startHour, endHour, hourWidth, hourHeight, rowHeight, labelWidth, ampm, renderEvent, onPressEvent, onLongPressEvent, onDragEvent, onPressCell, onLongPressCell, onCreateEvent, businessHours, dragStepMinutes }: ResourceTimelineProps<T>): ReactElement;
 //#endregion
-export { Agenda, type AgendaProps, type AgendaSlot, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarSlot, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventAccessibilityLabelContext, type EventAccessibilityLabeler, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalEvent, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, type MonthListSlot, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type MonthViewSlot, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type ResolvedSlot, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, type SlotDefault, type SlotStyleProps, TimeGrid, type TimeGridMode, type TimeGridProps, type TimeGridSlot, type ToICalendarOptions, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, type WeekdayFormat, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };
+export { Agenda, type AgendaProps, type AgendaSlot, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarSlot, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventAccessibilityLabelContext, type EventAccessibilityLabeler, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalEvent, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, type MonthListSlot, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type MonthViewSlot, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type ResolvedSlot, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, type SlotDefault, type SlotStyleProps, TimeGrid, type TimeGridMode, type TimeGridProps, type TimeGridSlot, type ToICalendarOptions, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, type WeekdayFormat, YearView, type YearViewProps, type YearViewSlot, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };

package/dist/index.js

@@ -21,16 +21,179 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-const require_MonthList = require("./MonthList-Aczb2RSY.js");
+const require_MonthList = require("./MonthList-Gu6p64fE.js");
 let date_fns = require("date-fns");
 let react = require("react");
 let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = __toESM(react_native_reanimated);
 let _super_calendar_core = require("@super-calendar/core");
-let _legendapp_list_react_native = require("@legendapp/list/react-native");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _legendapp_list_react_native = require("@legendapp/list/react-native");
 let react_native_gesture_handler = require("react-native-gesture-handler");
+//#region src/components/YearView.tsx
+const FALLBACK_COLUMNS = 3;
+function YearViewInner({ date, events, weekStartsOn, locale, activeDate, minMonthWidth = 150, onPressDay, onPressMonth, classNames, styles: styleOverrides }) {
+	const theme = require_MonthList.useCalendarTheme();
+	const slot = require_MonthList.createSlots({
+		classNames,
+		styles: styleOverrides
+	});
+	const [columns, setColumns] = (0, react.useState)(FALLBACK_COLUMNS);
+	const handleLayout = (event) => {
+		const width = event.nativeEvent.layout.width;
+		if (width <= 0) return;
+		setColumns(Math.max(2, Math.min(4, Math.floor(width / minMonthWidth))));
+	};
+	const months = (0, react.useMemo)(() => (0, _super_calendar_core.getYearMonths)(date), [date]);
+	const weekdayLabels = (0, react.useMemo)(() => (0, _super_calendar_core.getWeekDays)(date, weekStartsOn).map((d) => (0, date_fns.format)(d, (0, _super_calendar_core.weekdayFormatToken)("narrow"), { locale })), [
+		date,
+		weekStartsOn,
+		locale
+	]);
+	const eventDays = (0, react.useMemo)(() => new Set(events && events.length > 0 ? (0, _super_calendar_core.groupEventsByDay)(events).keys() : []), [events]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.ScrollView, {
+		onLayout: handleLayout,
+		showsVerticalScrollIndicator: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			...slot("grid", { base: styles$5.grid }),
+			children: months.map((month) => {
+				const weeks = (0, _super_calendar_core.buildMonthWeeks)(month, weekStartsOn);
+				const title = (0, date_fns.format)(month, "MMMM", { locale });
+				const monthLabel = (0, date_fns.format)(month, "MMMM yyyy", { locale });
+				const titleText = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+					...slot("monthTitle", {
+						base: styles$5.monthTitle,
+						themed: [styles$5.monthTitleText, { color: theme.colors.todayBackground }]
+					}),
+					allowFontScaling: false,
+					children: title
+				});
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+					...slot("month", { base: [styles$5.month, { width: `${100 / columns}%` }] }),
+					children: [
+						onPressMonth ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+							onPress: () => onPressMonth(month),
+							accessibilityRole: "button",
+							accessibilityLabel: monthLabel,
+							children: titleText
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+							accessible: true,
+							accessibilityRole: "header",
+							accessibilityLabel: monthLabel,
+							children: titleText
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+							...slot("weekdays", { base: styles$5.weekdays }),
+							accessibilityElementsHidden: true,
+							importantForAccessibility: "no-hide-descendants",
+							children: weekdayLabels.map((label, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+								...slot("weekday", {
+									base: styles$5.weekday,
+									themed: [styles$5.weekdayText, { color: theme.colors.textMuted }]
+								}),
+								allowFontScaling: false,
+								children: label
+							}, i))
+						}),
+						weeks.map((week) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+							...slot("week", { base: styles$5.week }),
+							children: week.map((day) => {
+								if (day.getMonth() !== month.getMonth()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { style: styles$5.day }, day.toISOString());
+								const isHighlighted = activeDate ? (0, _super_calendar_core.isSameCalendarDay)(day, activeDate) : (0, _super_calendar_core.getIsToday)(day);
+								const hasEvents = eventDays.has((0, date_fns.startOfDay)(day).toISOString());
+								const label = `${(0, date_fns.format)(day, "EEEE, d LLLL yyyy", { locale })}${(0, _super_calendar_core.getIsToday)(day) ? ", today" : ""}${hasEvents ? ", has events" : ""}`;
+								const daySlot = slot("day", {
+									base: styles$5.day,
+									themed: isHighlighted ? {
+										backgroundColor: theme.colors.todayBackground,
+										borderRadius: theme.todayBadgeRadius
+									} : void 0
+								});
+								const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+									...slot("dayText", { themed: [styles$5.dayText, { color: isHighlighted ? theme.colors.todayText : theme.colors.text }] }),
+									allowFontScaling: false,
+									children: day.getDate()
+								}), hasEvents ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { ...slot("eventDot", {
+									base: styles$5.eventDot,
+									themed: { backgroundColor: isHighlighted ? theme.colors.todayText : theme.colors.todayBackground }
+								}) }) : null] });
+								return onPressDay ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+									onPress: () => onPressDay(day),
+									accessibilityRole: "button",
+									accessibilityLabel: label,
+									...daySlot,
+									children: content
+								}, day.toISOString()) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+									accessible: true,
+									accessibilityLabel: label,
+									...daySlot,
+									children: content
+								}, day.toISOString());
+							})
+						}, week[0].toISOString()))
+					]
+				}, month.toISOString());
+			})
+		})
+	});
+}
+/**
+* A year at a glance: the twelve months as compact mini grids, with today
+* highlighted and a dot under days that hold events. Tap a day or a month
+* title to drill into a denser view. It's the view `Calendar` renders for
+* `mode="year"`.
+*
+* @example
+* ```tsx
+* import { YearView } from "@super-calendar/native";
+*
+* <YearView
+*   date={new Date()}
+*   events={events}
+*   weekStartsOn={1}
+*   onPressDay={(day) => console.log(day)}
+* />
+* ```
+*/
+const YearView = (0, react.memo)(YearViewInner);
+const styles$5 = react_native.StyleSheet.create({
+	grid: {
+		flexDirection: "row",
+		flexWrap: "wrap"
+	},
+	month: { padding: 8 },
+	monthTitle: { paddingBottom: 4 },
+	monthTitleText: {
+		fontSize: 13,
+		fontWeight: "700"
+	},
+	weekdays: { flexDirection: "row" },
+	weekday: {
+		flex: 1,
+		textAlign: "center"
+	},
+	weekdayText: {
+		fontSize: 9,
+		fontWeight: "600"
+	},
+	week: { flexDirection: "row" },
+	day: {
+		flex: 1,
+		aspectRatio: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	dayText: { fontSize: 11 },
+	eventDot: {
+		position: "absolute",
+		bottom: 1,
+		width: 3,
+		height: 3,
+		borderRadius: 2
+	}
+});
+//#endregion
 //#region src/components/Agenda.tsx
 /**
 * A vertical, day-grouped list of events (no time grid). Events are sorted by
@@ -1589,11 +1752,13 @@ const styles$1 = react_native.StyleSheet.create({
 const defaultKeyExtractor = (event) => `${event.start.toISOString()}|${event.end.toISOString()}|${event.title ?? ""}`;
 function visibleRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 	if (mode === "month") return [(0, date_fns.startOfWeek)((0, date_fns.startOfMonth)(date), { weekStartsOn }), (0, date_fns.endOfWeek)((0, date_fns.endOfMonth)(date), { weekStartsOn })];
+	if (mode === "year") return [(0, date_fns.startOfWeek)((0, date_fns.startOfYear)(date), { weekStartsOn }), (0, date_fns.endOfWeek)((0, date_fns.endOfYear)(date), { weekStartsOn })];
 	const days = (0, _super_calendar_core.getViewDays)(mode, date, weekStartsOn, numberOfDays, false, weekEndsOn);
 	return [(0, date_fns.startOfDay)(days[0]), (0, date_fns.endOfDay)(days[days.length - 1])];
 }
 function expansionRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 	if (mode === "month") return [(0, date_fns.startOfWeek)((0, date_fns.startOfMonth)((0, date_fns.addMonths)(date, -1)), { weekStartsOn }), (0, date_fns.addWeeks)((0, date_fns.endOfWeek)((0, date_fns.endOfMonth)((0, date_fns.addMonths)(date, 1)), { weekStartsOn }), 1)];
+	if (mode === "year") return [(0, date_fns.startOfWeek)((0, date_fns.startOfYear)(date), { weekStartsOn }), (0, date_fns.endOfWeek)((0, date_fns.endOfYear)(date), { weekStartsOn })];
 	if (mode === "schedule") return [(0, date_fns.startOfDay)(date), (0, date_fns.endOfDay)((0, date_fns.addMonths)(date, 3))];
 	const days = (0, _super_calendar_core.getViewDays)(mode, date, weekStartsOn, numberOfDays, false, weekEndsOn);
 	const span = days.length;
@@ -1625,7 +1790,7 @@ function expansionRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 * }
 * ```
 */
-function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn = 0, weekdayFormat, numberOfDays, weekEndsOn, renderEvent = DefaultEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor = defaultKeyExtractor, theme, cellHeight: cellHeightProp, hourHeight = 48, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }) {
+function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onPressMonth, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn = 0, weekdayFormat, numberOfDays, weekEndsOn, renderEvent = DefaultEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor = defaultKeyExtractor, theme, cellHeight: cellHeightProp, hourHeight = 48, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }) {
 	const mergedTheme = (0, react.useMemo)(() => require_MonthList.mergeTheme(theme), [theme]);
 	const internalCellHeight = (0, react_native_reanimated.useSharedValue)(hourHeight);
 	const cellHeight = cellHeightProp ?? internalCellHeight;
@@ -1726,6 +1891,16 @@ function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPress
 			swipeEnabled,
 			classNames,
 			styles: styleOverrides
+		}) : mode === "year" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(YearView, {
+			date,
+			events: displayEvents,
+			weekStartsOn,
+			locale,
+			activeDate,
+			onPressDay,
+			onPressMonth,
+			classNames,
+			styles: styleOverrides
 		}) : mode === "schedule" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Agenda, {
 			events: displayEvents,
 			locale,
@@ -2506,6 +2681,7 @@ exports.MonthPager = require_MonthList.MonthPager;
 exports.MonthView = require_MonthList.MonthView;
 exports.ResourceTimeline = ResourceTimeline;
 exports.TimeGrid = TimeGrid;
+exports.YearView = YearView;
 Object.defineProperty(exports, "buildMonthGrid", {
 	enumerable: true,
 	get: function() {

package/dist/index.mjs

@@ -1,12 +1,175 @@
-import { a as withEventAccessibilityLabel, c as createSlots, d as darkTheme, f as defaultTheme, i as MonthView, l as useSlots, m as useCalendarTheme, n as DefaultMonthEvent, o as useWebPagerKeys, p as mergeTheme, r as MonthPager, s as SlotStylesProvider, t as MonthList, u as CalendarThemeProvider } from "./MonthList-zPLklHAY.mjs";
-import { addDays, addMonths, addWeeks, differenceInCalendarDays, endOfDay, endOfMonth, endOfWeek, format, getHours, getISOWeek, getMinutes, isSameDay, startOfDay, startOfMonth, startOfWeek } from "date-fns";
+import { a as withEventAccessibilityLabel, c as createSlots, d as darkTheme, f as defaultTheme, i as MonthView, l as useSlots, m as useCalendarTheme, n as DefaultMonthEvent, o as useWebPagerKeys, p as mergeTheme, r as MonthPager, s as SlotStylesProvider, t as MonthList, u as CalendarThemeProvider } from "./MonthList-CMzYn9T0.mjs";
+import { addDays, addMonths, addWeeks, differenceInCalendarDays, endOfDay, endOfMonth, endOfWeek, endOfYear, format, getHours, getISOWeek, getMinutes, isSameDay, startOfDay, startOfMonth, startOfWeek, startOfYear } from "date-fns";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import Animated, { runOnJS, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useAnimatedStyle, useDerivedValue, useReducedMotion, useSharedValue } from "react-native-reanimated";
-import { buildMonthGrid, buildMonthWeeks, cellRangeFromDrag, closedHourBands, daySelectionState, eventAccessibilityLabel, eventChipLayout, eventTimeLabel, eventsInTimeZone, eventsInTimeZone as eventsInTimeZone$1, expandRecurringEvents, expandRecurringEvents as expandRecurringEvents$1, formatHour, getIsToday, getIsToday as getIsToday$1, getViewDays, getViewDays as getViewDays$1, getWeekDays, isAllDayEvent, isAllDayEvent as isAllDayEvent$1, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isSameCalendarDay as isSameCalendarDay$1, isWeekend, isWeekend as isWeekend$1, isWithinDateRange, layoutDayEvents, layoutDayEvents as layoutDayEvents$1, minutesIntoDay, nextDateRange, parseICalendar, resolveDraggedBounds, snapDeltaMinutes, titleEllipsizeMode, titleNumberOfLines, toICalendar, toZonedTime, useDateRange, useMonthGrid, viewDayCount, weekdayFormatToken, weekdayFormatToken as weekdayFormatToken$1 } from "@super-calendar/core";
-import { LegendList } from "@legendapp/list/react-native";
+import { buildMonthGrid, buildMonthWeeks, buildMonthWeeks as buildMonthWeeks$1, cellRangeFromDrag, closedHourBands, daySelectionState, eventAccessibilityLabel, eventChipLayout, eventTimeLabel, eventsInTimeZone, eventsInTimeZone as eventsInTimeZone$1, expandRecurringEvents, expandRecurringEvents as expandRecurringEvents$1, formatHour, getIsToday, getIsToday as getIsToday$1, getViewDays, getViewDays as getViewDays$1, getWeekDays, getWeekDays as getWeekDays$1, getYearMonths, groupEventsByDay, isAllDayEvent, isAllDayEvent as isAllDayEvent$1, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isSameCalendarDay as isSameCalendarDay$1, isWeekend, isWeekend as isWeekend$1, isWithinDateRange, layoutDayEvents, layoutDayEvents as layoutDayEvents$1, minutesIntoDay, nextDateRange, parseICalendar, resolveDraggedBounds, snapDeltaMinutes, titleEllipsizeMode, titleNumberOfLines, toICalendar, toZonedTime, useDateRange, useMonthGrid, viewDayCount, weekdayFormatToken, weekdayFormatToken as weekdayFormatToken$1 } from "@super-calendar/core";
 import { Platform, Pressable, ScrollView, StyleSheet, Text, TouchableOpacity, View, useWindowDimensions } from "react-native";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { LegendList } from "@legendapp/list/react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
+//#region src/components/YearView.tsx
+const FALLBACK_COLUMNS = 3;
+function YearViewInner({ date, events, weekStartsOn, locale, activeDate, minMonthWidth = 150, onPressDay, onPressMonth, classNames, styles: styleOverrides }) {
+	const theme = useCalendarTheme();
+	const slot = createSlots({
+		classNames,
+		styles: styleOverrides
+	});
+	const [columns, setColumns] = useState(FALLBACK_COLUMNS);
+	const handleLayout = (event) => {
+		const width = event.nativeEvent.layout.width;
+		if (width <= 0) return;
+		setColumns(Math.max(2, Math.min(4, Math.floor(width / minMonthWidth))));
+	};
+	const months = useMemo(() => getYearMonths(date), [date]);
+	const weekdayLabels = useMemo(() => getWeekDays$1(date, weekStartsOn).map((d) => format(d, weekdayFormatToken$1("narrow"), { locale })), [
+		date,
+		weekStartsOn,
+		locale
+	]);
+	const eventDays = useMemo(() => new Set(events && events.length > 0 ? groupEventsByDay(events).keys() : []), [events]);
+	return /* @__PURE__ */ jsx(ScrollView, {
+		onLayout: handleLayout,
+		showsVerticalScrollIndicator: true,
+		children: /* @__PURE__ */ jsx(View, {
+			...slot("grid", { base: styles$5.grid }),
+			children: months.map((month) => {
+				const weeks = buildMonthWeeks$1(month, weekStartsOn);
+				const title = format(month, "MMMM", { locale });
+				const monthLabel = format(month, "MMMM yyyy", { locale });
+				const titleText = /* @__PURE__ */ jsx(Text, {
+					...slot("monthTitle", {
+						base: styles$5.monthTitle,
+						themed: [styles$5.monthTitleText, { color: theme.colors.todayBackground }]
+					}),
+					allowFontScaling: false,
+					children: title
+				});
+				return /* @__PURE__ */ jsxs(View, {
+					...slot("month", { base: [styles$5.month, { width: `${100 / columns}%` }] }),
+					children: [
+						onPressMonth ? /* @__PURE__ */ jsx(Pressable, {
+							onPress: () => onPressMonth(month),
+							accessibilityRole: "button",
+							accessibilityLabel: monthLabel,
+							children: titleText
+						}) : /* @__PURE__ */ jsx(View, {
+							accessible: true,
+							accessibilityRole: "header",
+							accessibilityLabel: monthLabel,
+							children: titleText
+						}),
+						/* @__PURE__ */ jsx(View, {
+							...slot("weekdays", { base: styles$5.weekdays }),
+							accessibilityElementsHidden: true,
+							importantForAccessibility: "no-hide-descendants",
+							children: weekdayLabels.map((label, i) => /* @__PURE__ */ jsx(Text, {
+								...slot("weekday", {
+									base: styles$5.weekday,
+									themed: [styles$5.weekdayText, { color: theme.colors.textMuted }]
+								}),
+								allowFontScaling: false,
+								children: label
+							}, i))
+						}),
+						weeks.map((week) => /* @__PURE__ */ jsx(View, {
+							...slot("week", { base: styles$5.week }),
+							children: week.map((day) => {
+								if (day.getMonth() !== month.getMonth()) return /* @__PURE__ */ jsx(View, { style: styles$5.day }, day.toISOString());
+								const isHighlighted = activeDate ? isSameCalendarDay$1(day, activeDate) : getIsToday$1(day);
+								const hasEvents = eventDays.has(startOfDay(day).toISOString());
+								const label = `${format(day, "EEEE, d LLLL yyyy", { locale })}${getIsToday$1(day) ? ", today" : ""}${hasEvents ? ", has events" : ""}`;
+								const daySlot = slot("day", {
+									base: styles$5.day,
+									themed: isHighlighted ? {
+										backgroundColor: theme.colors.todayBackground,
+										borderRadius: theme.todayBadgeRadius
+									} : void 0
+								});
+								const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+									...slot("dayText", { themed: [styles$5.dayText, { color: isHighlighted ? theme.colors.todayText : theme.colors.text }] }),
+									allowFontScaling: false,
+									children: day.getDate()
+								}), hasEvents ? /* @__PURE__ */ jsx(View, { ...slot("eventDot", {
+									base: styles$5.eventDot,
+									themed: { backgroundColor: isHighlighted ? theme.colors.todayText : theme.colors.todayBackground }
+								}) }) : null] });
+								return onPressDay ? /* @__PURE__ */ jsx(Pressable, {
+									onPress: () => onPressDay(day),
+									accessibilityRole: "button",
+									accessibilityLabel: label,
+									...daySlot,
+									children: content
+								}, day.toISOString()) : /* @__PURE__ */ jsx(View, {
+									accessible: true,
+									accessibilityLabel: label,
+									...daySlot,
+									children: content
+								}, day.toISOString());
+							})
+						}, week[0].toISOString()))
+					]
+				}, month.toISOString());
+			})
+		})
+	});
+}
+/**
+* A year at a glance: the twelve months as compact mini grids, with today
+* highlighted and a dot under days that hold events. Tap a day or a month
+* title to drill into a denser view. It's the view `Calendar` renders for
+* `mode="year"`.
+*
+* @example
+* ```tsx
+* import { YearView } from "@super-calendar/native";
+*
+* <YearView
+*   date={new Date()}
+*   events={events}
+*   weekStartsOn={1}
+*   onPressDay={(day) => console.log(day)}
+* />
+* ```
+*/
+const YearView = memo(YearViewInner);
+const styles$5 = StyleSheet.create({
+	grid: {
+		flexDirection: "row",
+		flexWrap: "wrap"
+	},
+	month: { padding: 8 },
+	monthTitle: { paddingBottom: 4 },
+	monthTitleText: {
+		fontSize: 13,
+		fontWeight: "700"
+	},
+	weekdays: { flexDirection: "row" },
+	weekday: {
+		flex: 1,
+		textAlign: "center"
+	},
+	weekdayText: {
+		fontSize: 9,
+		fontWeight: "600"
+	},
+	week: { flexDirection: "row" },
+	day: {
+		flex: 1,
+		aspectRatio: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	dayText: { fontSize: 11 },
+	eventDot: {
+		position: "absolute",
+		bottom: 1,
+		width: 3,
+		height: 3,
+		borderRadius: 2
+	}
+});
+//#endregion
 //#region src/components/Agenda.tsx
 /**
 * A vertical, day-grouped list of events (no time grid). Events are sorted by
@@ -1565,11 +1728,13 @@ const styles$1 = StyleSheet.create({
 const defaultKeyExtractor = (event) => `${event.start.toISOString()}|${event.end.toISOString()}|${event.title ?? ""}`;
 function visibleRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 	if (mode === "month") return [startOfWeek(startOfMonth(date), { weekStartsOn }), endOfWeek(endOfMonth(date), { weekStartsOn })];
+	if (mode === "year") return [startOfWeek(startOfYear(date), { weekStartsOn }), endOfWeek(endOfYear(date), { weekStartsOn })];
 	const days = getViewDays$1(mode, date, weekStartsOn, numberOfDays, false, weekEndsOn);
 	return [startOfDay(days[0]), endOfDay(days[days.length - 1])];
 }
 function expansionRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 	if (mode === "month") return [startOfWeek(startOfMonth(addMonths(date, -1)), { weekStartsOn }), addWeeks(endOfWeek(endOfMonth(addMonths(date, 1)), { weekStartsOn }), 1)];
+	if (mode === "year") return [startOfWeek(startOfYear(date), { weekStartsOn }), endOfWeek(endOfYear(date), { weekStartsOn })];
 	if (mode === "schedule") return [startOfDay(date), endOfDay(addMonths(date, 3))];
 	const days = getViewDays$1(mode, date, weekStartsOn, numberOfDays, false, weekEndsOn);
 	const span = days.length;
@@ -1601,7 +1766,7 @@ function expansionRange(mode, date, weekStartsOn, numberOfDays, weekEndsOn) {
 * }
 * ```
 */
-function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn = 0, weekdayFormat, numberOfDays, weekEndsOn, renderEvent = DefaultEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor = defaultKeyExtractor, theme, cellHeight: cellHeightProp, hourHeight = 48, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }) {
+function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPressEvent, onLongPressEvent, onDragEvent, onDragStart, dragStepMinutes, showDragHandle, onPressDay, onPressMonth, onLongPressDay, onPressMore, onPressCell, resetPageOnPressCell, onLongPressCell, onCreateEvent, onPressDateHeader, maxVisibleEventCount, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, weekStartsOn = 0, weekdayFormat, numberOfDays, weekEndsOn, renderEvent = DefaultEvent, eventAccessibilityLabel, eventCellStyle, calendarCellStyle, businessHours, keyExtractor = defaultKeyExtractor, theme, cellHeight: cellHeightProp, hourHeight = 48, minHourHeight, maxHourHeight, hourColumnWidth, hideHours, timeslots, showAllDayEventCell, showWeekNumber, weekNumberPrefix, hourComponent, showSixWeeks, swipeEnabled, showVerticalScrollIndicator, verticalScrollEnabled, headerComponent, minHour, maxHour, ampm, showTime, ellipsizeTitle, allDayLabel, scrollOffsetMinutes, showNowIndicator, locale, timeZone, activeDate, isRTL, freeSwipe, renderTimeGridHeader, renderHeaderForMonthView, renderCustomDateForMonth, itemSeparatorComponent, classNames, styles: styleOverrides }) {
 	const mergedTheme = useMemo(() => mergeTheme(theme), [theme]);
 	const internalCellHeight = useSharedValue(hourHeight);
 	const cellHeight = cellHeightProp ?? internalCellHeight;
@@ -1702,6 +1867,16 @@ function Calendar({ events, mode, date, onChangeDate, onChangeDateRange, onPress
 			swipeEnabled,
 			classNames,
 			styles: styleOverrides
+		}) : mode === "year" ? /* @__PURE__ */ jsx(YearView, {
+			date,
+			events: displayEvents,
+			weekStartsOn,
+			locale,
+			activeDate,
+			onPressDay,
+			onPressMonth,
+			classNames,
+			styles: styleOverrides
 		}) : mode === "schedule" ? /* @__PURE__ */ jsx(Agenda, {
 			events: displayEvents,
 			locale,
@@ -2471,4 +2646,4 @@ const styles = StyleSheet.create({
 	}
 });
 //#endregion
-export { Agenda, Calendar, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, DefaultEvent, DefaultMonthEvent, MonthList, MonthPager, MonthView, ResourceTimeline, TimeGrid, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };
+export { Agenda, Calendar, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, DefaultEvent, DefaultMonthEvent, MonthList, MonthPager, MonthView, ResourceTimeline, TimeGrid, YearView, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, parseICalendar, toICalendar, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };

package/dist/picker.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MonthList = require("./MonthList-Aczb2RSY.js");
+const require_MonthList = require("./MonthList-Gu6p64fE.js");
 let _super_calendar_core = require("@super-calendar/core");
 exports.CalendarThemeProvider = require_MonthList.CalendarThemeProvider;
 exports.DefaultMonthEvent = require_MonthList.DefaultMonthEvent;

package/dist/picker.mjs

@@ -1,3 +1,3 @@
-import { d as darkTheme, f as defaultTheme, i as MonthView, m as useCalendarTheme, n as DefaultMonthEvent, p as mergeTheme, r as MonthPager, t as MonthList, u as CalendarThemeProvider } from "./MonthList-zPLklHAY.mjs";
+import { d as darkTheme, f as defaultTheme, i as MonthView, m as useCalendarTheme, n as DefaultMonthEvent, p as mergeTheme, r as MonthPager, t as MonthList, u as CalendarThemeProvider } from "./MonthList-CMzYn9T0.mjs";
 import { buildMonthGrid, buildMonthWeeks, daySelectionState, getIsToday, getWeekDays, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, minutesIntoDay, nextDateRange, useDateRange, useMonthGrid } from "@super-calendar/core";
 export { CalendarThemeProvider, DefaultMonthEvent, MonthList, MonthPager, MonthView, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, getIsToday, getWeekDays, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, mergeTheme, minutesIntoDay, nextDateRange, useCalendarTheme, useDateRange, useMonthGrid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super-calendar/native",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Gesture-driven, virtualized month / week / day calendar and date picker for React Native (and web via react-native-web).",
   "keywords": [
     "agenda",
@@ -64,7 +64,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@super-calendar/core": "2.5.0"
+    "@super-calendar/core": "2.6.0"
   },
   "peerDependencies": {
     "@legendapp/list": ">=3",

package/src/components/Calendar.tsx

@@ -5,10 +5,12 @@ import {
   endOfDay,
   endOfMonth,
   endOfWeek,
+  endOfYear,
   type Locale,
   startOfDay,
   startOfMonth,
   startOfWeek,
+  startOfYear,
 } from "date-fns";
 import { type ReactElement, useCallback, useMemo } from "react";
 import type { StyleProp, ViewStyle } from "react-native";
@@ -31,6 +33,7 @@ import {
   getViewDays,
 } from "@super-calendar/core";
 import { type SlotStyleProps } from "../utils/slots";
+import { YearView, type YearViewSlot } from "./YearView";
 import { Agenda, type AgendaSlot } from "./Agenda";
 import { DefaultEvent } from "./DefaultEvent";
 import { MonthPager } from "./MonthPager";
@@ -49,7 +52,7 @@ import {
  * month pager, the grid slots reach the time grid, and the agenda slots reach
  * the schedule view; slots for views that aren't rendered are ignored.
  */
-export type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot;
+export type CalendarSlot = MonthViewSlot | TimeGridSlot | AgendaSlot | YearViewSlot;
 
 /** Props for the {@link Calendar} component. */
 export type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
@@ -85,8 +88,10 @@ export type CalendarProps<T> = SlotStyleProps<CalendarSlot> & {
    * drag-to-move and drag-to-resize working while hiding the visible indicator.
    */
   showDragHandle?: boolean;
-  /** Tap a day cell (month mode) — e.g. drill into the day view. */
+  /** Tap a day cell (month and year modes) — e.g. drill into the day view. */
   onPressDay?: (date: Date) => void;
+  /** Tap a month's title in the year view — e.g. jump to that month. */
+  onPressMonth?: (month: Date) => void;
   /** Long-press a day cell (month mode). */
   onLongPressDay?: (date: Date) => void;
   /** Tap the "+N more" overflow label in a month cell. */
@@ -261,6 +266,12 @@ function visibleRange(
       endOfWeek(endOfMonth(date), { weekStartsOn }),
     ];
   }
+  if (mode === "year") {
+    return [
+      startOfWeek(startOfYear(date), { weekStartsOn }),
+      endOfWeek(endOfYear(date), { weekStartsOn }),
+    ];
+  }
   const days = getViewDays(mode, date, weekStartsOn, numberOfDays, false, weekEndsOn);
   return [startOfDay(days[0]), endOfDay(days[days.length - 1])];
 }
@@ -283,6 +294,12 @@ function expansionRange(
       addWeeks(endOfWeek(endOfMonth(addMonths(date, 1)), { weekStartsOn }), 1),
     ];
   }
+  if (mode === "year") {
+    return [
+      startOfWeek(startOfYear(date), { weekStartsOn }),
+      endOfWeek(endOfYear(date), { weekStartsOn }),
+    ];
+  }
   if (mode === "schedule") {
     // The agenda lists forward from the anchor date; three months is a sensible
     // default look-ahead. Pre-expand for a different window.
@@ -332,6 +349,7 @@ export function Calendar<T>({
   dragStepMinutes,
   showDragHandle,
   onPressDay,
+  onPressMonth,
   onLongPressDay,
   onPressMore,
   onPressCell,
@@ -523,6 +541,18 @@ export function Calendar<T>({
           classNames={classNames}
           styles={styleOverrides}
         />
+      ) : mode === "year" ? (
+        <YearView
+          date={date}
+          events={displayEvents}
+          weekStartsOn={weekStartsOn}
+          locale={locale}
+          activeDate={activeDate}
+          onPressDay={onPressDay}
+          onPressMonth={onPressMonth}
+          classNames={classNames}
+          styles={styleOverrides}
+        />
       ) : mode === "schedule" ? (
         <Agenda
           events={displayEvents}

package/src/components/YearView.tsx

@@ -0,0 +1,276 @@
+import { format, startOfDay, type Locale } from "date-fns";
+import { memo, type ReactElement, useMemo, useState } from "react";
+import {
+  type LayoutChangeEvent,
+  Pressable,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
+import { useCalendarTheme } from "../theme";
+import type { CalendarEvent, WeekStartsOn } from "../types";
+import { createSlots, type SlotStyleProps } from "../utils/slots";
+import {
+  buildMonthWeeks,
+  getIsToday,
+  getWeekDays,
+  getYearMonths,
+  groupEventsByDay,
+  isSameCalendarDay,
+  weekdayFormatToken,
+} from "@super-calendar/core";
+
+/**
+ * The styleable parts of {@link YearView}. `dayText` and `eventDot` are the
+ * text/marker inside a day cell (React Native text colour doesn't inherit).
+ */
+export type YearViewSlot =
+  | "grid"
+  | "month"
+  | "monthTitle"
+  | "weekdays"
+  | "weekday"
+  | "week"
+  | "day"
+  | "dayText"
+  | "eventDot";
+
+/** Props for {@link YearView}, the twelve mini-month year grid. */
+export type YearViewProps<T = unknown> = SlotStyleProps<YearViewSlot> & {
+  /** Any date inside the year to render. */
+  date: Date;
+  /** Days holding at least one event get a dot. Omit for a plain year. */
+  events?: CalendarEvent<T>[];
+  weekStartsOn: WeekStartsOn;
+  locale?: Locale;
+  /** Highlight this date instead of the real "today". */
+  activeDate?: Date;
+  /**
+   * Smallest width a mini month may take before the grid drops a column
+   * (default 150). The grid fits 2–4 columns from the measured width.
+   */
+  minMonthWidth?: number;
+  /** Tap a day cell (e.g. to drill into the day or month view). */
+  onPressDay?: (date: Date) => void;
+  /** Tap a month's title (e.g. to jump to that month's view). */
+  onPressMonth?: (month: Date) => void;
+};
+
+// Seed before the first layout pass so the grid renders immediately (and in
+// tests, where onLayout never fires).
+const FALLBACK_COLUMNS = 3;
+
+function YearViewInner<T>({
+  date,
+  events,
+  weekStartsOn,
+  locale,
+  activeDate,
+  minMonthWidth = 150,
+  onPressDay,
+  onPressMonth,
+  classNames,
+  styles: styleOverrides,
+}: YearViewProps<T>): ReactElement {
+  const theme = useCalendarTheme();
+  const slot = createSlots<YearViewSlot>({ classNames, styles: styleOverrides });
+
+  const [columns, setColumns] = useState(FALLBACK_COLUMNS);
+  const handleLayout = (event: LayoutChangeEvent) => {
+    const width = event.nativeEvent.layout.width;
+    if (width <= 0) return;
+    setColumns(Math.max(2, Math.min(4, Math.floor(width / minMonthWidth))));
+  };
+
+  const months = useMemo(() => getYearMonths(date), [date]);
+  // Weekday initials for one shared header per mini month.
+  const weekdayLabels = useMemo(
+    () =>
+      getWeekDays(date, weekStartsOn).map((d) =>
+        format(d, weekdayFormatToken("narrow"), { locale }),
+      ),
+    [date, weekStartsOn, locale],
+  );
+  // Days that hold at least one event, keyed like `groupEventsByDay`.
+  const eventDays = useMemo(
+    () => new Set(events && events.length > 0 ? groupEventsByDay(events).keys() : []),
+    [events],
+  );
+
+  return (
+    <ScrollView onLayout={handleLayout} showsVerticalScrollIndicator>
+      <View {...slot("grid", { base: styles.grid })}>
+        {months.map((month) => {
+          const weeks = buildMonthWeeks(month, weekStartsOn);
+          const title = format(month, "MMMM", { locale });
+          const monthLabel = format(month, "MMMM yyyy", { locale });
+          const titleText = (
+            <Text
+              {...slot("monthTitle", {
+                base: styles.monthTitle,
+                themed: [styles.monthTitleText, { color: theme.colors.todayBackground }],
+              })}
+              allowFontScaling={false}
+            >
+              {title}
+            </Text>
+          );
+          return (
+            <View
+              key={month.toISOString()}
+              {...slot("month", { base: [styles.month, { width: `${100 / columns}%` }] })}
+            >
+              {onPressMonth ? (
+                <Pressable
+                  onPress={() => onPressMonth(month)}
+                  accessibilityRole="button"
+                  accessibilityLabel={monthLabel}
+                >
+                  {titleText}
+                </Pressable>
+              ) : (
+                <View accessible accessibilityRole="header" accessibilityLabel={monthLabel}>
+                  {titleText}
+                </View>
+              )}
+              {/* Decorative initials: repeating 84 single letters across the twelve
+                  mini months would drown a screen reader, so hide the rows (the
+                  day cells carry full date labels). */}
+              <View
+                {...slot("weekdays", { base: styles.weekdays })}
+                accessibilityElementsHidden
+                importantForAccessibility="no-hide-descendants"
+              >
+                {weekdayLabels.map((label, i) => (
+                  <Text
+                    key={i}
+                    {...slot("weekday", {
+                      base: styles.weekday,
+                      themed: [styles.weekdayText, { color: theme.colors.textMuted }],
+                    })}
+                    allowFontScaling={false}
+                  >
+                    {label}
+                  </Text>
+                ))}
+              </View>
+              {weeks.map((week) => (
+                <View key={week[0].toISOString()} {...slot("week", { base: styles.week })}>
+                  {week.map((day) => {
+                    // Adjacent-month days keep the grid shape but stay blank,
+                    // like the mini months of other year views.
+                    if (day.getMonth() !== month.getMonth()) {
+                      return <View key={day.toISOString()} style={styles.day} />;
+                    }
+                    const isHighlighted = activeDate
+                      ? isSameCalendarDay(day, activeDate)
+                      : getIsToday(day);
+                    const hasEvents = eventDays.has(startOfDay(day).toISOString());
+                    const label = `${format(day, "EEEE, d LLLL yyyy", { locale })}${
+                      getIsToday(day) ? ", today" : ""
+                    }${hasEvents ? ", has events" : ""}`;
+                    const daySlot = slot("day", {
+                      base: styles.day,
+                      themed: isHighlighted
+                        ? {
+                            backgroundColor: theme.colors.todayBackground,
+                            borderRadius: theme.todayBadgeRadius,
+                          }
+                        : undefined,
+                    });
+                    const content = (
+                      <>
+                        <Text
+                          {...slot("dayText", {
+                            themed: [
+                              styles.dayText,
+                              {
+                                color: isHighlighted ? theme.colors.todayText : theme.colors.text,
+                              },
+                            ],
+                          })}
+                          allowFontScaling={false}
+                        >
+                          {day.getDate()}
+                        </Text>
+                        {hasEvents ? (
+                          <View
+                            {...slot("eventDot", {
+                              base: styles.eventDot,
+                              themed: {
+                                backgroundColor: isHighlighted
+                                  ? theme.colors.todayText
+                                  : theme.colors.todayBackground,
+                              },
+                            })}
+                          />
+                        ) : null}
+                      </>
+                    );
+                    return onPressDay ? (
+                      <Pressable
+                        key={day.toISOString()}
+                        onPress={() => onPressDay(day)}
+                        accessibilityRole="button"
+                        accessibilityLabel={label}
+                        {...daySlot}
+                      >
+                        {content}
+                      </Pressable>
+                    ) : (
+                      <View
+                        key={day.toISOString()}
+                        accessible
+                        accessibilityLabel={label}
+                        {...daySlot}
+                      >
+                        {content}
+                      </View>
+                    );
+                  })}
+                </View>
+              ))}
+            </View>
+          );
+        })}
+      </View>
+    </ScrollView>
+  );
+}
+
+/**
+ * A year at a glance: the twelve months as compact mini grids, with today
+ * highlighted and a dot under days that hold events. Tap a day or a month
+ * title to drill into a denser view. It's the view `Calendar` renders for
+ * `mode="year"`.
+ *
+ * @example
+ * ```tsx
+ * import { YearView } from "@super-calendar/native";
+ *
+ * <YearView
+ *   date={new Date()}
+ *   events={events}
+ *   weekStartsOn={1}
+ *   onPressDay={(day) => console.log(day)}
+ * />
+ * ```
+ */
+export const YearView = memo(YearViewInner) as typeof YearViewInner;
+
+const styles = StyleSheet.create({
+  grid: { flexDirection: "row", flexWrap: "wrap" },
+  month: { padding: 8 },
+  // Structural layout / themed typography split per slot, so a slot class can
+  // replace the look without breaking the layout.
+  monthTitle: { paddingBottom: 4 },
+  monthTitleText: { fontSize: 13, fontWeight: "700" },
+  weekdays: { flexDirection: "row" },
+  weekday: { flex: 1, textAlign: "center" },
+  weekdayText: { fontSize: 9, fontWeight: "600" },
+  week: { flexDirection: "row" },
+  day: { flex: 1, aspectRatio: 1, alignItems: "center", justifyContent: "center" },
+  dayText: { fontSize: 11 },
+  eventDot: { position: "absolute", bottom: 1, width: 3, height: 3, borderRadius: 2 },
+});

package/src/index.tsx

@@ -23,6 +23,7 @@
 export { Calendar, type CalendarProps, type CalendarSlot } from "./components/Calendar";
 export { Agenda, type AgendaProps, type AgendaSlot } from "./components/Agenda";
 export { MonthView, type MonthViewProps, type MonthViewSlot } from "./components/MonthView";
+export { YearView, type YearViewProps, type YearViewSlot } from "./components/YearView";
 export { type ResolvedSlot, type SlotDefault, type SlotStyleProps } from "./utils/slots";
 export { MonthPager, type MonthPagerProps } from "./components/MonthPager";
 export { MonthList, type MonthListProps, type MonthListSlot } from "./components/MonthList";

package/dist/{MonthList-zPLklHAY.mjs → MonthList-CMzYn9T0.mjs}

@@ -1,9 +1,9 @@
 import { addMonths, differenceInCalendarMonths, format, isSameMonth, startOfDay, startOfMonth } from "date-fns";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { CalendarSelectionProvider, buildMonthWeeks, compareDayEvents, darkColors, dayBadgeKind, daySelectionState, eventAccessibilityLabel, eventTimeLabel, getIsToday, getWeekDays, groupEventsByDay, isAllDayEvent, isDateSelectable, isSameCalendarDay, isWeekend, lightColors, monthEventCapacity, monthVisibleCount, rangeBandKind, titleEllipsizeMode, titleNumberOfLines, useCalendarSelection, weekdayFormatToken } from "@super-calendar/core";
-import { LegendList } from "@legendapp/list/react-native";
 import { Platform, StyleSheet, Text, TouchableOpacity, View, useWindowDimensions } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { LegendList } from "@legendapp/list/react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 //#region src/theme.ts
 /** The default light theme. Every key the calendar reads falls back to this. */

package/dist/{MonthList-Aczb2RSY.js → MonthList-Gu6p64fE.js}

@@ -1,9 +1,9 @@
 let date_fns = require("date-fns");
 let react = require("react");
 let _super_calendar_core = require("@super-calendar/core");
-let _legendapp_list_react_native = require("@legendapp/list/react-native");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _legendapp_list_react_native = require("@legendapp/list/react-native");
 let react_native_gesture_handler = require("react-native-gesture-handler");
 //#region src/theme.ts
 /** The default light theme. Every key the calendar reads falls back to this. */