kalendly 0.1.7 → 0.2.0

package/dist/react/index.js

@@ -1,969 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/react/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  Calendar: () => Calendar,
-  CalendarEngine: () => CalendarEngine,
-  DAYS: () => DAYS,
-  DEFAULT_CATEGORY_COLORS: () => DEFAULT_CATEGORY_COLORS,
-  DatePopup: () => DatePopup,
-  MONTHS: () => MONTHS,
-  MONTHS_FULL: () => MONTHS_FULL,
-  formatAttendees: () => formatAttendees,
-  formatDateForDisplay: () => formatDateForDisplay,
-  formatTimeRange: () => formatTimeRange,
-  generateCalendarDates: () => generateCalendarDates,
-  generateYears: () => generateYears,
-  getCategoryColor: () => getCategoryColor,
-  getCellClasses: () => getCellClasses,
-  getDefaultEventColor: () => getDefaultEventColor,
-  getEventsForDate: () => getEventsForDate,
-  getMonthYearText: () => getMonthYearText,
-  getPopupPositionClass: () => getPopupPositionClass,
-  hasEvents: () => hasEvents,
-  isSameDay: () => isSameDay,
-  isToday: () => isToday,
-  isValidHexColor: () => isValidHexColor,
-  mergeCategoryColors: () => mergeCategoryColors,
-  normalizeDate: () => normalizeDate,
-  sortEventsByTime: () => sortEventsByTime
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/react/components/Calendar.tsx
-var import_react = require("react");
-
-// src/core/utils.ts
-var MONTHS = [
-  "Jan",
-  "Feb",
-  "Mar",
-  "Apr",
-  "May",
-  "Jun",
-  "Jul",
-  "Aug",
-  "Sep",
-  "Oct",
-  "Nov",
-  "Dec"
-];
-var MONTHS_FULL = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-var DAYS = [
-  "Sunday",
-  "Monday",
-  "Tuesday",
-  "Wednesday",
-  "Thursday",
-  "Friday",
-  "Saturday"
-];
-function normalizeDate(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
-}
-function isSameDay(date1, date2) {
-  return normalizeDate(date1).getTime() === normalizeDate(date2).getTime();
-}
-function isToday(date) {
-  return isSameDay(date, /* @__PURE__ */ new Date());
-}
-function generateYears(minYear, maxYear) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const min = minYear ?? currentYear - 30;
-  const max = maxYear ?? currentYear + 10;
-  return Array.from({ length: max - min + 1 }, (_, i) => min + i);
-}
-function getEventsForDate(events, date) {
-  const normalizedTargetDate = normalizeDate(date);
-  return events.filter((event) => {
-    const eventDate = normalizeDate(new Date(event.date));
-    return eventDate.getTime() === normalizedTargetDate.getTime();
-  });
-}
-function hasEvents(events, date) {
-  return getEventsForDate(events, date).length > 0;
-}
-function generateCalendarDates(year, month, events = [], weekStartsOn = 0) {
-  const firstDay = new Date(year, month, 1);
-  const lastDay = new Date(year, month + 1, 0);
-  const daysInMonth = lastDay.getDate();
-  const prevMonthLastDay = new Date(year, month, 0).getDate();
-  let firstDayOfWeek = firstDay.getDay();
-  if (weekStartsOn === 1) {
-    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
-  }
-  const dates = [];
-  let day = 1;
-  let nextMonthDay = 1;
-  for (let week = 0; week < 6; week++) {
-    const weekDates = [];
-    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
-      if (week === 0 && dayOfWeek < firstDayOfWeek) {
-        const prevDay = prevMonthLastDay - firstDayOfWeek + dayOfWeek + 1;
-        const prevDate = new Date(year, month - 1, prevDay);
-        const dateEvents = getEventsForDate(events, prevDate);
-        weekDates.push({
-          date: prevDate,
-          isCurrentMonth: false,
-          isToday: isToday(prevDate),
-          hasEvents: dateEvents.length > 0,
-          events: dateEvents
-        });
-      } else if (day > daysInMonth) {
-        const nextDate = new Date(year, month + 1, nextMonthDay);
-        const dateEvents = getEventsForDate(events, nextDate);
-        weekDates.push({
-          date: nextDate,
-          isCurrentMonth: false,
-          isToday: isToday(nextDate),
-          hasEvents: dateEvents.length > 0,
-          events: dateEvents
-        });
-        nextMonthDay++;
-      } else {
-        const currentDate = new Date(year, month, day);
-        const dateEvents = getEventsForDate(events, currentDate);
-        weekDates.push({
-          date: currentDate,
-          isCurrentMonth: true,
-          isToday: isToday(currentDate),
-          hasEvents: dateEvents.length > 0,
-          events: dateEvents
-        });
-        day++;
-      }
-    }
-    dates.push(weekDates);
-  }
-  return dates;
-}
-function getPopupPositionClass(selectedDayIndex) {
-  if (selectedDayIndex === null) return "popup-center-bottom";
-  if (selectedDayIndex < 3) {
-    return "popup-right";
-  } else if (selectedDayIndex > 4) {
-    return "popup-left";
-  } else {
-    return "popup-center-bottom";
-  }
-}
-function getCellClasses(calendarDate) {
-  const classes = [];
-  if (!calendarDate.isCurrentMonth) {
-    classes.push("other-month");
-  }
-  if (calendarDate.isToday) {
-    classes.push("schedule--current--exam");
-  }
-  if (calendarDate.hasEvents) {
-    classes.push("has--event");
-  }
-  return classes;
-}
-function formatDateForDisplay(date) {
-  return `${DAYS[date.getDay()]} ${date.getDate()}`;
-}
-function getMonthYearText(year, month) {
-  return `${MONTHS_FULL[month]} ${year}`;
-}
-function formatTimeRange(event) {
-  if (event.allDay || !event.startTime && !event.endTime) {
-    return "All day";
-  }
-  if (event.startTime && event.endTime) {
-    return `${event.startTime} - ${event.endTime}`;
-  }
-  if (event.startTime) {
-    return `${event.startTime}`;
-  }
-  return "";
-}
-function formatAttendees(attendees) {
-  if (!attendees || attendees.length === 0) return "";
-  if (attendees.length === 1) return attendees[0];
-  if (attendees.length === 2) return attendees.join(" and ");
-  return `${attendees.slice(0, -1).join(", ")}, and ${attendees[attendees.length - 1]}`;
-}
-function sortEventsByTime(events) {
-  return [...events].sort((a, b) => {
-    const aAllDay = a.allDay || !a.startTime && !a.endTime;
-    const bAllDay = b.allDay || !b.startTime && !b.endTime;
-    if (aAllDay && !bAllDay) return -1;
-    if (!aAllDay && bAllDay) return 1;
-    if (!a.startTime || !b.startTime) return 0;
-    return a.startTime.localeCompare(b.startTime);
-  });
-}
-var DEFAULT_CATEGORY_COLORS = {
-  work: "#3b82f6",
-  personal: "#8b5cf6",
-  meeting: "#10b981",
-  deadline: "#ef4444",
-  appointment: "#f59e0b",
-  other: "#6b7280"
-};
-function getDefaultEventColor(category, customColors) {
-  const colorMap = customColors || DEFAULT_CATEGORY_COLORS;
-  if (category && colorMap[category]) {
-    return colorMap[category];
-  }
-  return "#fc8917";
-}
-function mergeCategoryColors(customColors) {
-  return {
-    ...DEFAULT_CATEGORY_COLORS,
-    ...customColors
-  };
-}
-function isValidHexColor(color) {
-  return /^#([0-9A-F]{3}){1,2}$/i.test(color);
-}
-function getCategoryColor(category, customColors) {
-  const colorMap = mergeCategoryColors(customColors);
-  const color = colorMap[category] || colorMap.other || "#fc8917";
-  return isValidHexColor(color) ? color : "#fc8917";
-}
-
-// src/core/calendar-engine.ts
-var CalendarEngine = class {
-  constructor(config) {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.config = config;
-    this.categoryColors = mergeCategoryColors(config.categoryColors);
-    const initialDate = config.initialDate || /* @__PURE__ */ new Date();
-    this.state = {
-      currentYear: initialDate.getFullYear(),
-      currentMonth: initialDate.getMonth(),
-      currentDate: initialDate.getDate(),
-      selectedDate: null,
-      selectedDayIndex: null,
-      tasks: []
-    };
-  }
-  /**
-   * Subscribe to state changes
-   */
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-  /**
-   * Notify all listeners of state changes
-   */
-  notify() {
-    this.listeners.forEach((listener) => listener());
-  }
-  /**
-   * Get current state
-   */
-  getState() {
-    return { ...this.state };
-  }
-  /**
-   * Get view model with computed properties
-   */
-  getViewModel() {
-    const calendarDates = generateCalendarDates(
-      this.state.currentYear,
-      this.state.currentMonth,
-      this.config.events,
-      this.config.weekStartsOn
-    );
-    return {
-      ...this.state,
-      months: MONTHS,
-      days: DAYS,
-      years: generateYears(this.config.minYear, this.config.maxYear),
-      monthAndYearText: getMonthYearText(
-        this.state.currentYear,
-        this.state.currentMonth
-      ),
-      scheduleDay: this.state.selectedDate ? formatDateForDisplay(this.state.selectedDate) : "",
-      calendarDates,
-      popupPositionClass: getPopupPositionClass(this.state.selectedDayIndex)
-    };
-  }
-  /**
-   * Get actions object
-   */
-  getActions() {
-    return {
-      next: this.next.bind(this),
-      previous: this.previous.bind(this),
-      jump: this.jump.bind(this),
-      goToToday: this.goToToday.bind(this),
-      isCurrentMonth: this.isCurrentMonth.bind(this),
-      selectDate: this.selectDate.bind(this),
-      updateTasks: this.updateTasks.bind(this)
-    };
-  }
-  /**
-   * Navigate to next month
-   */
-  next() {
-    if (this.state.currentMonth === 11) {
-      this.state.currentMonth = 0;
-      this.state.currentYear++;
-    } else {
-      this.state.currentMonth++;
-    }
-    this.state.selectedDate = null;
-    this.state.selectedDayIndex = null;
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Navigate to previous month
-   */
-  previous() {
-    if (this.state.currentMonth === 0) {
-      this.state.currentMonth = 11;
-      this.state.currentYear--;
-    } else {
-      this.state.currentMonth--;
-    }
-    this.state.selectedDate = null;
-    this.state.selectedDayIndex = null;
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Jump to specific month and year
-   */
-  jump(year, month) {
-    this.state.currentYear = year;
-    this.state.currentMonth = month;
-    this.state.selectedDate = null;
-    this.state.selectedDayIndex = null;
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Navigate to current month (today)
-   */
-  goToToday() {
-    const today = /* @__PURE__ */ new Date();
-    this.state.currentYear = today.getFullYear();
-    this.state.currentMonth = today.getMonth();
-    this.state.selectedDate = null;
-    this.state.selectedDayIndex = null;
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Check if currently viewing today's month
-   */
-  isCurrentMonth() {
-    const today = /* @__PURE__ */ new Date();
-    return this.state.currentYear === today.getFullYear() && this.state.currentMonth === today.getMonth();
-  }
-  /**
-   * Select a specific date
-   */
-  selectDate(date, dayIndex) {
-    this.state.selectedDate = date;
-    this.state.selectedDayIndex = dayIndex ?? null;
-    this.state.currentDate = date.getDate();
-    this.state.currentMonth = date.getMonth();
-    this.state.currentYear = date.getFullYear();
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Update tasks for the currently selected date
-   */
-  updateTasks() {
-    if (!this.state.selectedDate) {
-      this.state.tasks = [];
-      return;
-    }
-    this.state.tasks = getEventsForDate(
-      this.config.events,
-      this.state.selectedDate
-    );
-  }
-  /**
-   * Update events configuration
-   */
-  updateEvents(events) {
-    this.config.events = events;
-    this.updateTasks();
-    this.notify();
-  }
-  /**
-   * Handle date cell click
-   */
-  handleDateClick(date, dayIndex) {
-    this.selectDate(date, dayIndex);
-  }
-  /**
-   * Check if date has events
-   */
-  hasEventsForDate(date) {
-    return getEventsForDate(this.config.events, date).length > 0;
-  }
-  /**
-   * Get events for a specific date
-   */
-  getEventsForDate(date) {
-    return getEventsForDate(this.config.events, date);
-  }
-  /**
-   * Clear selected date
-   */
-  clearSelection() {
-    this.state.selectedDate = null;
-    this.state.selectedDayIndex = null;
-    this.state.tasks = [];
-    this.notify();
-  }
-  /**
-   * Get category color (with custom colors support)
-   */
-  getCategoryColor(category) {
-    if (!category) return "#fc8917";
-    return getCategoryColor(category, this.categoryColors);
-  }
-  /**
-   * Update category colors dynamically
-   */
-  updateCategoryColors(colors) {
-    this.categoryColors = mergeCategoryColors(colors);
-    this.notify();
-  }
-  /**
-   * Get all category colors
-   */
-  getCategoryColors() {
-    return { ...this.categoryColors };
-  }
-  /**
-   * Register a new category with color
-   */
-  registerCategory(name, color) {
-    this.categoryColors[name] = color;
-    this.notify();
-  }
-  /**
-   * Destroy the engine and cleanup listeners
-   */
-  destroy() {
-    this.listeners.clear();
-  }
-};
-
-// src/react/components/DatePopup.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PriorityBadge = ({ priority }) => {
-  if (!priority) return null;
-  const priorityConfig = {
-    high: { label: "HIGH", className: "badge priority-high" },
-    medium: { label: "MEDIUM", className: "badge priority-medium" },
-    low: { label: "LOW", className: "badge priority-low" }
-  };
-  const config = priorityConfig[priority];
-  if (!config) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: config.className, children: config.label });
-};
-var StatusBadge = ({ status }) => {
-  if (!status || status === "scheduled") return null;
-  const statusConfig = {
-    completed: { label: "COMPLETED", className: "badge status-completed" },
-    cancelled: { label: "CANCELLED", className: "badge status-cancelled" },
-    tentative: { label: "TENTATIVE", className: "badge status-tentative" }
-  };
-  const config = statusConfig[status];
-  if (!config) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: config.className, children: config.label });
-};
-var CategoryBadge = ({ category }) => {
-  if (!category) return null;
-  const categoryConfig = {
-    work: { label: "WORK", className: "badge category-work" },
-    personal: { label: "PERSONAL", className: "badge category-personal" },
-    meeting: { label: "MEETING", className: "badge category-meeting" },
-    deadline: { label: "DEADLINE", className: "badge category-deadline" },
-    appointment: {
-      label: "APPOINTMENT",
-      className: "badge category-appointment"
-    },
-    other: { label: "OTHER", className: "badge category-other" }
-  };
-  const config = categoryConfig[category];
-  if (!config) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: config.className, children: config.label });
-};
-var DatePopup = ({
-  isVisible,
-  selectedDate,
-  events,
-  scheduleDay,
-  popupPositionClass,
-  onEventClick,
-  onClose,
-  renderEvent,
-  renderNoEvents
-}) => {
-  if (!isVisible || !selectedDate) return null;
-  const handleEventClick = (event) => {
-    onEventClick?.(event);
-  };
-  const showScrollHint = events.length > 3;
-  const defaultRenderEvent = (event) => {
-    const timeRange = formatTimeRange(event);
-    const attendeesList = formatAttendees(event.attendees);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        className: `event-card${onEventClick ? " clickable" : ""}`,
-        onClick: () => handleEventClick(event),
-        style: {
-          borderLeftColor: event.color || void 0
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "event-title", children: event.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-badges", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CategoryBadge, { category: event.category }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PriorityBadge, { priority: event.priority }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status: event.status })
-            ] })
-          ] }),
-          timeRange && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-time", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-label", children: "Time:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-value", children: timeRange })
-          ] }),
-          event.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "event-description", children: event.description }),
-          event.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-time", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-label", children: "Location:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-value", children: event.location })
-          ] }),
-          attendeesList && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-time", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-label", children: "Attendees:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-value", children: attendeesList })
-          ] }),
-          event.organizer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-time", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-label", children: "Organizer:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-value", children: event.organizer })
-          ] }),
-          event.notes && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "event-time", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-label", children: "Notes:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-time-value", children: event.notes })
-          ] }),
-          event.url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "event-time", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "a",
-            {
-              href: event.url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "event-link",
-              onClick: (e) => e.stopPropagation(),
-              children: "View Details \u2192"
-            }
-          ) }),
-          event.tags && event.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "event-tags", children: event.tags.map((tag, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "event-tag", children: tag }, idx)) })
-        ]
-      },
-      event.id || event.name
-    );
-  };
-  const defaultRenderNoEvents = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "no-events-message", children: "No events scheduled for this day." });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `date-popup ${popupPositionClass}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "popup-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: scheduleDay }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "popup-close",
-          onClick: onClose,
-          "aria-label": "Close",
-          children: "\u2715"
-        }
-      )
-    ] }),
-    showScrollHint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scroll-hint", children: "\u2193 Scroll to see more events \u2193" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "events-container", children: events.length > 0 ? events.map(
-      (event) => renderEvent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: `event-card${onEventClick ? " clickable" : ""}`,
-          onClick: () => handleEventClick(event),
-          children: renderEvent(event)
-        },
-        event.id || event.name
-      ) : defaultRenderEvent(event)
-    ) : renderNoEvents ? renderNoEvents() : defaultRenderNoEvents() })
-  ] });
-};
-
-// src/react/components/Calendar.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Calendar = ({
-  events,
-  initialDate,
-  minYear,
-  maxYear,
-  weekStartsOn = 0,
-  useShortMonthNames = false,
-  onDateSelect,
-  onEventClick,
-  onMonthChange,
-  className = "",
-  style,
-  renderEvent,
-  renderNoEvents,
-  title,
-  theme
-}) => {
-  const engine = (0, import_react.useMemo)(
-    () => new CalendarEngine({
-      events,
-      initialDate,
-      minYear,
-      maxYear,
-      weekStartsOn
-    }),
-    [events, initialDate, minYear, maxYear, weekStartsOn]
-  );
-  const [, forceUpdate] = (0, import_react.useState)({});
-  const rerender = (0, import_react.useCallback)(() => forceUpdate({}), []);
-  const [pickerOpen, setPickerOpen] = (0, import_react.useState)(false);
-  const [yearInput, setYearInput] = (0, import_react.useState)("");
-  const [yearInputValid, setYearInputValid] = (0, import_react.useState)(true);
-  const pickerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const unsubscribe = engine.subscribe(rerender);
-    return unsubscribe;
-  }, [engine, rerender]);
-  (0, import_react.useEffect)(() => {
-    engine.updateEvents(events);
-  }, [engine, events]);
-  (0, import_react.useEffect)(() => {
-    return () => {
-      engine.destroy();
-    };
-  }, [engine]);
-  (0, import_react.useEffect)(() => {
-    if (theme) {
-      const root = document.documentElement;
-      if (theme.primary)
-        root.style.setProperty("--calendar-primary-color", theme.primary);
-      if (theme.secondary)
-        root.style.setProperty("--calendar-secondary-color", theme.secondary);
-      if (theme.tertiary)
-        root.style.setProperty("--calendar-tertiary-color", theme.tertiary);
-      if (theme.textColor)
-        root.style.setProperty("--calendar-text-color", theme.textColor);
-      if (theme.textLight)
-        root.style.setProperty("--calendar-text-light", theme.textLight);
-      if (theme.background)
-        root.style.setProperty("--calendar-background", theme.background);
-      if (theme.cellHover)
-        root.style.setProperty("--calendar-cell-hover", theme.cellHover);
-      if (theme.borderColor)
-        root.style.setProperty("--calendar-border-color", theme.borderColor);
-      if (theme.todayOutline)
-        root.style.setProperty("--calendar-today-outline", theme.todayOutline);
-      if (theme.selectedBg)
-        root.style.setProperty("--calendar-selected-bg", theme.selectedBg);
-      if (theme.eventIndicator)
-        root.style.setProperty(
-          "--calendar-event-indicator",
-          theme.eventIndicator
-        );
-    }
-  }, [theme]);
-  const viewModel = engine.getViewModel();
-  const actions = engine.getActions();
-  const { selectedDate, tasks } = viewModel;
-  const handleDateClick = (event) => {
-    const td = event.target.closest("td");
-    if (!td) return;
-    const tr = td.parentElement;
-    if (!tr) return;
-    const weekIndex = tr.rowIndex - 1;
-    const dayIndex = Array.from(tr.children).indexOf(td);
-    const calendarDate = viewModel.calendarDates[weekIndex]?.[dayIndex];
-    if (!calendarDate) return;
-    engine.handleDateClick(calendarDate.date, dayIndex);
-    onDateSelect?.(calendarDate.date);
-  };
-  const handleMonthChange = (0, import_react.useCallback)(() => {
-    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);
-  }, [onMonthChange, viewModel.currentYear, viewModel.currentMonth]);
-  const handleNext = () => {
-    actions.next();
-    handleMonthChange();
-  };
-  const handlePrevious = () => {
-    actions.previous();
-    handleMonthChange();
-  };
-  const handleGoToToday = () => {
-    actions.goToToday();
-    setPickerOpen(false);
-    const today2 = /* @__PURE__ */ new Date();
-    onMonthChange?.(today2.getFullYear(), today2.getMonth());
-  };
-  const togglePicker = () => {
-    const newOpen = !pickerOpen;
-    setPickerOpen(newOpen);
-    if (newOpen) {
-      setYearInput(String(viewModel.currentYear));
-      setYearInputValid(true);
-    }
-  };
-  const today = /* @__PURE__ */ new Date();
-  const computedMinYear = minYear ?? today.getFullYear() - 30;
-  const computedMaxYear = maxYear ?? today.getFullYear() + 10;
-  const handleYearInputChange = (e) => {
-    const value = e.target.value;
-    if (value === "" || /^\d+$/.test(value)) {
-      setYearInput(value);
-      const year = parseInt(value, 10);
-      setYearInputValid(
-        value === "" || year >= computedMinYear && year <= computedMaxYear
-      );
-    }
-  };
-  const handleYearInputBlur = () => {
-    const year = parseInt(yearInput, 10);
-    if (isNaN(year) || year < computedMinYear || year > computedMaxYear) {
-      setYearInput(String(viewModel.currentYear));
-      setYearInputValid(true);
-    } else {
-      actions.jump(year, viewModel.currentMonth);
-      handleMonthChange();
-    }
-  };
-  const handleYearPrev = () => {
-    const newYear = viewModel.currentYear - 1;
-    if (newYear >= computedMinYear) {
-      actions.jump(newYear, viewModel.currentMonth);
-      setYearInput(String(newYear));
-      handleMonthChange();
-    }
-  };
-  const handleYearNext = () => {
-    const newYear = viewModel.currentYear + 1;
-    if (newYear <= computedMaxYear) {
-      actions.jump(newYear, viewModel.currentMonth);
-      setYearInput(String(newYear));
-      handleMonthChange();
-    }
-  };
-  const handleMonthSelect = (month) => {
-    actions.jump(viewModel.currentYear, month);
-    setPickerOpen(false);
-    handleMonthChange();
-  };
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (pickerRef.current && !pickerRef.current.contains(event.target)) {
-        setPickerOpen(false);
-      }
-    };
-    if (pickerOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [pickerOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `kalendly-calendar ${className}`, style, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "page--title", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "calendar--content", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "calendar--card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "calendar--nav-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "calendar--nav-arrow",
-            onClick: handlePrevious,
-            "aria-label": "Previous month",
-            children: "\u2039"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "calendar--picker-container", ref: pickerRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            "button",
-            {
-              type: "button",
-              className: "calendar--picker-btn",
-              onClick: togglePicker,
-              ...{ "aria-expanded": pickerOpen },
-              "aria-haspopup": "true",
-              children: [
-                useShortMonthNames ? `${MONTHS[viewModel.currentMonth]} ${viewModel.currentYear}` : viewModel.monthAndYearText,
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "calendar--picker-chevron", children: "\u25BE" })
-              ]
-            }
-          ),
-          pickerOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "calendar--picker-dropdown", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "calendar--picker-year-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "button",
-                {
-                  type: "button",
-                  className: "calendar--picker-year-arrow",
-                  onClick: handleYearPrev,
-                  disabled: viewModel.currentYear <= computedMinYear,
-                  "aria-label": "Previous year",
-                  children: "\u2039"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "input",
-                {
-                  type: "text",
-                  className: `calendar--picker-year-input${!yearInputValid ? " invalid" : ""}`,
-                  value: yearInput,
-                  onChange: handleYearInputChange,
-                  onBlur: handleYearInputBlur,
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") handleYearInputBlur();
-                  },
-                  "aria-label": "Year"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "button",
-                {
-                  type: "button",
-                  className: "calendar--picker-year-arrow",
-                  onClick: handleYearNext,
-                  disabled: viewModel.currentYear >= computedMaxYear,
-                  "aria-label": "Next year",
-                  children: "\u203A"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "calendar--picker-months", children: (useShortMonthNames ? MONTHS : MONTHS_FULL).map(
-              (month, index) => {
-                const isSelected = index === viewModel.currentMonth;
-                const isCurrentMonth = index === today.getMonth() && viewModel.currentYear === today.getFullYear();
-                return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: `calendar--picker-month${isSelected ? " selected" : ""}${isCurrentMonth ? " current-month" : ""}`,
-                    onClick: () => handleMonthSelect(index),
-                    children: month
-                  },
-                  month
-                );
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "calendar--today-btn",
-            onClick: handleGoToToday,
-            disabled: actions.isCurrentMonth(),
-            children: "Today"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "calendar--nav-arrow",
-            onClick: handleNext,
-            "aria-label": "Next month",
-            children: "\u203A"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: "calendar--table calendar--table--bordered", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: viewModel.days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: day.slice(0, 3) }, day)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { onClick: handleDateClick, children: viewModel.calendarDates.map((week, weekIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: week.map((calendarDate, dayIndex) => {
-          const cellClasses = getCellClasses(calendarDate);
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "td",
-            {
-              className: cellClasses.join(" "),
-              children: calendarDate.date.getDate()
-            },
-            `${weekIndex}-${dayIndex}`
-          );
-        }) }, weekIndex)) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        DatePopup,
-        {
-          isVisible: !!selectedDate,
-          selectedDate,
-          events: tasks,
-          scheduleDay: viewModel.scheduleDay,
-          popupPositionClass: viewModel.popupPositionClass,
-          onClose: () => engine.clearSelection(),
-          onEventClick,
-          renderEvent,
-          renderNoEvents
-        }
-      )
-    ] }) })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Calendar,
-  CalendarEngine,
-  DAYS,
-  DEFAULT_CATEGORY_COLORS,
-  DatePopup,
-  MONTHS,
-  MONTHS_FULL,
-  formatAttendees,
-  formatDateForDisplay,
-  formatTimeRange,
-  generateCalendarDates,
-  generateYears,
-  getCategoryColor,
-  getCellClasses,
-  getDefaultEventColor,
-  getEventsForDate,
-  getMonthYearText,
-  getPopupPositionClass,
-  hasEvents,
-  isSameDay,
-  isToday,
-  isValidHexColor,
-  mergeCategoryColors,
-  normalizeDate,
-  sortEventsByTime
-});
-//# sourceMappingURL=index.js.map