kalendly 0.1.7 → 0.2.0

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-
 interface CalendarEvent {
     id: string | number;
     name: string;
@@ -223,569 +220,40 @@ declare class CalendarEngine {
     destroy(): void;
 }
 
-interface ReactCalendarProps extends CalendarProps {
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    renderEvent?: (event: CalendarEvent) => ReactNode;
-    renderNoEvents?: () => ReactNode;
-    title?: string;
-    theme?: CalendarTheme;
-}
-type CalendarComponentProps$1 = ReactCalendarProps;
-interface DatePopupProps$1 {
-    isVisible: boolean;
-    selectedDate: Date | null;
-    events: CalendarEvent[];
-    scheduleDay: string;
-    popupPositionClass: string;
-    onClose?: () => void;
-    onEventClick?: (event: CalendarEvent) => void;
-    renderEvent?: (event: CalendarEvent) => ReactNode;
-    renderNoEvents?: () => ReactNode;
-}
-
-declare const Calendar$1: React.FC<CalendarComponentProps$1>;
-
-declare const DatePopup$1: React.FC<DatePopupProps$1>;
-
-type index$2_CalendarActions = CalendarActions;
-type index$2_CalendarConfig = CalendarConfig;
-type index$2_CalendarDate = CalendarDate;
-type index$2_CalendarEngine = CalendarEngine;
-declare const index$2_CalendarEngine: typeof CalendarEngine;
-type index$2_CalendarEvent = CalendarEvent;
-type index$2_CalendarEventHandler = CalendarEventHandler;
-type index$2_CalendarProps = CalendarProps;
-type index$2_CalendarState = CalendarState;
-type index$2_CalendarTheme = CalendarTheme;
-type index$2_CalendarViewModel = CalendarViewModel;
-type index$2_CategoryColorMap = CategoryColorMap;
-declare const index$2_DAYS: typeof DAYS;
-declare const index$2_DEFAULT_CATEGORY_COLORS: typeof DEFAULT_CATEGORY_COLORS;
-declare const index$2_MONTHS: typeof MONTHS;
-declare const index$2_MONTHS_FULL: typeof MONTHS_FULL;
-type index$2_PopupPosition = PopupPosition;
-type index$2_ReactCalendarProps = ReactCalendarProps;
-declare const index$2_formatAttendees: typeof formatAttendees;
-declare const index$2_formatDateForDisplay: typeof formatDateForDisplay;
-declare const index$2_formatTimeRange: typeof formatTimeRange;
-declare const index$2_generateCalendarDates: typeof generateCalendarDates;
-declare const index$2_generateYears: typeof generateYears;
-declare const index$2_getCategoryColor: typeof getCategoryColor;
-declare const index$2_getCellClasses: typeof getCellClasses;
-declare const index$2_getDefaultEventColor: typeof getDefaultEventColor;
-declare const index$2_getEventsForDate: typeof getEventsForDate;
-declare const index$2_getMonthYearText: typeof getMonthYearText;
-declare const index$2_getPopupPositionClass: typeof getPopupPositionClass;
-declare const index$2_hasEvents: typeof hasEvents;
-declare const index$2_isSameDay: typeof isSameDay;
-declare const index$2_isToday: typeof isToday;
-declare const index$2_isValidHexColor: typeof isValidHexColor;
-declare const index$2_mergeCategoryColors: typeof mergeCategoryColors;
-declare const index$2_normalizeDate: typeof normalizeDate;
-declare const index$2_sortEventsByTime: typeof sortEventsByTime;
-declare namespace index$2 {
-  export { Calendar$1 as Calendar, type index$2_CalendarActions as CalendarActions, type CalendarComponentProps$1 as CalendarComponentProps, type index$2_CalendarConfig as CalendarConfig, type index$2_CalendarDate as CalendarDate, index$2_CalendarEngine as CalendarEngine, type index$2_CalendarEvent as CalendarEvent, type index$2_CalendarEventHandler as CalendarEventHandler, type index$2_CalendarProps as CalendarProps, type index$2_CalendarState as CalendarState, type index$2_CalendarTheme as CalendarTheme, type index$2_CalendarViewModel as CalendarViewModel, type index$2_CategoryColorMap as CategoryColorMap, index$2_DAYS as DAYS, index$2_DEFAULT_CATEGORY_COLORS as DEFAULT_CATEGORY_COLORS, DatePopup$1 as DatePopup, type DatePopupProps$1 as DatePopupProps, index$2_MONTHS as MONTHS, index$2_MONTHS_FULL as MONTHS_FULL, type index$2_PopupPosition as PopupPosition, type index$2_ReactCalendarProps as ReactCalendarProps, index$2_formatAttendees as formatAttendees, index$2_formatDateForDisplay as formatDateForDisplay, index$2_formatTimeRange as formatTimeRange, index$2_generateCalendarDates as generateCalendarDates, index$2_generateYears as generateYears, index$2_getCategoryColor as getCategoryColor, index$2_getCellClasses as getCellClasses, index$2_getDefaultEventColor as getDefaultEventColor, index$2_getEventsForDate as getEventsForDate, index$2_getMonthYearText as getMonthYearText, index$2_getPopupPositionClass as getPopupPositionClass, index$2_hasEvents as hasEvents, index$2_isSameDay as isSameDay, index$2_isToday as isToday, index$2_isValidHexColor as isValidHexColor, index$2_mergeCategoryColors as mergeCategoryColors, index$2_normalizeDate as normalizeDate, index$2_sortEventsByTime as sortEventsByTime };
-}
-
-interface ReactNativeCalendarProps extends CalendarProps {
-    style?: ViewStyle;
-    containerStyle?: ViewStyle;
-    headerStyle?: ViewStyle;
-    headerTextStyle?: TextStyle;
-    cellStyle?: ViewStyle;
-    cellTextStyle?: TextStyle;
-    renderEvent?: (event: CalendarEvent) => ReactNode;
-    renderNoEvents?: () => ReactNode;
-    title?: string;
-    showCloseButton?: boolean;
-    theme?: CalendarTheme;
-}
-type CalendarComponentProps = ReactNativeCalendarProps;
-interface DatePopupProps {
-    visible: boolean;
-    selectedDate: Date | null;
-    events: CalendarEvent[];
-    scheduleDay: string;
-    onClose: () => void;
-    onEventClick?: (event: CalendarEvent) => void;
-    renderEvent?: (event: CalendarEvent) => ReactNode;
-    renderNoEvents?: () => ReactNode;
-    showCloseButton?: boolean;
-}
-interface SelectProps {
-    options: Array<{
-        label: string;
-        value: number;
-    }>;
-    selectedValue: number;
-    onValueChange: (value: number) => void;
-    style?: ViewStyle;
-    textStyle?: TextStyle;
-}
-
-declare const Calendar: React.FC<CalendarComponentProps>;
-
-declare const DatePopup: React.FC<DatePopupProps>;
-
-declare const calendarStyles: {
-    container: {
-        flex: number;
-        backgroundColor: string;
-    };
-    titleContainer: {
-        paddingVertical: number;
-        alignItems: "center";
-    };
-    title: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-    };
-    contentContainer: {
-        marginHorizontal: number;
-        marginTop: number;
-    };
-    card: {
-        backgroundColor: string;
-        borderRadius: number;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        overflow: "hidden";
-    };
-    cardHeader: {
-        backgroundColor: string;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderBottomWidth: number;
-        borderBottomColor: string;
-    };
-    cardHeaderText: {
-        fontSize: number;
-        fontWeight: "500";
-        color: string;
-        textAlign: "center";
-    };
-    table: {
-        backgroundColor: string;
-    };
-    tableHeader: {
-        flexDirection: "row";
-        backgroundColor: string;
-        borderBottomWidth: number;
-        borderBottomColor: string;
-    };
-    tableHeaderCell: {
-        flex: number;
-        paddingVertical: number;
-        borderRightWidth: number;
-        borderRightColor: string;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    tableHeaderText: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-    };
-    tableRow: {
-        flexDirection: "row";
-        borderBottomWidth: number;
-        borderBottomColor: string;
-    };
-    tableCell: {
-        flex: number;
-        height: number;
-        borderRightWidth: number;
-        borderRightColor: string;
-        alignItems: "center";
-        justifyContent: "center";
-        position: "relative";
-    };
-    tableCellText: {
-        fontSize: number;
-        color: string;
-    };
-    cellToday: {
-        borderWidth: number;
-        borderColor: string;
-    };
-    cellTodayText: {
-        fontWeight: "bold";
-    };
-    cellWithEvents: {
-        backgroundColor: string;
-    };
-    eventIndicator: {
-        position: "absolute";
-        bottom: number;
-        width: number;
-        height: number;
-        backgroundColor: string;
-        borderRadius: number;
-    };
-    navigationContainer: {
-        flexDirection: "row";
-        justifyContent: "space-between";
-        paddingHorizontal: number;
-        paddingVertical: number;
-        gap: number;
-    };
-    navigationButton: {
-        flex: number;
-        backgroundColor: string;
-        borderWidth: number;
-        borderColor: string;
-        borderRadius: number;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    navigationButtonText: {
-        color: string;
-        fontSize: number;
-        fontWeight: "500";
-    };
-    navigationButtonPressed: {
-        backgroundColor: string;
-    };
-    navigationButtonTextPressed: {
-        color: string;
-    };
-    jumpForm: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        paddingHorizontal: number;
-        paddingBottom: number;
-        gap: number;
-    };
-    jumpLabel: {
-        fontSize: number;
-        fontWeight: "300";
-        color: string;
-    };
-    jumpSelect: {
-        borderWidth: number;
-        borderColor: string;
-        borderRadius: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        backgroundColor: string;
-        minWidth: number;
-    };
-    jumpSelectText: {
-        fontSize: number;
-        color: string;
-        textAlign: "center";
-    };
-    popupOverlay: {
-        position: "absolute";
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-        backgroundColor: string;
-        justifyContent: "center";
-        alignItems: "center";
-        zIndex: number;
-    };
-    popup: {
-        backgroundColor: string;
-        borderRadius: number;
-        width: number;
-        maxWidth: number;
-        maxHeight: number;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        overflow: "hidden";
-    };
-    popupHeader: {
-        backgroundColor: string;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        flexDirection: "row";
-        justifyContent: "space-between";
-        alignItems: "center";
-    };
-    popupHeaderText: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-        flex: number;
-    };
-    popupCloseButton: {
-        width: number;
-        height: number;
-        backgroundColor: string;
-        borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    popupCloseText: {
-        color: string;
-        fontSize: number;
-        fontWeight: "bold";
-    };
-    scrollHint: {
-        backgroundColor: string;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        alignItems: "center";
-    };
-    scrollHintText: {
-        color: string;
-        fontSize: number;
-        fontWeight: "500";
-    };
-    eventsContainer: {
-        maxHeight: number;
-    };
-    eventsList: {
-        padding: number;
-        gap: number;
-    };
-    eventCard: {
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        borderLeftWidth: number;
-        borderLeftColor: string;
-        borderWidth: number;
-        borderColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-    eventHeader: {
-        marginBottom: number;
-    };
-    eventTitle: {
-        fontSize: number;
-        color: string;
-        fontWeight: "600";
-        marginBottom: number;
-    };
-    eventBadges: {
-        flexDirection: "row";
-        gap: number;
-        flexWrap: "wrap";
-    };
-    badge: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-    };
-    badgeText: {
-        fontSize: number;
-        fontWeight: "600";
-        textTransform: "uppercase";
-        letterSpacing: number;
-    };
-    priorityBadgeHigh: {
-        backgroundColor: string;
-    };
-    priorityBadgeMedium: {
-        backgroundColor: string;
-    };
-    priorityBadgeLow: {
-        backgroundColor: string;
-    };
-    statusBadgeCompleted: {
-        backgroundColor: string;
-    };
-    statusBadgeCancelled: {
-        backgroundColor: string;
-    };
-    statusBadgeTentative: {
-        backgroundColor: string;
-    };
-    categoryBadgeWork: {
-        backgroundColor: string;
-    };
-    categoryBadgePersonal: {
-        backgroundColor: string;
-    };
-    categoryBadgeMeeting: {
-        backgroundColor: string;
-    };
-    categoryBadgeDeadline: {
-        backgroundColor: string;
-    };
-    categoryBadgeAppointment: {
-        backgroundColor: string;
-    };
-    categoryBadgeOther: {
-        backgroundColor: string;
-    };
-    eventTime: {
-        flexDirection: "row" | "column";
-        gap: number;
-        marginBottom: number;
-    };
-    eventTimeLabel: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-        minWidth: number | undefined;
-        textAlign: "left";
-    };
-    eventTimeValue: {
-        fontSize: number;
-        color: string;
-        flex: number;
-    };
-    eventDescription: {
-        color: string;
-        fontSize: number;
-        lineHeight: number;
-        marginTop: number;
-        marginBottom: number;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        backgroundColor: string;
-        borderLeftWidth: number;
-        borderLeftColor: string;
-        borderRadius: number;
-        textAlign: "left";
-    };
-    eventUrlContainer: {
-        marginTop: number;
-    };
-    eventLink: {
-        color: string;
-        fontSize: number;
-        fontWeight: "500";
-    };
-    eventTags: {
-        flexDirection: "row";
-        flexWrap: "wrap";
-        gap: number;
-        marginTop: number;
-    };
-    eventTag: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-        backgroundColor: string;
-        borderRadius: number;
-    };
-    eventTagText: {
-        fontSize: number;
-        color: string;
-        fontWeight: "500";
-    };
-    noEventsMessage: {
-        padding: number;
-        paddingVertical: number;
-        alignItems: "center";
-    };
-    noEventsText: {
-        fontSize: number;
-        color: string;
-        textAlign: "center";
-    };
-};
-
-declare const index$1_Calendar: typeof Calendar;
-type index$1_CalendarActions = CalendarActions;
-type index$1_CalendarComponentProps = CalendarComponentProps;
-type index$1_CalendarConfig = CalendarConfig;
-type index$1_CalendarDate = CalendarDate;
-type index$1_CalendarEngine = CalendarEngine;
-declare const index$1_CalendarEngine: typeof CalendarEngine;
-type index$1_CalendarEvent = CalendarEvent;
-type index$1_CalendarEventHandler = CalendarEventHandler;
-type index$1_CalendarProps = CalendarProps;
-type index$1_CalendarState = CalendarState;
-type index$1_CalendarTheme = CalendarTheme;
-type index$1_CalendarViewModel = CalendarViewModel;
-type index$1_CategoryColorMap = CategoryColorMap;
-declare const index$1_DAYS: typeof DAYS;
-declare const index$1_DEFAULT_CATEGORY_COLORS: typeof DEFAULT_CATEGORY_COLORS;
-declare const index$1_DatePopup: typeof DatePopup;
-type index$1_DatePopupProps = DatePopupProps;
-declare const index$1_MONTHS: typeof MONTHS;
-declare const index$1_MONTHS_FULL: typeof MONTHS_FULL;
-type index$1_PopupPosition = PopupPosition;
-type index$1_ReactNativeCalendarProps = ReactNativeCalendarProps;
-type index$1_SelectProps = SelectProps;
-declare const index$1_calendarStyles: typeof calendarStyles;
-declare const index$1_formatAttendees: typeof formatAttendees;
-declare const index$1_formatDateForDisplay: typeof formatDateForDisplay;
-declare const index$1_formatTimeRange: typeof formatTimeRange;
-declare const index$1_generateCalendarDates: typeof generateCalendarDates;
-declare const index$1_generateYears: typeof generateYears;
-declare const index$1_getCategoryColor: typeof getCategoryColor;
-declare const index$1_getCellClasses: typeof getCellClasses;
-declare const index$1_getDefaultEventColor: typeof getDefaultEventColor;
-declare const index$1_getEventsForDate: typeof getEventsForDate;
-declare const index$1_getMonthYearText: typeof getMonthYearText;
-declare const index$1_getPopupPositionClass: typeof getPopupPositionClass;
-declare const index$1_hasEvents: typeof hasEvents;
-declare const index$1_isSameDay: typeof isSameDay;
-declare const index$1_isToday: typeof isToday;
-declare const index$1_isValidHexColor: typeof isValidHexColor;
-declare const index$1_mergeCategoryColors: typeof mergeCategoryColors;
-declare const index$1_normalizeDate: typeof normalizeDate;
-declare const index$1_sortEventsByTime: typeof sortEventsByTime;
-declare namespace index$1 {
-  export { index$1_Calendar as Calendar, type index$1_CalendarActions as CalendarActions, type index$1_CalendarComponentProps as CalendarComponentProps, type index$1_CalendarConfig as CalendarConfig, type index$1_CalendarDate as CalendarDate, index$1_CalendarEngine as CalendarEngine, type index$1_CalendarEvent as CalendarEvent, type index$1_CalendarEventHandler as CalendarEventHandler, type index$1_CalendarProps as CalendarProps, type index$1_CalendarState as CalendarState, type index$1_CalendarTheme as CalendarTheme, type index$1_CalendarViewModel as CalendarViewModel, type index$1_CategoryColorMap as CategoryColorMap, index$1_DAYS as DAYS, index$1_DEFAULT_CATEGORY_COLORS as DEFAULT_CATEGORY_COLORS, index$1_DatePopup as DatePopup, type index$1_DatePopupProps as DatePopupProps, index$1_MONTHS as MONTHS, index$1_MONTHS_FULL as MONTHS_FULL, type index$1_PopupPosition as PopupPosition, type index$1_ReactNativeCalendarProps as ReactNativeCalendarProps, type index$1_SelectProps as SelectProps, index$1_calendarStyles as calendarStyles, index$1_formatAttendees as formatAttendees, index$1_formatDateForDisplay as formatDateForDisplay, index$1_formatTimeRange as formatTimeRange, index$1_generateCalendarDates as generateCalendarDates, index$1_generateYears as generateYears, index$1_getCategoryColor as getCategoryColor, index$1_getCellClasses as getCellClasses, index$1_getDefaultEventColor as getDefaultEventColor, index$1_getEventsForDate as getEventsForDate, index$1_getMonthYearText as getMonthYearText, index$1_getPopupPositionClass as getPopupPositionClass, index$1_hasEvents as hasEvents, index$1_isSameDay as isSameDay, index$1_isToday as isToday, index$1_isValidHexColor as isValidHexColor, index$1_mergeCategoryColors as mergeCategoryColors, index$1_normalizeDate as normalizeDate, index$1_sortEventsByTime as sortEventsByTime };
-}
-
-interface VanillaCalendarProps extends CalendarProps {
-    container: HTMLElement | string;
-    className?: string;
-    title?: string;
-    renderEvent?: (event: CalendarEvent) => string;
-    renderNoEvents?: () => string;
-    theme?: CalendarTheme;
-}
-interface VanillaCalendarInstance {
-    destroy: () => void;
-    updateEvents: (events: CalendarEvent[]) => void;
-    updateTheme: (theme: CalendarTheme) => void;
-    getCurrentDate: () => Date | null;
-    goToDate: (date: Date) => void;
-    getEngine: () => CalendarEngine;
-}
-
-declare class VanillaCalendar implements VanillaCalendarInstance {
+declare class CalendarElement extends HTMLElement {
+    static observedAttributes: string[];
     private engine;
-    private container;
     private unsubscribe;
-    private props;
     private actions;
     private pickerOpen;
     private yearInput;
     private yearInputValid;
+    private listenersAttached;
     private clickOutsideHandler;
     private delegatedClickHandler;
     private delegatedInputHandler;
     private delegatedBlurHandler;
     private delegatedKeydownHandler;
-    private listenersAttached;
-    constructor(props: VanillaCalendarProps);
+    private _events;
+    private _theme;
+    private _categoryColors;
+    private _renderEvent;
+    private _renderNoEvents;
+    get events(): CalendarEvent[];
+    set events(val: CalendarEvent[]);
+    set theme(val: CalendarTheme);
+    set categoryColors(val: CategoryColorMap);
+    set renderEvent(val: (e: CalendarEvent) => string);
+    set renderNoEvents(val: () => string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(_name: string, oldVal: string | null, newVal: string | null): void;
+    private get minYear();
+    private get maxYear();
+    private initEngine;
+    private reinit;
+    private cleanup;
     private applyTheme;
-    private init;
     private render;
     private attachEventListeners;
     private updatePickerYear;
@@ -795,55 +263,33 @@ declare class VanillaCalendar implements VanillaCalendarInstance {
     getCurrentDate(): Date | null;
     goToDate(date: Date): void;
     getEngine(): CalendarEngine;
-    destroy(): void;
 }
-declare function createCalendar(props: VanillaCalendarProps): VanillaCalendarInstance;
+declare function defineCalendarElement(tagName?: string): void;
 
-type index_CalendarActions = CalendarActions;
-type index_CalendarConfig = CalendarConfig;
-type index_CalendarDate = CalendarDate;
-type index_CalendarEngine = CalendarEngine;
-declare const index_CalendarEngine: typeof CalendarEngine;
-type index_CalendarEvent = CalendarEvent;
-type index_CalendarEventHandler = CalendarEventHandler;
-type index_CalendarProps = CalendarProps;
-type index_CalendarState = CalendarState;
-type index_CalendarTheme = CalendarTheme;
-type index_CalendarViewModel = CalendarViewModel;
-type index_CategoryColorMap = CategoryColorMap;
-declare const index_DAYS: typeof DAYS;
-declare const index_DEFAULT_CATEGORY_COLORS: typeof DEFAULT_CATEGORY_COLORS;
-declare const index_MONTHS: typeof MONTHS;
-declare const index_MONTHS_FULL: typeof MONTHS_FULL;
-type index_PopupPosition = PopupPosition;
-type index_VanillaCalendar = VanillaCalendar;
-declare const index_VanillaCalendar: typeof VanillaCalendar;
-type index_VanillaCalendarInstance = VanillaCalendarInstance;
-type index_VanillaCalendarProps = VanillaCalendarProps;
-declare const index_createCalendar: typeof createCalendar;
-declare const index_formatAttendees: typeof formatAttendees;
-declare const index_formatDateForDisplay: typeof formatDateForDisplay;
-declare const index_formatTimeRange: typeof formatTimeRange;
-declare const index_generateCalendarDates: typeof generateCalendarDates;
-declare const index_generateYears: typeof generateYears;
-declare const index_getCategoryColor: typeof getCategoryColor;
-declare const index_getCellClasses: typeof getCellClasses;
-declare const index_getDefaultEventColor: typeof getDefaultEventColor;
-declare const index_getEventsForDate: typeof getEventsForDate;
-declare const index_getMonthYearText: typeof getMonthYearText;
-declare const index_getPopupPositionClass: typeof getPopupPositionClass;
-declare const index_hasEvents: typeof hasEvents;
-declare const index_isSameDay: typeof isSameDay;
-declare const index_isToday: typeof isToday;
-declare const index_isValidHexColor: typeof isValidHexColor;
-declare const index_mergeCategoryColors: typeof mergeCategoryColors;
-declare const index_normalizeDate: typeof normalizeDate;
-declare const index_sortEventsByTime: typeof sortEventsByTime;
-declare namespace index {
-  export { type index_CalendarActions as CalendarActions, type index_CalendarConfig as CalendarConfig, type index_CalendarDate as CalendarDate, index_CalendarEngine as CalendarEngine, type index_CalendarEvent as CalendarEvent, type index_CalendarEventHandler as CalendarEventHandler, type index_CalendarProps as CalendarProps, type index_CalendarState as CalendarState, type index_CalendarTheme as CalendarTheme, type index_CalendarViewModel as CalendarViewModel, type index_CategoryColorMap as CategoryColorMap, index_DAYS as DAYS, index_DEFAULT_CATEGORY_COLORS as DEFAULT_CATEGORY_COLORS, index_MONTHS as MONTHS, index_MONTHS_FULL as MONTHS_FULL, type index_PopupPosition as PopupPosition, index_VanillaCalendar as VanillaCalendar, type index_VanillaCalendarInstance as VanillaCalendarInstance, type index_VanillaCalendarProps as VanillaCalendarProps, index_createCalendar as createCalendar, index_formatAttendees as formatAttendees, index_formatDateForDisplay as formatDateForDisplay, index_formatTimeRange as formatTimeRange, index_generateCalendarDates as generateCalendarDates, index_generateYears as generateYears, index_getCategoryColor as getCategoryColor, index_getCellClasses as getCellClasses, index_getDefaultEventColor as getDefaultEventColor, index_getEventsForDate as getEventsForDate, index_getMonthYearText as getMonthYearText, index_getPopupPositionClass as getPopupPositionClass, index_hasEvents as hasEvents, index_isSameDay as isSameDay, index_isToday as isToday, index_isValidHexColor as isValidHexColor, index_mergeCategoryColors as mergeCategoryColors, index_normalizeDate as normalizeDate, index_sortEventsByTime as sortEventsByTime };
+interface CalendarElementProps {
+    events?: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+    useShortMonthNames?: boolean;
+    title?: string;
+    theme?: CalendarTheme;
+    categoryColors?: CategoryColorMap;
+    renderEvent?: (event: CalendarEvent) => string;
+    renderNoEvents?: () => string;
+}
+interface CalendarElementInstance {
+    events: CalendarEvent[];
+    theme: CalendarTheme;
+    categoryColors: CategoryColorMap;
+    renderEvent: (event: CalendarEvent) => string;
+    renderNoEvents: () => string;
+    updateEvents: (events: CalendarEvent[]) => void;
+    updateTheme: (theme: CalendarTheme) => void;
+    getCurrentDate: () => Date | null;
+    goToDate: (date: Date) => void;
+    getEngine: () => CalendarEngine;
 }
 
-declare const version = "1.0.0";
-declare const name = "kalendly";
-
-export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarTheme, type CalendarViewModel, type CategoryColorMap, DAYS, DEFAULT_CATEGORY_COLORS, MONTHS, MONTHS_FULL, type PopupPosition, index$2 as React, Calendar$1 as ReactCalendar, index$1 as ReactNative, Calendar as ReactNativeCalendar, index as Vanilla, createCalendar as createVanillaCalendar, formatAttendees, formatDateForDisplay, formatTimeRange, generateCalendarDates, generateYears, getCategoryColor, getCellClasses, getDefaultEventColor, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, isValidHexColor, mergeCategoryColors, name, normalizeDate, sortEventsByTime, version };
+export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarElement, type CalendarElementInstance, type CalendarElementProps, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarTheme, type CalendarViewModel, type CategoryColorMap, DAYS, DEFAULT_CATEGORY_COLORS, MONTHS, MONTHS_FULL, type PopupPosition, defineCalendarElement, formatAttendees, formatDateForDisplay, formatTimeRange, generateCalendarDates, generateYears, getCategoryColor, getCellClasses, getDefaultEventColor, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, isValidHexColor, mergeCategoryColors, normalizeDate, sortEventsByTime };