@super-calendar/native 2.1.5 → 2.3.0

package/dist/index.d.mts

@@ -1,8 +1,8 @@
-import { C as defaultTheme, S as darkTheme, T as useCalendarTheme, _ as TimeGridMode, a as MonthPagerProps, b as CalendarThemeProvider, c as BusinessHours, d as EventKeyExtractor, f as ICalendarEvent, g as RenderEventArgs, h as RenderEvent, i as MonthPager, l as CalendarEvent, m as RecurrenceRule, n as MonthList, o as MonthView, p as RecurrenceFrequency, r as MonthListProps, s as MonthViewProps, t as DefaultMonthEvent, u as CalendarMode, v as WeekStartsOn, w as mergeTheme, x as PartialCalendarTheme, y as CalendarTheme } from "./DefaultMonthEvent-C-BiOsXb.mjs";
+import { C as CalendarThemeProvider, D as mergeTheme, E as defaultTheme, O as useCalendarTheme, S as CalendarTheme, T as darkTheme, _ as RenderEvent, a as MonthPagerProps, b as WeekStartsOn, c as BusinessHours, d as EventAccessibilityLabelContext, f as EventAccessibilityLabeler, g as RecurrenceRule, h as RecurrenceFrequency, i as MonthPager, l as CalendarEvent, m as ICalendarEvent, n as MonthList, o as MonthView, p as EventKeyExtractor, r as MonthListProps, s as MonthViewProps, t as DefaultMonthEvent, u as CalendarMode, v as RenderEventArgs, w as PartialCalendarTheme, x as WeekdayFormat, y as TimeGridMode } from "./DefaultMonthEvent-BbCMc60z.mjs";
 import { Locale } from "date-fns";
 import { ComponentType, ReactElement } from "react";
 import { SharedValue, useSharedValue } from "react-native-reanimated";
-import { DateRange, DateSelectionConstraints, DaySelectionState, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, UseDateRangeOptions, UseMonthGridOptions, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, toZonedTime, useDateRange, useMonthGrid } from "@super-calendar/core";
+import { CalendarEvent as CalendarEvent$1, DateRange, DateSelectionConstraints, DaySelectionState, EventAccessibilityLabeler as EventAccessibilityLabeler$1, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, UseDateRangeOptions, UseMonthGridOptions, WeekdayFormat as WeekdayFormat$1, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, toZonedTime, useDateRange, useMonthGrid, weekdayFormatToken } from "@super-calendar/core";
 import { StyleProp, ViewStyle } from "react-native";
 
 //#region src/components/TimeGrid.d.ts
@@ -37,8 +37,15 @@ type TimeGridProps<T> = {
   events: CalendarEvent<T>[];
   cellHeight: SharedValue<number>; /** Initial per-hour row height in px; seeds scroll/zoom without reading the shared value during render. */
   hourHeight?: number;
-  weekStartsOn: WeekStartsOn;
+  weekStartsOn: WeekStartsOn; /** Column-header weekday label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekdayFormat?: WeekdayFormat$1;
   renderEvent: RenderEvent<T>;
+  /**
+   * Override the screen-reader label for each event. Receives the event and a
+   * `{ mode, isAllDay, ampm }` context; return the full text to announce. Defaults
+   * to the built-in title-and-time label.
+   */
+  eventAccessibilityLabel?: EventAccessibilityLabeler$1<T>;
   keyExtractor: EventKeyExtractor<T>;
   scrollOffsetMinutes?: number;
   hourColumnWidth?: number; /** Hide the left hour-axis column (lines stay, labels/gutter go). Default false. */
@@ -95,7 +102,9 @@ declare function TimeGridInner<T>({
   cellHeight,
   hourHeight,
   weekStartsOn,
+  weekdayFormat,
   renderEvent,
+  eventAccessibilityLabel,
   keyExtractor,
   scrollOffsetMinutes,
   hourColumnWidth: hourColumnWidthProp,
@@ -213,7 +222,8 @@ type CalendarProps<T> = {
   moreLabel?: string; /** Show dimmed adjacent-month days in the month grid. Default true. */
   showAdjacentMonths?: boolean; /** Ignore taps on month-cell events (day taps still fire). Default false. */
   disableMonthEventCellPress?: boolean; /** First day of the week. Sunday = 0 (default) … Saturday = 6. */
-  weekStartsOn?: WeekStartsOn; /** Number of day columns when `mode="custom"`. Ignored by other modes. Default 1. */
+  weekStartsOn?: WeekStartsOn; /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekdayFormat?: WeekdayFormat$1; /** Number of day columns when `mode="custom"`. Ignored by other modes. Default 1. */
   numberOfDays?: number;
   /**
    * Last weekday of a `custom` partial-week view (0–6). When set, `custom` shows
@@ -221,7 +231,13 @@ type CalendarProps<T> = {
    * precedence over `numberOfDays`. Ignored by other modes.
    */
   weekEndsOn?: WeekStartsOn; /** Replace the built-in event box. Return a `flex: 1` element. */
-  renderEvent?: RenderEvent<T>; /** Per-event style merged onto the built-in event box (static or a function of the event). */
+  renderEvent?: RenderEvent<T>;
+  /**
+   * Override the screen-reader label for each event. Receives the event and a
+   * `{ mode, isAllDay, ampm }` context; return the full text to announce. Applies
+   * across every view. Defaults to the built-in title-and-time label.
+   */
+  eventAccessibilityLabel?: EventAccessibilityLabeler$1<T>; /** Per-event style merged onto the built-in event box (static or a function of the event). */
   eventCellStyle?: StyleProp<ViewStyle> | ((event: CalendarEvent<T>) => StyleProp<ViewStyle>); /** Per-date style for month cells and week/day columns (e.g. shade specific dates). */
   calendarCellStyle?: (date: Date) => StyleProp<ViewStyle>;
   /**
@@ -337,9 +353,11 @@ declare function Calendar<T>({
   showAdjacentMonths,
   disableMonthEventCellPress,
   weekStartsOn,
+  weekdayFormat,
   numberOfDays,
   weekEndsOn,
   renderEvent,
+  eventAccessibilityLabel,
   eventCellStyle,
   calendarCellStyle,
   businessHours,
@@ -427,9 +445,95 @@ declare function DefaultEvent<T>({
   showTime,
   ellipsizeTitle,
   allDayLabel,
+  accessibilityLabel: accessibilityLabelProp,
   cellStyle,
   onPress,
   onLongPress
 }: RenderEventArgs<T>): ReactElement;
 //#endregion
-export { Agenda, type AgendaProps, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, TimeGrid, type TimeGridMode, type TimeGridProps, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid };
+//#region src/components/ResourceTimeline.d.ts
+/** A schedulable lane (room, person, machine) events are grouped under. */
+interface Resource {
+  /** Stable id events reference via their `resourceId`. */
+  id: string;
+  /** Row label; falls back to the id. */
+  title?: string;
+}
+/** Props passed to a custom resource-timeline event renderer. */
+interface ResourceEventArgs<T = unknown> {
+  event: CalendarEvent$1<T>;
+  /** Pixel width of the event bar. */
+  width: number;
+  onPress: () => void;
+}
+/** Props for {@link ResourceTimeline}. */
+interface ResourceTimelineProps<T = unknown> {
+  /** The day to lay out along the horizontal axis. */
+  date: Date;
+  /** The rows, top to bottom. */
+  resources: Resource[];
+  /** Events; each is placed in the row named by `resourceId(event)`. */
+  events: CalendarEvent$1<T>[];
+  /** Read an event's resource id. Default: `event.resourceId`. */
+  resourceId?: (event: CalendarEvent$1<T>) => string | undefined;
+  /** First hour shown (default 0). */
+  startHour?: number;
+  /** Last hour shown, exclusive (default 24). */
+  endHour?: number;
+  /** Pixels per hour along the axis (default 80). */
+  hourWidth?: number;
+  /** Height of each resource row in px (default 56). */
+  rowHeight?: number;
+  /** Width of the left resource-label column in px (default 140). */
+  labelWidth?: number;
+  /** 12-hour AM/PM axis labels (default false). */
+  ampm?: boolean;
+  /** Custom event renderer; falls back to the built-in bar. */
+  renderEvent?: ComponentType<ResourceEventArgs<T>>;
+  /** Tap an event. */
+  onPressEvent?: (event: CalendarEvent$1<T>) => void;
+  /**
+   * Enables drag-to-move and edge-resize along the time axis: long-press a bar to
+   * move it, or drag its right edge to resize. Called with the proposed new
+   * start/end; return `false` to reject the drop (it snaps back).
+   */
+  onDragEvent?: (event: CalendarEvent$1<T>, start: Date, end: Date) => void | boolean;
+  /** Snap dragged events to this many minutes (default 15). */
+  dragStepMinutes?: number;
+}
+/**
+ * A horizontal resource timeline: rows are resources (rooms, people, machines)
+ * and the x-axis is one day's hours. Events sit in their resource's row, and
+ * overlapping events in the same row stack into sub-lanes (via the shared
+ * `layoutDayEvents`). The grid scrolls horizontally when the axis is wider than
+ * the screen. Pass `onDragEvent` to enable long-press drag-to-move and edge
+ * resize along the time axis. Read the theme from context — wrap in
+ * `CalendarThemeProvider` (or render inside `<Calendar>`) to restyle.
+ *
+ * @example
+ * ```tsx
+ * <ResourceTimeline
+ *   date={new Date()}
+ *   resources={[{ id: "a", title: "Room A" }, { id: "b", title: "Room B" }]}
+ *   events={events} // each event carries a `resourceId`
+ * />
+ * ```
+ */
+declare function ResourceTimeline<T = unknown>({
+  date,
+  resources,
+  events,
+  resourceId,
+  startHour,
+  endHour,
+  hourWidth,
+  rowHeight,
+  labelWidth,
+  ampm,
+  renderEvent,
+  onPressEvent,
+  onDragEvent,
+  dragStepMinutes
+}: ResourceTimelineProps<T>): ReactElement;
+//#endregion
+export { Agenda, type AgendaProps, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, 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 ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, TimeGrid, type TimeGridMode, type TimeGridProps, 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, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { C as defaultTheme, S as darkTheme, T as useCalendarTheme, _ as TimeGridMode, a as MonthPagerProps, b as CalendarThemeProvider, c as BusinessHours, d as EventKeyExtractor, f as ICalendarEvent, g as RenderEventArgs, h as RenderEvent, i as MonthPager, l as CalendarEvent, m as RecurrenceRule, n as MonthList, o as MonthView, p as RecurrenceFrequency, r as MonthListProps, s as MonthViewProps, t as DefaultMonthEvent, u as CalendarMode, v as WeekStartsOn, w as mergeTheme, x as PartialCalendarTheme, y as CalendarTheme } from "./DefaultMonthEvent-CcZLyfps.js";
+import { C as CalendarThemeProvider, D as mergeTheme, E as defaultTheme, O as useCalendarTheme, S as CalendarTheme, T as darkTheme, _ as RenderEvent, a as MonthPagerProps, b as WeekStartsOn, c as BusinessHours, d as EventAccessibilityLabelContext, f as EventAccessibilityLabeler, g as RecurrenceRule, h as RecurrenceFrequency, i as MonthPager, l as CalendarEvent, m as ICalendarEvent, n as MonthList, o as MonthView, p as EventKeyExtractor, r as MonthListProps, s as MonthViewProps, t as DefaultMonthEvent, u as CalendarMode, v as RenderEventArgs, w as PartialCalendarTheme, x as WeekdayFormat, y as TimeGridMode } from "./DefaultMonthEvent-BW6qy50X.js";
 import { Locale } from "date-fns";
 import { ComponentType, ReactElement } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { SharedValue, useSharedValue } from "react-native-reanimated";
-import { DateRange, DateSelectionConstraints, DaySelectionState, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, UseDateRangeOptions, UseMonthGridOptions, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, toZonedTime, useDateRange, useMonthGrid } from "@super-calendar/core";
+import { CalendarEvent as CalendarEvent$1, DateRange, DateSelectionConstraints, DaySelectionState, EventAccessibilityLabeler as EventAccessibilityLabeler$1, MonthGrid, MonthGridDay, MonthGridWeek, MonthGridWeekday, PositionedEvent, UseDateRangeOptions, UseMonthGridOptions, WeekdayFormat as WeekdayFormat$1, buildMonthGrid, buildMonthWeeks, daySelectionState, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, minutesIntoDay, nextDateRange, toZonedTime, useDateRange, useMonthGrid, weekdayFormatToken } from "@super-calendar/core";
 
 //#region src/components/TimeGrid.d.ts
 /** Default height in pixels of one hour row on the time grid. */
@@ -37,8 +37,15 @@ type TimeGridProps<T> = {
   events: CalendarEvent<T>[];
   cellHeight: SharedValue<number>; /** Initial per-hour row height in px; seeds scroll/zoom without reading the shared value during render. */
   hourHeight?: number;
-  weekStartsOn: WeekStartsOn;
+  weekStartsOn: WeekStartsOn; /** Column-header weekday label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekdayFormat?: WeekdayFormat$1;
   renderEvent: RenderEvent<T>;
+  /**
+   * Override the screen-reader label for each event. Receives the event and a
+   * `{ mode, isAllDay, ampm }` context; return the full text to announce. Defaults
+   * to the built-in title-and-time label.
+   */
+  eventAccessibilityLabel?: EventAccessibilityLabeler$1<T>;
   keyExtractor: EventKeyExtractor<T>;
   scrollOffsetMinutes?: number;
   hourColumnWidth?: number; /** Hide the left hour-axis column (lines stay, labels/gutter go). Default false. */
@@ -95,7 +102,9 @@ declare function TimeGridInner<T>({
   cellHeight,
   hourHeight,
   weekStartsOn,
+  weekdayFormat,
   renderEvent,
+  eventAccessibilityLabel,
   keyExtractor,
   scrollOffsetMinutes,
   hourColumnWidth: hourColumnWidthProp,
@@ -213,7 +222,8 @@ type CalendarProps<T> = {
   moreLabel?: string; /** Show dimmed adjacent-month days in the month grid. Default true. */
   showAdjacentMonths?: boolean; /** Ignore taps on month-cell events (day taps still fire). Default false. */
   disableMonthEventCellPress?: boolean; /** First day of the week. Sunday = 0 (default) … Saturday = 6. */
-  weekStartsOn?: WeekStartsOn; /** Number of day columns when `mode="custom"`. Ignored by other modes. Default 1. */
+  weekStartsOn?: WeekStartsOn; /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekdayFormat?: WeekdayFormat$1; /** Number of day columns when `mode="custom"`. Ignored by other modes. Default 1. */
   numberOfDays?: number;
   /**
    * Last weekday of a `custom` partial-week view (0–6). When set, `custom` shows
@@ -221,7 +231,13 @@ type CalendarProps<T> = {
    * precedence over `numberOfDays`. Ignored by other modes.
    */
   weekEndsOn?: WeekStartsOn; /** Replace the built-in event box. Return a `flex: 1` element. */
-  renderEvent?: RenderEvent<T>; /** Per-event style merged onto the built-in event box (static or a function of the event). */
+  renderEvent?: RenderEvent<T>;
+  /**
+   * Override the screen-reader label for each event. Receives the event and a
+   * `{ mode, isAllDay, ampm }` context; return the full text to announce. Applies
+   * across every view. Defaults to the built-in title-and-time label.
+   */
+  eventAccessibilityLabel?: EventAccessibilityLabeler$1<T>; /** Per-event style merged onto the built-in event box (static or a function of the event). */
   eventCellStyle?: StyleProp<ViewStyle> | ((event: CalendarEvent<T>) => StyleProp<ViewStyle>); /** Per-date style for month cells and week/day columns (e.g. shade specific dates). */
   calendarCellStyle?: (date: Date) => StyleProp<ViewStyle>;
   /**
@@ -337,9 +353,11 @@ declare function Calendar<T>({
   showAdjacentMonths,
   disableMonthEventCellPress,
   weekStartsOn,
+  weekdayFormat,
   numberOfDays,
   weekEndsOn,
   renderEvent,
+  eventAccessibilityLabel,
   eventCellStyle,
   calendarCellStyle,
   businessHours,
@@ -427,9 +445,95 @@ declare function DefaultEvent<T>({
   showTime,
   ellipsizeTitle,
   allDayLabel,
+  accessibilityLabel: accessibilityLabelProp,
   cellStyle,
   onPress,
   onLongPress
 }: RenderEventArgs<T>): ReactElement;
 //#endregion
-export { Agenda, type AgendaProps, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, type CalendarTheme, CalendarThemeProvider, DEFAULT_HOUR_HEIGHT, type DateRange, type DateSelectionConstraints, type DaySelectionState, DefaultEvent, DefaultMonthEvent, type EventDragHandler, type EventDragStartHandler, type EventKeyExtractor, type HourRenderer, type ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, TimeGrid, type TimeGridMode, type TimeGridProps, type UseDateRangeOptions, type UseMonthGridOptions, type WeekStartsOn, buildMonthGrid, buildMonthWeeks, darkTheme, daySelectionState, defaultTheme, eventsInTimeZone, expandRecurringEvents, getIsToday, getViewDays, getWeekDays, isAllDayEvent, isDateSelectable, isRangeEndpoint, isSameCalendarDay, isWeekend, isWithinDateRange, layoutDayEvents, mergeTheme, minutesIntoDay, nextDateRange, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid };
+//#region src/components/ResourceTimeline.d.ts
+/** A schedulable lane (room, person, machine) events are grouped under. */
+interface Resource {
+  /** Stable id events reference via their `resourceId`. */
+  id: string;
+  /** Row label; falls back to the id. */
+  title?: string;
+}
+/** Props passed to a custom resource-timeline event renderer. */
+interface ResourceEventArgs<T = unknown> {
+  event: CalendarEvent$1<T>;
+  /** Pixel width of the event bar. */
+  width: number;
+  onPress: () => void;
+}
+/** Props for {@link ResourceTimeline}. */
+interface ResourceTimelineProps<T = unknown> {
+  /** The day to lay out along the horizontal axis. */
+  date: Date;
+  /** The rows, top to bottom. */
+  resources: Resource[];
+  /** Events; each is placed in the row named by `resourceId(event)`. */
+  events: CalendarEvent$1<T>[];
+  /** Read an event's resource id. Default: `event.resourceId`. */
+  resourceId?: (event: CalendarEvent$1<T>) => string | undefined;
+  /** First hour shown (default 0). */
+  startHour?: number;
+  /** Last hour shown, exclusive (default 24). */
+  endHour?: number;
+  /** Pixels per hour along the axis (default 80). */
+  hourWidth?: number;
+  /** Height of each resource row in px (default 56). */
+  rowHeight?: number;
+  /** Width of the left resource-label column in px (default 140). */
+  labelWidth?: number;
+  /** 12-hour AM/PM axis labels (default false). */
+  ampm?: boolean;
+  /** Custom event renderer; falls back to the built-in bar. */
+  renderEvent?: ComponentType<ResourceEventArgs<T>>;
+  /** Tap an event. */
+  onPressEvent?: (event: CalendarEvent$1<T>) => void;
+  /**
+   * Enables drag-to-move and edge-resize along the time axis: long-press a bar to
+   * move it, or drag its right edge to resize. Called with the proposed new
+   * start/end; return `false` to reject the drop (it snaps back).
+   */
+  onDragEvent?: (event: CalendarEvent$1<T>, start: Date, end: Date) => void | boolean;
+  /** Snap dragged events to this many minutes (default 15). */
+  dragStepMinutes?: number;
+}
+/**
+ * A horizontal resource timeline: rows are resources (rooms, people, machines)
+ * and the x-axis is one day's hours. Events sit in their resource's row, and
+ * overlapping events in the same row stack into sub-lanes (via the shared
+ * `layoutDayEvents`). The grid scrolls horizontally when the axis is wider than
+ * the screen. Pass `onDragEvent` to enable long-press drag-to-move and edge
+ * resize along the time axis. Read the theme from context — wrap in
+ * `CalendarThemeProvider` (or render inside `<Calendar>`) to restyle.
+ *
+ * @example
+ * ```tsx
+ * <ResourceTimeline
+ *   date={new Date()}
+ *   resources={[{ id: "a", title: "Room A" }, { id: "b", title: "Room B" }]}
+ *   events={events} // each event carries a `resourceId`
+ * />
+ * ```
+ */
+declare function ResourceTimeline<T = unknown>({
+  date,
+  resources,
+  events,
+  resourceId,
+  startHour,
+  endHour,
+  hourWidth,
+  rowHeight,
+  labelWidth,
+  ampm,
+  renderEvent,
+  onPressEvent,
+  onDragEvent,
+  dragStepMinutes
+}: ResourceTimelineProps<T>): ReactElement;
+//#endregion
+export { Agenda, type AgendaProps, type BusinessHours, Calendar, type CalendarEvent, type CalendarMode, type CalendarProps, 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 ICalendarEvent, type MonthGrid, type MonthGridDay, type MonthGridWeek, type MonthGridWeekday, MonthList, type MonthListProps, MonthPager, type MonthPagerProps, MonthView, type MonthViewProps, type PartialCalendarTheme, type PositionedEvent, type RecurrenceFrequency, type RecurrenceRule, type RenderEvent, type RenderEventArgs, type Resource, type ResourceEventArgs, ResourceTimeline, type ResourceTimelineProps, TimeGrid, type TimeGridMode, type TimeGridProps, 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, toZonedTime, useCalendarTheme, useDateRange, useMonthGrid, weekdayFormatToken };