react-calendar-agenda 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Your Name
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,392 @@
+# React Material Calendar
+
+A modern, customizable React calendar component library built with Material-UI and TypeScript.
+
+![npm version](https://img.shields.io/npm/v/react-calendar-agenda)
+![npm downloads](https://img.shields.io/npm/dm/react-calendar-agenda)
+![License](https://img.shields.io/npm/l/react-calendar-agenda)
+![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue)
+
+## Features
+
+- 🎨 **Material-UI Integration** - Beautiful, consistent design with Material-UI components
+- 📱 **Responsive** - Works perfectly on desktop, tablet, and mobile devices
+- 🎯 **Multiple Views** - Month, Week, and Day view support
+- ⚡ **TypeScript** - Full TypeScript support with comprehensive type definitions
+- 🎛️ **Customizable** - Highly customizable themes and styling
+- 📅 **Event Management** - Built-in event creation, editing, and management
+- 🕐 **Time Selection** - Interactive time selection with conflict detection
+- 🧪 **Well Tested** - Comprehensive test suite with Jest and Cypress
+- 📚 **Storybook** - Interactive documentation and component playground
+
+## Installation
+
+```bash
+npm install react-calendar-agenda
+```
+
+### Peer Dependencies
+
+This library requires the following peer dependencies:
+
+```bash
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
+```
+
+## Quick Start
+
+```tsx
+import React, { useState } from 'react';
+import { Calendar } from './Calendar';
+import { CalendarEvent } from './types';
+import { EventDialog } from './EventDialog'; // Required for interactions
+import { ThemeProvider, createTheme } from '@mui/material/styles';
+
+const theme = createTheme();
+
+function App() {
+  const [events, setEvents] = useState<CalendarEvent[]>([
+    {
+      id: '1',
+      title: 'Meeting with Team',
+      description: 'Weekly team standup',
+      startTime: '10:00',
+      endTime: '11:00',
+      date: '2024-01-15',
+      color: '#1976d2'
+    },
+    {
+      id: '2',
+      title: 'Project Review',
+      description: 'Quarterly project review',
+      startTime: '14:30',
+      endTime: '15:30',
+      date: '2024-01-16',
+      color: '#4caf50'
+    }
+  ]);
+
+  const handleEventAdd = async (event: CalendarEvent): Promise<boolean> => {
+    setEvents(prev => [...prev, event]);
+    console.log('New event created:', event);
+    return true;
+  };
+
+  const handleEventEdit = async (event: CalendarEvent, previousEvent?: CalendarEvent): Promise<boolean> => {
+    setEvents(prev => prev.map(e => e.id === event.id ? event : e));
+    console.log('Event updated:', { previous: previousEvent, current: event });
+    return true;
+  };
+
+  const handleEventDelete = (eventId: string) => {
+    setEvents(prev => prev.filter(e => e.id !== eventId));
+    console.log('Event deleted:', eventId);
+  };
+
+  return (
+    <ThemeProvider theme={theme}>
+      <Calendar
+        events={events}
+        onEventAdd={handleEventAdd}
+        onEventEdit={handleEventEdit}
+        onEventDelete={handleEventDelete}
+        dialog={<EventDialog />} // REQUIRED for interactions
+      />
+    </ThemeProvider>
+  );
+}
+
+export default App;
+```
+
+> 📖 **Para uso detalhado, consulte o [Guia Completo de Uso](./HOW_TO_USE_COMPONENT.md)**
+
+## API Reference
+
+### Calendar
+
+The main calendar component that renders the calendar interface with integrated event management.
+
+#### Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `events` | `CalendarEvent[]` | No | Array of calendar events (default: `[]`) |
+| `isLoading` | `boolean` | No | Loading state indicator (default: `false`) |
+| `onEventAdd` | `(event: CalendarEvent) => Promise<boolean>` | No | Callback when adding a new event |
+| `onEventEdit` | `(event: CalendarEvent, previousEvent?: CalendarEvent) => Promise<boolean>` | No | Callback when editing an event |
+| `onEventDelete` | `(eventId: string) => void` | No | Callback when deleting an event |
+| `onDateRangeChange` | `(range: DateRange) => void` | No | Callback when date range changes |
+| `headerActions` | `ReactNode` | No | Custom actions in the calendar header |
+| `dialog` | `ReactNode` | **Yes** (for interactions) | **REQUIRED** dialog component for event management |
+
+> ⚠️ **Critical**: The `dialog` prop is **MANDATORY** when using interactive features. Without it, users cannot create, edit, or delete events through the UI.
+
+### CalendarEvent
+
+Event data structure:
+
+```tsx
+interface CalendarEvent<TCustomData = Record<string, unknown>> {
+  id: string;                    // Unique event identifier
+  title: string;                 // Event title
+  description: string;           // Event description
+  startTime: string;            // Start time (HH:MM format)
+  endTime: string;              // End time (HH:MM format)
+  date: string;                 // Event date (YYYY-MM-DD format)
+  color?: string;               // Event color (hex format)
+  customData?: TCustomData;     // Custom data for extensibility
+}
+```
+
+### DateRange
+
+Date range structure:
+
+```tsx
+interface DateRange {
+  startDate: string;  // Start date (YYYY-MM-DD format)
+  endDate: string;    // End date (YYYY-MM-DD format)
+}
+```
+
+## Views
+
+The calendar supports three main views that can be switched dynamically:
+
+### Month View
+- Grid layout showing the entire month
+- Event indicators on calendar cells
+- Click to navigate to day/week view
+- Compact event display
+
+### Week View  
+- Detailed week layout with hourly slots
+- Event cards positioned by time
+- Scrollable timeline
+- Time selection for creating events
+
+### Day View
+- Single day detailed view
+- Hourly time slots
+- Detailed event information
+- Precise time selection and event management
+
+## Customization
+
+### Theme Customization
+
+```tsx
+import { createTheme } from '@mui/material/styles';
+
+const customTheme = createTheme({
+  palette: {
+    primary: {
+      main: '#1976d2',
+    },
+    secondary: {
+      main: '#dc004e',
+    },
+  },
+  components: {
+    MuiCalendar: {
+      styleOverrides: {
+        root: {
+          // Custom calendar styles
+        },
+      },
+    },
+  },
+});
+```
+
+### Event Colors
+
+```tsx
+const events = [
+  {
+    id: '1',
+    title: 'Important Meeting',
+    start: new Date(),
+    end: new Date(),
+    color: '#f44336', // Red for important events
+  },
+  {
+    id: '2',
+    title: 'Team Standup',
+    start: new Date(),
+    end: new Date(),
+    color: '#4caf50', // Green for regular meetings
+  }
+];
+```
+
+## Interactive Features
+
+### Creating Events
+- **Click on empty cell**: Opens dialog with time pre-filled
+- **Drag to select time**: Creates event with selected time range
+- **Automatic validation**: Ensures valid time ranges and required fields
+
+### Editing Events
+- **Click on existing event**: Opens dialog with event data pre-filled
+- **Real-time updates**: Changes are reflected immediately
+- **Conflict detection**: Warns about overlapping events
+
+### Event Management
+- **Color coding**: 8 preset colors for easy categorization
+- **Time selection**: 30-minute intervals for precise scheduling
+- **Form validation**: Built-in validation for all fields
+- **Loading states**: Visual feedback during async operations
+
+## Advanced Usage
+
+### Custom Header Actions
+
+```tsx
+import { Button } from '@mui/material';
+
+const CustomCalendar = () => {
+  const headerActions = (
+    <Button variant="contained" onClick={handleAddEvent}>
+      Quick Add Event
+    </Button>
+  );
+
+  return (
+    <Calendar
+      events={events}
+      headerActions={headerActions}
+      dialog={<EventDialog />} // REQUIRED for interactions
+    />
+  );
+};
+```
+
+### Custom Dialog
+
+```tsx
+import { Dialog, DialogContent } from '@mui/material';
+
+const CustomEventDialog = ({ open, onClose, event, isEditing }) => {
+  return (
+    <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth>
+      <DialogContent>
+        {/* Your custom event form */}
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+const MyCalendar = () => {
+  return (
+    <Calendar
+      events={events}
+      dialog={<CustomEventDialog />} // REQUIRED for interactions
+    />
+  );
+};
+```
+
+### API Integration
+
+```tsx
+const ApiCalendar = () => {
+  const handleEventAdd = async (event: CalendarEvent): Promise<boolean> => {
+    try {
+      const response = await fetch('/api/events', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(event)
+      });
+      
+      if (response.ok) {
+        const newEvent = await response.json();
+        setEvents(prev => [...prev, newEvent]);
+        return true;
+      }
+      
+      return false;
+    } catch (error) {
+      console.error('Error creating event:', error);
+      return false;
+    }
+  };
+
+  return (
+    <Calendar
+      events={events}
+      onEventAdd={handleEventAdd}
+      dialog={<EventDialog />} // REQUIRED for interactions
+    />
+  );
+};
+```
+
+## Development
+
+### Prerequisites
+
+- Node.js 16+
+- npm 8+
+
+### Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/calendar-dev/react-material-calendar.git
+cd react-material-calendar
+
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Run tests
+npm test
+
+# Run Storybook
+npm run storybook
+```
+
+### Testing
+
+```bash
+# Run Jest tests
+npm test
+
+# Run Cypress component tests
+npm run test:cypress
+
+# Run all tests with coverage
+npm run test:coverage
+```
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Support
+
+- 📖 [Documentation](https://github.com/calendar-dev/react-material-calendar#readme)
+- 🐛 [Report Bug](https://github.com/calendar-dev/react-material-calendar/issues)
+- 💡 [Request Feature](https://github.com/calendar-dev/react-material-calendar/issues)
+
+## Changelog
+
+### v1.0.0
+- Initial release
+- Month, Week, and Day views
+- Event management
+- Material-UI integration
+- TypeScript support
+- Comprehensive testing suite

package/dist/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { CalendarProps } from './types';
+
+export declare const Calendar: <TCustomData = Record<string, unknown>, _T = never>({ events, isLoading, onEventAdd, onEventEdit, onEventDelete, onDateRangeChange, headerActions, dialog, }: CalendarProps<TCustomData>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoDvC,eAAO,MAAM,QAAQ,GAAI,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,0GASzE,aAAa,CAAC,WAAW,CAAC,4CAW5B,CAAA"}

package/dist/CalendarHeader.d.ts

@@ -0,0 +1,2 @@
+export declare const CalendarHeader: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/dist/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../src/CalendarHeader.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,+CAgD1B,CAAA"}

package/dist/CalendarProvider.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { CalendarEvent, CalendarEventFormData, CalendarView, DateRange } from './types';
+
+interface CalendarContextType<TCustomData = Record<string, unknown>> {
+    currentDate: Date;
+    setCurrentDate: (date: Date | ((prev: Date) => Date)) => void;
+    view: CalendarView;
+    setView: (view: CalendarView) => void;
+    isEventDialogOpen: boolean;
+    setIsEventDialogOpen: (open: boolean) => void;
+    isEditing: boolean;
+    setIsEditing: (editing: boolean) => void;
+    selectedEvent: CalendarEvent<TCustomData> | null;
+    setSelectedEvent: (event: CalendarEvent<TCustomData> | null) => void;
+    eventForm: CalendarEventFormData<TCustomData>;
+    setEventForm: (form: CalendarEventFormData<TCustomData> | ((prev: CalendarEventFormData<TCustomData>) => CalendarEventFormData<TCustomData>)) => void;
+    events: Array<CalendarEvent<TCustomData>>;
+    isLoading?: boolean;
+    onEventAdd?: (event: CalendarEvent<TCustomData>) => Promise<boolean>;
+    onEventEdit?: (event: CalendarEvent<TCustomData>, previousEvent?: CalendarEvent<TCustomData>) => Promise<boolean>;
+    onEventDelete?: (eventId: string) => void;
+}
+interface CalendarProviderProps<TCustomData = Record<string, unknown>> {
+    children: ReactNode;
+    events?: Array<CalendarEvent<TCustomData>>;
+    isLoading?: boolean;
+    onEventAdd?: (event: CalendarEvent<TCustomData>) => Promise<boolean>;
+    onEventEdit?: (event: CalendarEvent<TCustomData>, previousEvent?: CalendarEvent<TCustomData>) => Promise<boolean>;
+    onEventDelete?: (eventId: string) => void;
+    onDateRangeChange?: (range: DateRange) => void;
+}
+export declare const CalendarProvider: <TCustomData = Record<string, unknown>>({ children, events, isLoading, onEventAdd, onEventEdit, onEventDelete, onDateRangeChange, }: CalendarProviderProps<TCustomData>) => import("react/jsx-runtime").JSX.Element;
+export declare const useCalendar: () => CalendarContextType<any>;
+export {};
+//# sourceMappingURL=CalendarProvider.d.ts.map

package/dist/CalendarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarProvider.d.ts","sourceRoot":"","sources":["../src/CalendarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAoD,MAAM,OAAO,CAAA;AAElG,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGvF,UAAU,mBAAmB,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,KAAK,IAAI,CAAA;IAC7D,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAGrC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;IAChD,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACpE,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC7C,YAAY,EAAE,CACZ,IAAI,EACA,qBAAqB,CAAC,WAAW,CAAC,GAClC,CAAC,CAAC,IAAI,EAAE,qBAAqB,CAAC,WAAW,CAAC,KAAK,qBAAqB,CAAC,WAAW,CAAC,CAAC,KACnF,IAAI,CAAA;IAGT,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IACzC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACjH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAID,UAAU,qBAAqB,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACjH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CAC/C;AAED,eAAO,MAAM,gBAAgB,GAAI,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAG,6FAQtE,qBAAqB,CAAC,WAAW,CAAC,4CA+DpC,CAAA;AAED,eAAO,MAAM,WAAW,gCAMvB,CAAA"}

package/dist/DayView.d.ts

@@ -0,0 +1,2 @@
+export declare const DayView: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DayView.d.ts.map

package/dist/DayView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayView.d.ts","sourceRoot":"","sources":["../src/DayView.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,+CA8GnB,CAAA"}

package/dist/MonthView.d.ts

@@ -0,0 +1,2 @@
+export declare const MonthView: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MonthView.d.ts.map

package/dist/MonthView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthView.d.ts","sourceRoot":"","sources":["../src/MonthView.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,+CA4HrB,CAAA"}

package/dist/TimeSelectionOverlay.d.ts

@@ -0,0 +1,14 @@
+interface TimeSelectionOverlayProps {
+    selection: {
+        startHour: number;
+        startMinute: number;
+        endHour: number;
+        endMinute: number;
+        isSelecting: boolean;
+    } | null;
+    hourHeight?: number;
+    currentHour?: number;
+}
+export declare const TimeSelectionOverlay: ({ selection, hourHeight, currentHour }: TimeSelectionOverlayProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TimeSelectionOverlay.d.ts.map

package/dist/TimeSelectionOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSelectionOverlay.d.ts","sourceRoot":"","sources":["../src/TimeSelectionOverlay.tsx"],"names":[],"mappings":"AAEA,UAAU,yBAAyB;IACjC,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,OAAO,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,oBAAoB,GAAI,wCAA6C,yBAAyB,mDAmH1G,CAAA"}

package/dist/WeekView.d.ts

@@ -0,0 +1,2 @@
+export declare const WeekView: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WeekView.d.ts.map

package/dist/WeekView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekView.d.ts","sourceRoot":"","sources":["../src/WeekView.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,+CA4GpB,CAAA"}

package/dist/__tests__/components/EventHandlersTestComponent.d.ts

@@ -0,0 +1,3 @@
+declare const EventHandlersTestComponent: () => import("react/jsx-runtime").JSX.Element;
+export default EventHandlersTestComponent;
+//# sourceMappingURL=EventHandlersTestComponent.d.ts.map

package/dist/__tests__/components/EventHandlersTestComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventHandlersTestComponent.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/EventHandlersTestComponent.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,0BAA0B,+CAmH/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/CurrentTimeLine.d.ts

@@ -0,0 +1,9 @@
+interface CurrentTimeLineProps {
+    hourHeight: number;
+    limitToDay?: boolean;
+    currentDayIndex?: number;
+    totalDays?: number;
+}
+export declare const CurrentTimeLine: ({ hourHeight, limitToDay, currentDayIndex, totalDays, }: CurrentTimeLineProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CurrentTimeLine.d.ts.map

package/dist/components/CurrentTimeLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentTimeLine.d.ts","sourceRoot":"","sources":["../../src/components/CurrentTimeLine.tsx"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,yDAK7B,oBAAoB,4CAgFtB,CAAA"}

package/dist/components/DayHeader.d.ts

@@ -0,0 +1,7 @@
+interface DayHeaderProps {
+    day: Date;
+    gridSize?: number;
+}
+export declare const DayHeader: ({ day, gridSize }: DayHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DayHeader.d.ts.map

package/dist/components/DayHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayHeader.d.ts","sourceRoot":"","sources":["../../src/components/DayHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,GAAG,EAAE,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,GAAI,mBAAuB,cAAc,4CA8B9D,CAAA"}

package/dist/components/EventCard.d.ts

@@ -0,0 +1,10 @@
+import { CalendarEvent } from '../types';
+
+interface EventCardProps {
+    event: CalendarEvent;
+    hourHeight: number;
+    onClick: (event: CalendarEvent) => void;
+}
+export declare const EventCard: ({ event, hourHeight, onClick }: EventCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EventCard.d.ts.map

package/dist/components/EventCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../src/components/EventCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CACxC;AAkBD,eAAO,MAAM,SAAS,GAAI,gCAAgC,cAAc,4CA0FvE,CAAA"}

package/dist/components/EventView.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface EventViewProps {
+    customFields?: ReactNode;
+}
+export declare const EventView: ({ customFields }: EventViewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=EventView.d.ts.map

package/dist/components/EventView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventView.d.ts","sourceRoot":"","sources":["../../src/components/EventView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,mDAuDzD,CAAA"}

package/dist/components/HourCell.d.ts

@@ -0,0 +1,18 @@
+import { TimeSelection } from '../hooks/useTimeSelection';
+import { CalendarEvent } from '../types';
+
+interface HourCellProps {
+    hour: number;
+    events: Array<CalendarEvent>;
+    hourHeight: number;
+    selection: TimeSelection | null;
+    date: string;
+    onMouseDown: (e: React.MouseEvent) => void;
+    onClick?: () => void;
+    onEventClick: (event: CalendarEvent) => void;
+    gridSize?: number;
+    showRightBorder?: boolean;
+}
+export declare const HourCell: ({ hour, events, hourHeight, selection, date, onMouseDown, onClick, onEventClick, gridSize, showRightBorder, }: HourCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HourCell.d.ts.map

package/dist/components/HourCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HourCell.d.ts","sourceRoot":"","sources":["../../src/components/HourCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,+GAWtB,aAAa,4CAoDf,CAAA"}

package/dist/components/HourLabel.d.ts

@@ -0,0 +1,8 @@
+interface HourLabelProps {
+    hour: number;
+    hourHeight?: number;
+    gridSize?: number;
+}
+export declare const HourLabel: ({ hour, hourHeight, gridSize }: HourLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HourLabel.d.ts.map

package/dist/components/HourLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HourLabel.d.ts","sourceRoot":"","sources":["../../src/components/HourLabel.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,GAAI,gCAAyC,cAAc,4CAmBhF,CAAA"}

package/dist/components/WeekHeader.d.ts

@@ -0,0 +1,6 @@
+interface WeekHeaderProps {
+    days: Array<Date>;
+}
+export declare const WeekHeader: ({ days }: WeekHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WeekHeader.d.ts.map

package/dist/components/WeekHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekHeader.d.ts","sourceRoot":"","sources":["../../src/components/WeekHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,GAAI,UAAU,eAAe,4CAsDnD,CAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export { CurrentTimeLine } from './CurrentTimeLine';
+export { DayHeader } from './DayHeader';
+export { EventCard } from './EventCard';
+export { EventView } from './EventView';
+export { HourCell } from './HourCell';
+export { HourLabel } from './HourLabel';
+export { WeekHeader } from './WeekHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}