kalendly 0.1.0

package/dist/react-native/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-native/components/Calendar.tsx","../../src/core/utils.ts","../../src/core/calendar-engine.ts","../../src/react-native/components/DatePopup.tsx","../../src/styles/react-native-styles.ts"],"sourcesContent":["import React, { useEffect, useState, useCallback, useMemo } from 'react';\nimport { View, Text, TouchableOpacity, ScrollView, Alert } from 'react-native';\nimport { CalendarEngine, getCellClasses } from '../../core';\nimport { CalendarComponentProps, SelectProps } from '../types';\nimport { DatePopup } from './DatePopup';\nimport { calendarStyles } from '../../styles/react-native-styles';\n\n// Simple Select component for React Native\nconst Select: React.FC<SelectProps> = ({\n  options,\n  selectedValue,\n  onValueChange,\n  style,\n  textStyle,\n}) => {\n  const selectedOption = options.find(opt => opt.value === selectedValue);\n\n  const showPicker = () => {\n    Alert.alert(\n      'Select Option',\n      '',\n      options.map(option => ({\n        text: option.label,\n        onPress: () => onValueChange(option.value),\n      }))\n    );\n  };\n\n  return (\n    <TouchableOpacity\n      style={[calendarStyles.jumpSelect, style]}\n      onPress={showPicker}\n    >\n      <Text style={[calendarStyles.jumpSelectText, textStyle]}>\n        {selectedOption?.label}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nexport const Calendar: React.FC<CalendarComponentProps> = ({\n  events,\n  initialDate,\n  minYear,\n  maxYear,\n  weekStartsOn = 0,\n  onDateSelect,\n  onEventClick,\n  onMonthChange,\n  style,\n  containerStyle,\n  headerStyle,\n  headerTextStyle,\n  cellStyle,\n  cellTextStyle,\n  renderEvent,\n  renderNoEvents,\n  title = 'Event Schedule',\n  showCloseButton = true,\n}) => {\n  const engine = useMemo(\n    () =>\n      new CalendarEngine({\n        events,\n        initialDate,\n        minYear,\n        maxYear,\n        weekStartsOn,\n      }),\n    []\n  );\n\n  const [, forceUpdate] = useState({});\n  const rerender = useCallback(() => forceUpdate({}), []);\n\n  useEffect(() => {\n    const unsubscribe = engine.subscribe(rerender);\n    return unsubscribe;\n  }, [engine, rerender]);\n\n  useEffect(() => {\n    engine.updateEvents(events);\n  }, [engine, events]);\n\n  const viewModel = engine.getViewModel();\n  const actions = engine.getActions();\n  const { selectedDate, tasks } = viewModel;\n\n  const handleDatePress = (date: Date, dayIndex: number) => {\n    engine.handleDateClick(date, dayIndex);\n    onDateSelect?.(date);\n  };\n\n  const handleNext = () => {\n    actions.next();\n    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);\n  };\n\n  const handlePrevious = () => {\n    actions.previous();\n    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);\n  };\n\n  const handleMonthChange = (month: number) => {\n    actions.jump(viewModel.currentYear, month);\n    onMonthChange?.(viewModel.currentYear, month);\n  };\n\n  const handleYearChange = (year: number) => {\n    actions.jump(year, viewModel.currentMonth);\n    onMonthChange?.(year, viewModel.currentMonth);\n  };\n\n  const closePopup = () => {\n    engine.clearSelection();\n  };\n\n  const monthOptions = viewModel.months.map((month, index) => ({\n    label: month,\n    value: index,\n  }));\n\n  const yearOptions = viewModel.years.map(year => ({\n    label: year.toString(),\n    value: year,\n  }));\n\n  return (\n    <ScrollView style={[calendarStyles.container, containerStyle]}>\n      {title && (\n        <View style={calendarStyles.titleContainer}>\n          <Text style={calendarStyles.title}>{title}</Text>\n        </View>\n      )}\n\n      <View style={[calendarStyles.contentContainer, style]}>\n        <View style={calendarStyles.card}>\n          <View style={[calendarStyles.cardHeader, headerStyle]}>\n            <Text style={[calendarStyles.cardHeaderText, headerTextStyle]}>\n              {viewModel.monthAndYearText}\n            </Text>\n          </View>\n\n          <View style={calendarStyles.table}>\n            {/* Table Header */}\n            <View style={calendarStyles.tableHeader}>\n              {viewModel.days.map(day => (\n                <View key={day} style={calendarStyles.tableHeaderCell}>\n                  <Text style={calendarStyles.tableHeaderText}>\n                    {day.slice(0, 3)}\n                  </Text>\n                </View>\n              ))}\n            </View>\n\n            {/* Calendar Rows */}\n            {viewModel.calendarDates.map((week, weekIndex) => (\n              <View key={weekIndex} style={calendarStyles.tableRow}>\n                {week.map((calendarDate, dayIndex) => {\n                  const cellClasses = getCellClasses(calendarDate);\n                  const isToday = cellClasses.includes(\n                    'schedule--current--exam'\n                  );\n                  const hasEvents = cellClasses.includes('has--event');\n\n                  return (\n                    <TouchableOpacity\n                      key={`${weekIndex}-${dayIndex}`}\n                      style={[\n                        calendarStyles.tableCell,\n                        cellStyle,\n                        isToday && calendarStyles.cellToday,\n                        hasEvents && calendarStyles.cellWithEvents,\n                      ]}\n                      onPress={() => {\n                        if (calendarDate) {\n                          handleDatePress(calendarDate.date, dayIndex);\n                        }\n                      }}\n                      disabled={!calendarDate}\n                    >\n                      {calendarDate && (\n                        <>\n                          <Text\n                            style={[\n                              calendarStyles.tableCellText,\n                              cellTextStyle,\n                              isToday && calendarStyles.cellTodayText,\n                            ]}\n                          >\n                            {calendarDate.date.getDate()}\n                          </Text>\n                          {hasEvents && (\n                            <View style={calendarStyles.eventIndicator} />\n                          )}\n                        </>\n                      )}\n                    </TouchableOpacity>\n                  );\n                })}\n              </View>\n            ))}\n          </View>\n\n          {/* Navigation Buttons */}\n          <View style={calendarStyles.navigationContainer}>\n            <TouchableOpacity\n              style={calendarStyles.navigationButton}\n              onPress={handlePrevious}\n            >\n              <Text style={calendarStyles.navigationButtonText}>Previous</Text>\n            </TouchableOpacity>\n            <TouchableOpacity\n              style={calendarStyles.navigationButton}\n              onPress={handleNext}\n            >\n              <Text style={calendarStyles.navigationButtonText}>Next</Text>\n            </TouchableOpacity>\n          </View>\n\n          {/* Jump Form */}\n          <View style={calendarStyles.jumpForm}>\n            <Text style={calendarStyles.jumpLabel}>Jump To:</Text>\n            <Select\n              options={monthOptions}\n              selectedValue={viewModel.currentMonth}\n              onValueChange={handleMonthChange}\n            />\n            <Select\n              options={yearOptions}\n              selectedValue={viewModel.currentYear}\n              onValueChange={handleYearChange}\n            />\n          </View>\n        </View>\n      </View>\n\n      <DatePopup\n        visible={!!selectedDate}\n        selectedDate={selectedDate}\n        events={tasks}\n        scheduleDay={viewModel.scheduleDay}\n        onClose={closePopup}\n        renderEvent={renderEvent}\n        renderNoEvents={renderNoEvents}\n        showCloseButton={showCloseButton}\n      />\n    </ScrollView>\n  );\n};\n","import { CalendarEvent, CalendarDate } from './types';\n\nexport const MONTHS = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\nexport const DAYS = [\n  'Sunday',\n  'Monday',\n  'Tuesday',\n  'Wednesday',\n  'Thursday',\n  'Friday',\n  'Saturday',\n];\n\n/**\n * Normalizes a date to midnight (00:00:00) for comparison purposes\n */\nexport function normalizeDate(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\n}\n\n/**\n * Checks if two dates are the same day\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return normalizeDate(date1).getTime() === normalizeDate(date2).getTime();\n}\n\n/**\n * Checks if a date is today\n */\nexport function isToday(date: Date): boolean {\n  return isSameDay(date, new Date());\n}\n\n/**\n * Generates an array of years for the year selector\n */\nexport function generateYears(minYear?: number, maxYear?: number): number[] {\n  const currentYear = new Date().getFullYear();\n  const min = minYear ?? currentYear - 30;\n  const max = maxYear ?? currentYear + 10;\n\n  return Array.from({ length: max - min + 1 }, (_, i) => min + i);\n}\n\n/**\n * Gets events for a specific date\n */\nexport function getEventsForDate(\n  events: CalendarEvent[],\n  date: Date\n): CalendarEvent[] {\n  const normalizedTargetDate = normalizeDate(date);\n\n  return events.filter(event => {\n    const eventDate = normalizeDate(new Date(event.date));\n    return eventDate.getTime() === normalizedTargetDate.getTime();\n  });\n}\n\n/**\n * Checks if a date has any events\n */\nexport function hasEvents(events: CalendarEvent[], date: Date): boolean {\n  return getEventsForDate(events, date).length > 0;\n}\n\n/**\n * Generates calendar dates for a given month and year\n */\nexport function generateCalendarDates(\n  year: number,\n  month: number,\n  events: CalendarEvent[] = [],\n  weekStartsOn: 0 | 1 = 0\n): (CalendarDate | null)[][] {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const daysInMonth = lastDay.getDate();\n\n  // Adjust first day based on week start preference\n  let firstDayOfWeek = firstDay.getDay();\n  if (weekStartsOn === 1) {\n    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;\n  }\n\n  const dates: (CalendarDate | null)[][] = [];\n  let day = 1;\n\n  for (let week = 0; week < 6; week++) {\n    const weekDates: (CalendarDate | null)[] = [];\n\n    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {\n      if (week === 0 && dayOfWeek < firstDayOfWeek) {\n        weekDates.push(null);\n      } else if (day > daysInMonth) {\n        weekDates.push(null);\n      } else {\n        const currentDate = new Date(year, month, day);\n        const dateEvents = getEventsForDate(events, currentDate);\n\n        weekDates.push({\n          date: currentDate,\n          isCurrentMonth: true,\n          isToday: isToday(currentDate),\n          hasEvents: dateEvents.length > 0,\n          events: dateEvents,\n        });\n        day++;\n      }\n    }\n\n    dates.push(weekDates);\n\n    // Break early if we've filled all days and the rest of the row is empty\n    if (day > daysInMonth && weekDates.every(date => date === null)) {\n      break;\n    }\n  }\n\n  return dates;\n}\n\n/**\n * Gets the popup position class based on the selected day index\n */\nexport function getPopupPositionClass(selectedDayIndex: number | null): string {\n  if (selectedDayIndex === null) return 'popup-center-bottom';\n\n  if (selectedDayIndex < 3) {\n    return 'popup-right';\n  } else if (selectedDayIndex > 4) {\n    return 'popup-left';\n  } else {\n    return 'popup-center-bottom';\n  }\n}\n\n/**\n * Gets CSS classes for a calendar cell\n */\nexport function getCellClasses(calendarDate: CalendarDate | null): string[] {\n  if (!calendarDate) return [];\n\n  const classes: string[] = [];\n\n  if (calendarDate.isToday) {\n    classes.push('schedule--current--exam');\n  }\n\n  if (calendarDate.hasEvents) {\n    classes.push('has--event');\n  }\n\n  return classes;\n}\n\n/**\n * Formats a date for display\n */\nexport function formatDateForDisplay(date: Date): string {\n  return `${DAYS[date.getDay()]} ${date.getDate()}`;\n}\n\n/**\n * Gets month and year text for display\n */\nexport function getMonthYearText(year: number, month: number): string {\n  return `${MONTHS[month]} ${year}`;\n}\n","import {\n  CalendarEvent,\n  CalendarState,\n  CalendarConfig,\n  CalendarActions,\n  CalendarViewModel,\n} from './types';\nimport {\n  generateCalendarDates,\n  getEventsForDate,\n  generateYears,\n  getPopupPositionClass,\n  getMonthYearText,\n  formatDateForDisplay,\n  MONTHS,\n  DAYS,\n} from './utils';\n\nexport class CalendarEngine {\n  private state: CalendarState;\n  private config: CalendarConfig;\n  private listeners: Set<() => void> = new Set();\n\n  constructor(config: CalendarConfig) {\n    this.config = config;\n\n    const initialDate = config.initialDate || new Date();\n    this.state = {\n      currentYear: initialDate.getFullYear(),\n      currentMonth: initialDate.getMonth(),\n      currentDate: initialDate.getDate(),\n      selectedDate: null,\n      selectedDayIndex: null,\n      tasks: [],\n    };\n  }\n\n  /**\n   * Subscribe to state changes\n   */\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  }\n\n  /**\n   * Notify all listeners of state changes\n   */\n  private notify(): void {\n    this.listeners.forEach(listener => listener());\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): CalendarState {\n    return { ...this.state };\n  }\n\n  /**\n   * Get view model with computed properties\n   */\n  getViewModel(): CalendarViewModel {\n    const calendarDates = generateCalendarDates(\n      this.state.currentYear,\n      this.state.currentMonth,\n      this.config.events,\n      this.config.weekStartsOn\n    );\n\n    return {\n      ...this.state,\n      months: MONTHS,\n      days: DAYS,\n      years: generateYears(this.config.minYear, this.config.maxYear),\n      monthAndYearText: getMonthYearText(\n        this.state.currentYear,\n        this.state.currentMonth\n      ),\n      scheduleDay: this.state.selectedDate\n        ? formatDateForDisplay(this.state.selectedDate)\n        : '',\n      calendarDates,\n      popupPositionClass: getPopupPositionClass(this.state.selectedDayIndex),\n    };\n  }\n\n  /**\n   * Get actions object\n   */\n  getActions(): CalendarActions {\n    return {\n      next: this.next.bind(this),\n      previous: this.previous.bind(this),\n      jump: this.jump.bind(this),\n      selectDate: this.selectDate.bind(this),\n      updateTasks: this.updateTasks.bind(this),\n    };\n  }\n\n  /**\n   * Navigate to next month\n   */\n  private next(): void {\n    if (this.state.currentMonth === 11) {\n      this.state.currentMonth = 0;\n      this.state.currentYear++;\n    } else {\n      this.state.currentMonth++;\n    }\n\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Navigate to previous month\n   */\n  private previous(): void {\n    if (this.state.currentMonth === 0) {\n      this.state.currentMonth = 11;\n      this.state.currentYear--;\n    } else {\n      this.state.currentMonth--;\n    }\n\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Jump to specific month and year\n   */\n  private jump(year: number, month: number): void {\n    this.state.currentYear = year;\n    this.state.currentMonth = month;\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Select a specific date\n   */\n  private selectDate(date: Date, dayIndex?: number): void {\n    this.state.selectedDate = date;\n    this.state.selectedDayIndex = dayIndex ?? null;\n    this.state.currentDate = date.getDate();\n    this.state.currentMonth = date.getMonth();\n    this.state.currentYear = date.getFullYear();\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Update tasks for the currently selected date\n   */\n  private updateTasks(): void {\n    if (!this.state.selectedDate) {\n      this.state.tasks = [];\n      return;\n    }\n\n    this.state.tasks = getEventsForDate(\n      this.config.events,\n      this.state.selectedDate\n    );\n  }\n\n  /**\n   * Update events configuration\n   */\n  updateEvents(events: CalendarEvent[]): void {\n    this.config.events = events;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Handle date cell click\n   */\n  handleDateClick(date: Date, dayIndex?: number): void {\n    this.selectDate(date, dayIndex);\n  }\n\n  /**\n   * Check if date has events\n   */\n  hasEventsForDate(date: Date): boolean {\n    return getEventsForDate(this.config.events, date).length > 0;\n  }\n\n  /**\n   * Get events for a specific date\n   */\n  getEventsForDate(date: Date): CalendarEvent[] {\n    return getEventsForDate(this.config.events, date);\n  }\n\n  /**\n   * Clear selected date\n   */\n  clearSelection(): void {\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.state.tasks = [];\n    this.notify();\n  }\n\n  /**\n   * Destroy the engine and cleanup listeners\n   */\n  destroy(): void {\n    this.listeners.clear();\n  }\n}\n","import React from 'react';\nimport { Modal, View, Text, TouchableOpacity, ScrollView } from 'react-native';\nimport { DatePopupProps } from '../types';\nimport { calendarStyles } from '../../styles/react-native-styles';\n\nexport const DatePopup: React.FC<DatePopupProps> = ({\n  visible,\n  selectedDate,\n  events,\n  scheduleDay,\n  onClose,\n  renderEvent,\n  renderNoEvents,\n  showCloseButton = true,\n}) => {\n  if (!selectedDate) return null;\n\n  const defaultRenderEvent = (event: any) => (\n    <View key={event.id || event.name} style={calendarStyles.eventItem}>\n      <Text style={calendarStyles.eventItemText}>{event.name}</Text>\n    </View>\n  );\n\n  const defaultRenderNoEvents = () => (\n    <View style={calendarStyles.noEventsMessage}>\n      <Text style={calendarStyles.noEventsText}>\n        No events scheduled for this day.\n      </Text>\n    </View>\n  );\n\n  return (\n    <Modal\n      visible={visible}\n      transparent\n      animationType=\"fade\"\n      onRequestClose={onClose}\n    >\n      <TouchableOpacity\n        style={calendarStyles.popupOverlay}\n        activeOpacity={1}\n        onPress={onClose}\n      >\n        <TouchableOpacity\n          style={calendarStyles.popup}\n          activeOpacity={1}\n          onPress={e => e.stopPropagation()}\n        >\n          <View style={calendarStyles.popupWrapper}>\n            {showCloseButton && (\n              <TouchableOpacity\n                style={calendarStyles.popupCloseButton}\n                onPress={onClose}\n                accessibilityLabel=\"Close\"\n              >\n                <Text style={calendarStyles.popupCloseText}>✕</Text>\n              </TouchableOpacity>\n            )}\n            <View style={calendarStyles.popupBlock}>\n              <Text style={calendarStyles.popupDay}>{scheduleDay}</Text>\n            </View>\n\n            <ScrollView showsVerticalScrollIndicator={false}>\n              {events.length > 0 ? (\n                <View style={calendarStyles.eventsList}>\n                  {events.map(event =>\n                    renderEvent ? renderEvent(event) : defaultRenderEvent(event)\n                  )}\n                </View>\n              ) : renderNoEvents ? (\n                renderNoEvents()\n              ) : (\n                defaultRenderNoEvents()\n              )}\n            </ScrollView>\n          </View>\n\n          {showCloseButton && (\n            <TouchableOpacity\n              style={calendarStyles.popupCloseButton}\n              onPress={onClose}\n            >\n              <Text style={calendarStyles.popupCloseText}>×</Text>\n            </TouchableOpacity>\n          )}\n        </TouchableOpacity>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n","import { StyleSheet, Dimensions } from 'react-native';\n\nconst { width } = Dimensions.get('window');\nconst cellSize = (width - 60) / 7; // Account for padding\n\nexport const colors = {\n  primary: '#fc8917',\n  secondary: '#fca045',\n  tertiary: '#fdb873',\n  text: '#2c3e50',\n  border: '#dee2e6',\n  todayOutline: '#f7db04',\n  eventIndicator: '#1890ff',\n  background: '#fff',\n  white: '#ffffff',\n};\n\nexport const calendarStyles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: colors.background,\n  },\n\n  titleContainer: {\n    paddingVertical: 20,\n    alignItems: 'center',\n  },\n\n  title: {\n    fontSize: 24,\n    fontWeight: '600',\n    color: colors.text,\n  },\n\n  contentContainer: {\n    marginHorizontal: 20,\n    marginTop: 20,\n  },\n\n  card: {\n    backgroundColor: colors.background,\n    borderRadius: 8,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n    overflow: 'hidden',\n  },\n\n  cardHeader: {\n    backgroundColor: colors.tertiary,\n    paddingVertical: 15,\n    paddingHorizontal: 20,\n    borderBottomWidth: 1,\n    borderBottomColor: colors.border,\n  },\n\n  cardHeaderText: {\n    fontSize: 18,\n    fontWeight: '500',\n    color: colors.text,\n    textAlign: 'center',\n  },\n\n  // Calendar Table Styles\n  table: {\n    backgroundColor: colors.background,\n  },\n\n  tableHeader: {\n    flexDirection: 'row',\n    backgroundColor: 'rgba(252, 137, 23, 0.1)',\n    borderBottomWidth: 2,\n    borderBottomColor: colors.border,\n  },\n\n  tableHeaderCell: {\n    flex: 1,\n    paddingVertical: 12,\n    borderRightWidth: 1,\n    borderRightColor: colors.border,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  tableHeaderText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: colors.text,\n  },\n\n  tableRow: {\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n    borderBottomColor: colors.border,\n  },\n\n  tableCell: {\n    flex: 1,\n    height: cellSize,\n    borderRightWidth: 1,\n    borderRightColor: colors.border,\n    alignItems: 'center',\n    justifyContent: 'center',\n    position: 'relative',\n  },\n\n  tableCellText: {\n    fontSize: 16,\n    color: colors.text,\n  },\n\n  // Calendar Cell States\n  cellToday: {\n    borderWidth: 2,\n    borderColor: colors.todayOutline,\n  },\n\n  cellTodayText: {\n    fontWeight: 'bold',\n  },\n\n  cellWithEvents: {\n    backgroundColor: 'rgba(252, 160, 69, 0.3)',\n  },\n\n  eventIndicator: {\n    position: 'absolute',\n    bottom: 2,\n    width: 4,\n    height: 4,\n    backgroundColor: colors.eventIndicator,\n    borderRadius: 2,\n  },\n\n  // Navigation Buttons\n  navigationContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingHorizontal: 20,\n    paddingVertical: 20,\n    gap: 15,\n  },\n\n  navigationButton: {\n    flex: 1,\n    backgroundColor: 'transparent',\n    borderWidth: 1,\n    borderColor: colors.primary,\n    borderRadius: 6,\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  navigationButtonText: {\n    color: colors.primary,\n    fontSize: 16,\n    fontWeight: '500',\n  },\n\n  navigationButtonPressed: {\n    backgroundColor: colors.primary,\n  },\n\n  navigationButtonTextPressed: {\n    color: colors.white,\n  },\n\n  // Jump Form\n  jumpForm: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 20,\n    paddingBottom: 20,\n    gap: 10,\n  },\n\n  jumpLabel: {\n    fontSize: 18,\n    fontWeight: '300',\n    color: colors.text,\n  },\n\n  jumpSelect: {\n    borderWidth: 1,\n    borderColor: colors.border,\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    backgroundColor: colors.background,\n    minWidth: 80,\n  },\n\n  jumpSelectText: {\n    fontSize: 16,\n    color: colors.text,\n    textAlign: 'center',\n  },\n\n  // Popup Styles\n  popupOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 1000,\n  },\n\n  popup: {\n    backgroundColor: colors.background,\n    borderRadius: 12,\n    padding: 0,\n    width: width * 0.8,\n    maxWidth: 300,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 4,\n    },\n    shadowOpacity: 0.3,\n    shadowRadius: 6,\n    elevation: 8,\n  },\n\n  popupWrapper: {\n    backgroundColor: colors.secondary,\n    borderRadius: 12,\n    padding: 12,\n  },\n\n  popupBlock: {\n    backgroundColor: colors.primary,\n    borderRadius: 8,\n    paddingVertical: 8,\n    paddingHorizontal: 12,\n    marginBottom: 10,\n  },\n\n  popupDay: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: colors.white,\n    textAlign: 'center',\n  },\n\n  eventsList: {\n    gap: 6,\n  },\n\n  eventItem: {\n    backgroundColor: colors.tertiary,\n    borderRadius: 6,\n    padding: 12,\n  },\n\n  eventItemText: {\n    fontSize: 14,\n    color: colors.text,\n  },\n\n  noEventsMessage: {\n    backgroundColor: colors.tertiary,\n    borderRadius: 6,\n    padding: 12,\n    alignItems: 'center',\n  },\n\n  noEventsText: {\n    fontSize: 14,\n    color: colors.text,\n    textAlign: 'center',\n  },\n\n  popupCloseButton: {\n    position: 'absolute',\n    top: -10,\n    right: -10,\n    backgroundColor: colors.primary,\n    borderRadius: 15,\n    width: 30,\n    height: 30,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  popupCloseText: {\n    color: colors.white,\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n});\n\nexport default calendarStyles;\n"],"mappings":"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","names":["View","Text","TouchableOpacity","ScrollView","jsx","jsxs","TouchableOpacity","Text","ScrollView","View","isToday","hasEvents"]}

package/dist/styles/calendar.css

@@ -0,0 +1,500 @@
+:root {
+  --calendar-primary-color: #fc8917;
+  --calendar-secondary-color: #fca045;
+  --calendar-tertiary-color: #fdb873;
+  --calendar-text-color: #2c3e50;
+  --calendar-border-color: #dee2e6;
+  --calendar-today-outline: #f7db04;
+  --calendar-event-indicator: #1890ff;
+  --calendar-background: #fff;
+  --calendar-card-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+
+  /* For compatibility with original Vue component */
+  --primary-color: #fc8917;
+  --secondary-color: #fca045;
+  --tertiary-color: #fdb873;
+}
+
+.kalendly-calendar {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  text-align: center;
+  color: var(--calendar-text-color);
+  margin: 0;
+}
+
+.page--title {
+  text-align: center;
+  margin-bottom: 1rem;
+}
+
+.page--title h1 {
+  font-size: 2rem;
+  font-weight: 600;
+  color: var(--calendar-text-color);
+  margin: 0;
+}
+
+.calendar--content {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  position: relative;
+  width: 100%;
+  min-height: 1px;
+  margin-top: 3rem;
+}
+
+.calendar--card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: var(--calendar-background);
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+  box-shadow: var(--calendar-card-shadow);
+}
+
+.calendar--card--header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: var(--tertiary-color);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  font-size: 1.25rem;
+  font-weight: 500;
+}
+
+.calendar--table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  background-color: transparent;
+  border-collapse: collapse;
+}
+
+.calendar--table--bordered {
+  border: 1px solid var(--calendar-border-color);
+}
+
+.calendar--table td,
+.calendar--table th {
+  padding: 0.75rem;
+  vertical-align: top;
+  border: 1px solid var(--calendar-border-color);
+  text-align: center;
+}
+
+.calendar--table td {
+  height: 50px;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.calendar--table td:hover {
+  background-color: rgba(252, 137, 23, 0.1);
+}
+
+.calendar--table td.has--event {
+  background-color: var(--tertiary-color);
+  position: relative;
+}
+
+.calendar--table td.has--event::after {
+  content: '';
+  position: absolute;
+  bottom: 2px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 4px;
+  height: 4px;
+  background-color: var(--calendar-event-indicator);
+  border-radius: 50%;
+}
+
+.calendar--table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid var(--calendar-border-color);
+  font-weight: 600;
+}
+
+.schedule--current--exam {
+  outline: 5px solid var(--calendar-today-outline);
+  outline-offset: -5px;
+  font-weight: bold;
+}
+
+.schedule--next--exam {
+  background-color: var(--calendar-primary-color) !important;
+}
+
+.schedule--previous--exam {
+  background-color: var(--calendar-tertiary-color) !important;
+}
+
+.calendar--content {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  position: relative;
+  width: 100%;
+  min-height: 1px;
+  margin-top: 3rem;
+}
+
+.calendar--card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: var(--calendar-background);
+  background-clip: border-box;
+  border: 2px solid var(--calendar-border-color);
+  border-radius: 0;
+  box-shadow: none;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.calendar--card--header {
+  padding: 1rem 1.25rem;
+  margin-bottom: 0;
+  background-color: #f8f9fa;
+  border-bottom: 2px solid var(--calendar-border-color);
+  font-size: 1.5rem;
+  font-weight: 600;
+  text-align: center;
+}
+
+.calendar--table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0;
+  background-color: transparent;
+  border-collapse: collapse;
+}
+
+.calendar--table--bordered {
+  border: none;
+}
+
+.calendar--table td,
+.calendar--table th {
+  padding: 1rem;
+  vertical-align: middle;
+  border: 1px solid var(--calendar-border-color);
+  text-align: center;
+  font-size: 1rem;
+}
+
+.calendar--table td {
+  height: 60px;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.calendar--table td:hover {
+  background-color: rgba(252, 137, 23, 0.1);
+}
+
+.calendar--table td.has--event {
+  background-color: rgba(252, 160, 69, 0.3);
+  position: relative;
+}
+
+.calendar--table td.has--event::after {
+  content: '';
+  position: absolute;
+  bottom: 2px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 4px;
+  height: 4px;
+  background-color: var(--calendar-event-indicator);
+  border-radius: 50%;
+}
+
+.calendar--table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid var(--calendar-border-color);
+  font-weight: 600;
+  background-color: #f8f9fa;
+  padding: 0.75rem;
+}
+
+.schedule--current--exam {
+  outline: 3px solid var(--calendar-today-outline);
+  outline-offset: -3px;
+  font-weight: bold;
+}
+
+.calendar--navigation--buttons {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: space-evenly;
+  padding: 1rem 0;
+}
+
+.calendar--navigation--btn {
+  width: 45%;
+  display: inline-block;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition:
+    color 0.15s ease-in-out,
+    background-color 0.15s ease-in-out,
+    border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+  cursor: pointer;
+}
+
+.calendar--navigation--btn:hover {
+  background-color: var(--calendar-primary-color);
+  color: #000000;
+}
+
+.schedule--outline--primary {
+  color: var(--calendar-primary-color);
+  background-color: transparent;
+  background-image: none;
+  box-shadow: var(--calendar-card-shadow);
+}
+
+.calendar--form--jump {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 1rem;
+  gap: 0.5rem;
+}
+
+.calendar--lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.calendar--form--jump--item {
+  margin-right: 0.5rem;
+  margin-left: 0.5rem;
+}
+
+.calendar--form--jump--item select {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--calendar-border-color);
+  border-radius: 0.25rem;
+  background-color: var(--calendar-background);
+  color: var(--calendar-text-color);
+  font-size: 1rem;
+}
+
+.date-popup {
+  position: absolute;
+  z-index: 1000;
+  background-color: white;
+  border: 1px solid #ccc;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 10px;
+  width: 200px;
+}
+
+.popup-close {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  background: none;
+  border: none;
+  font-size: 20px;
+  line-height: 1;
+  cursor: pointer;
+  color: #666;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+  z-index: 1001;
+}
+
+.popup-close:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: #333;
+}
+
+.popup-close:active {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.popup-left {
+  right: 56%;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.popup-right {
+  left: 44%;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.popup-center-top {
+  left: 50%;
+  bottom: 100%;
+  transform: translateX(-50%);
+  margin-bottom: 10px;
+}
+
+.popup-center-bottom {
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%);
+  margin-top: 10px;
+}
+
+.schedule--wrapper {
+  background: var(--calendar-secondary-color);
+  padding: 10px;
+  border-radius: 5px;
+}
+
+.schedule--block {
+  background: var(--calendar-primary-color);
+  padding: 5px;
+  border-radius: 5px 5px 0 0;
+}
+
+.schedule--day {
+  margin: 0;
+  color: white;
+  font-size: 16px;
+  text-align: center;
+  font-weight: 600;
+}
+
+.event--wrapper {
+  margin: 10px 0 0 0;
+}
+
+.event--wrapper ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.no-events-message {
+  background: var(--calendar-tertiary-color);
+  padding: 10px;
+  border-radius: 3px;
+  font-size: 14px;
+  text-align: center;
+  color: var(--calendar-text-color);
+}
+
+.event--item {
+  background: var(--calendar-tertiary-color);
+  margin-bottom: 5px;
+  padding: 5px;
+  border-radius: 3px;
+  font-size: 14px;
+  color: var(--calendar-text-color);
+  text-align: left;
+}
+
+.event--item.clickable {
+  cursor: pointer;
+}
+
+.event--item.clickable:hover {
+  opacity: 0.8;
+}
+
+.event--item:last-child {
+  margin-bottom: 0;
+}
+
+/* Responsive design */
+@media (min-width: 576px) {
+  .calendar--content {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+
+  .calendar--form--jump label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+}
+
+@media (max-width: 768px) {
+  .calendar--content {
+    margin-top: 1rem;
+    padding: 0 0.5rem;
+  }
+
+  .calendar--table td,
+  .calendar--table th {
+    padding: 0.5rem 0.25rem;
+    font-size: 0.9rem;
+  }
+
+  .calendar--navigation--buttons {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .calendar--navigation--btn {
+    width: 100%;
+    max-width: none;
+  }
+
+  .calendar--form--jump {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .date-popup {
+    width: 200px;
+    position: fixed;
+    left: 50% !important;
+    top: 50% !important;
+    right: auto !important;
+    bottom: auto !important;
+    transform: translate(-50%, -50%) !important;
+    margin: 0 !important;
+  }
+}
+
+@media (max-width: 480px) {
+  .calendar--table td {
+    height: 40px;
+    padding: 0.25rem;
+  }
+
+  .calendar--table td,
+  .calendar--table th {
+    font-size: 0.8rem;
+  }
+
+  .calendar--card--header {
+    font-size: 1rem;
+    padding: 0.5rem 1rem;
+  }
+}