@stfrigerio/sito-template 0.1.18 → 0.1.19

package/dist/index.js

@@ -1794,7 +1794,7 @@ const Tabs = ({ activeTab, onTabChange, tabs: customTabs, className = '' }) => {
         }) }));
 };
 
-var styles$7 = {"calendar":"Calendar-module_calendar__3mIJS","loading":"Calendar-module_loading__59Z9-","loadingSpinner":"Calendar-module_loadingSpinner__7MXqV","header":"Calendar-module_header__cZHNA","navigation":"Calendar-module_navigation__PGkpY","navButton":"Calendar-module_navButton__kOe-w","title":"Calendar-module_title__oJZ7m","controls":"Calendar-module_controls__i1Z38","todayButton":"Calendar-module_todayButton__Ac9zc","viewToggle":"Calendar-module_viewToggle__Fhg2t","viewButton":"Calendar-module_viewButton__J2WY6","active":"Calendar-module_active__lIqH-","weekDays":"Calendar-module_weekDays__4J-8f","weekNumberHeader":"Calendar-module_weekNumberHeader__xhKbB","weekDay":"Calendar-module_weekDay__cg8Gr","daysGrid":"Calendar-module_daysGrid__ER0GM","weekView":"Calendar-module_weekView__bdtGs","dayCell":"Calendar-module_dayCell__TV-HR","dayNumber":"Calendar-module_dayNumber__ICH-X","today":"Calendar-module_today__eGuUU","events":"Calendar-module_events__qdbs7","event":"Calendar-module_event__Q1Zq3","eventTitle":"Calendar-module_eventTitle__XU7Wd","eventTime":"Calendar-module_eventTime__pMGEB","otherMonth":"Calendar-module_otherMonth__r6VJK","weekNumber":"Calendar-module_weekNumber__nlo50","completed":"Calendar-module_completed__B-SHI","completedIcon":"Calendar-module_completedIcon__-oDZ9","moreEvents":"Calendar-module_moreEvents__TIKaT","emptyState":"Calendar-module_emptyState__2fcj7"};
+var styles$7 = {"calendar":"Calendar-module_calendar__3mIJS","loading":"Calendar-module_loading__59Z9-","loadingSpinner":"Calendar-module_loadingSpinner__7MXqV","header":"Calendar-module_header__cZHNA","navigation":"Calendar-module_navigation__PGkpY","navButton":"Calendar-module_navButton__kOe-w","title":"Calendar-module_title__oJZ7m","controls":"Calendar-module_controls__i1Z38","todayButton":"Calendar-module_todayButton__Ac9zc","viewToggle":"Calendar-module_viewToggle__Fhg2t","viewButton":"Calendar-module_viewButton__J2WY6","active":"Calendar-module_active__lIqH-","weekDays":"Calendar-module_weekDays__4J-8f","weekNumberHeader":"Calendar-module_weekNumberHeader__xhKbB","weekDay":"Calendar-module_weekDay__cg8Gr","daysGrid":"Calendar-module_daysGrid__ER0GM","weekView":"Calendar-module_weekView__bdtGs","dayCell":"Calendar-module_dayCell__TV-HR","dayNumber":"Calendar-module_dayNumber__ICH-X","today":"Calendar-module_today__eGuUU","events":"Calendar-module_events__qdbs7","event":"Calendar-module_event__Q1Zq3","eventTitle":"Calendar-module_eventTitle__XU7Wd","eventTime":"Calendar-module_eventTime__pMGEB","otherMonth":"Calendar-module_otherMonth__r6VJK","weekNumber":"Calendar-module_weekNumber__nlo50","completed":"Calendar-module_completed__B-SHI","completedIcon":"Calendar-module_completedIcon__-oDZ9","moreEvents":"Calendar-module_moreEvents__TIKaT","emptyState":"Calendar-module_emptyState__2fcj7","dayView":"Calendar-module_dayView__PCIos","dayViewHeader":"Calendar-module_dayViewHeader__Gvxx2","timeColumnHeader":"Calendar-module_timeColumnHeader__B0btR","dayColumnHeader":"Calendar-module_dayColumnHeader__Rjqwg","dayViewScrollContainer":"Calendar-module_dayViewScrollContainer__84Byq","dayViewContent":"Calendar-module_dayViewContent__VU9JI","timeColumn":"Calendar-module_timeColumn__Sce-X","dayColumn":"Calendar-module_dayColumn__-j2oT","timeSlot":"Calendar-module_timeSlot__jldHq","timeLabel":"Calendar-module_timeLabel__9xLiK","hourSlot":"Calendar-module_hourSlot__z-80Q","hourLine":"Calendar-module_hourLine__fofdD","dayEvent":"Calendar-module_dayEvent__tSPFa","dayEventTitle":"Calendar-module_dayEventTitle__er03k","dayEventTime":"Calendar-module_dayEventTime__TlkeQ","currentTimeIndicator":"Calendar-module_currentTimeIndicator__GntOZ"};
 
 /**
  * Calendar component - A flexible, reusable calendar for displaying events
@@ -1853,6 +1853,18 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
             const weekEnd = endDate.toLocaleDateString(locale, { day: 'numeric', month: 'short' });
             displayTitle = `${weekStart} - ${weekEnd}`;
         }
+        else if (currentViewMode === 'day') {
+            startDate = new Date(currentDate);
+            startDate.setHours(0, 0, 0, 0);
+            endDate = new Date(currentDate);
+            endDate.setHours(23, 59, 59, 999);
+            displayTitle = currentDate.toLocaleDateString(locale, {
+                weekday: 'long',
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+            });
+        }
         else {
             const firstDay = new Date(year, month, 1);
             const lastDay = new Date(year, month + 1, 0);
@@ -1905,6 +1917,9 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
         if (currentViewMode === 'week') {
             newDate.setDate(newDate.getDate() - 7);
         }
+        else if (currentViewMode === 'day') {
+            newDate.setDate(newDate.getDate() - 1);
+        }
         else {
             newDate.setMonth(newDate.getMonth() - 1);
         }
@@ -1915,6 +1930,9 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
         if (currentViewMode === 'week') {
             newDate.setDate(newDate.getDate() + 7);
         }
+        else if (currentViewMode === 'day') {
+            newDate.setDate(newDate.getDate() + 1);
+        }
         else {
             newDate.setMonth(newDate.getMonth() + 1);
         }
@@ -1965,7 +1983,43 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
     if (loading) {
         return (jsxRuntime.jsx("div", { className: `${styles$7.calendar} ${styles$7.loading} ${className}`, style: style, children: jsxRuntime.jsx("div", { className: styles$7.loadingSpinner, children: "Loading..." }) }));
     }
-    return (jsxRuntime.jsxs("div", { className: `${styles$7.calendar} ${className}`, style: style, children: [jsxRuntime.jsxs("div", { className: styles$7.header, children: [jsxRuntime.jsxs("div", { className: styles$7.navigation, children: [jsxRuntime.jsx("button", { onClick: handlePrevious, className: styles$7.navButton, "aria-label": "Previous", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "15,18 9,12 15,6" }) }) }), jsxRuntime.jsx("h3", { className: styles$7.title, children: calendarData.displayTitle }), jsxRuntime.jsx("button", { onClick: handleNext, className: styles$7.navButton, "aria-label": "Next", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "9,6 15,12 9,18" }) }) })] }), jsxRuntime.jsxs("div", { className: styles$7.controls, children: [jsxRuntime.jsx("button", { onClick: handleToday, className: styles$7.todayButton, children: "Today" }), jsxRuntime.jsxs("div", { className: styles$7.viewToggle, children: [jsxRuntime.jsx("button", { className: `${styles$7.viewButton} ${currentViewMode === 'month' ? styles$7.active : ''}`, onClick: () => setCurrentViewMode('month'), children: "Month" }), jsxRuntime.jsx("button", { className: `${styles$7.viewButton} ${currentViewMode === 'week' ? styles$7.active : ''}`, onClick: () => setCurrentViewMode('week'), children: "Week" })] })] })] }), jsxRuntime.jsxs("div", { className: styles$7.weekDays, children: [showWeekNumbers && jsxRuntime.jsx("div", { className: styles$7.weekNumberHeader, children: "Week" }), finalDayLabels.map((day) => (jsxRuntime.jsx("div", { className: styles$7.weekDay, children: day }, day)))] }), jsxRuntime.jsx("div", { className: `${styles$7.daysGrid} ${currentViewMode === 'week' ? styles$7.weekView : ''}`, children: calendarData.days.map((day, index) => {
+    return (jsxRuntime.jsxs("div", { className: `${styles$7.calendar} ${className}`, style: style, children: [jsxRuntime.jsxs("div", { className: styles$7.header, children: [jsxRuntime.jsxs("div", { className: styles$7.navigation, children: [jsxRuntime.jsx("button", { onClick: handlePrevious, className: styles$7.navButton, "aria-label": "Previous", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "15,18 9,12 15,6" }) }) }), jsxRuntime.jsx("h3", { className: styles$7.title, children: calendarData.displayTitle }), jsxRuntime.jsx("button", { onClick: handleNext, className: styles$7.navButton, "aria-label": "Next", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "9,6 15,12 9,18" }) }) })] }), jsxRuntime.jsxs("div", { className: styles$7.controls, children: [jsxRuntime.jsx("button", { onClick: handleToday, className: styles$7.todayButton, children: "Today" }), jsxRuntime.jsxs("div", { className: styles$7.viewToggle, children: [jsxRuntime.jsx("button", { className: `${styles$7.viewButton} ${currentViewMode === 'month' ? styles$7.active : ''}`, onClick: () => setCurrentViewMode('month'), children: "Month" }), jsxRuntime.jsx("button", { className: `${styles$7.viewButton} ${currentViewMode === 'week' ? styles$7.active : ''}`, onClick: () => setCurrentViewMode('week'), children: "Week" }), jsxRuntime.jsx("button", { className: `${styles$7.viewButton} ${currentViewMode === 'day' ? styles$7.active : ''}`, onClick: () => setCurrentViewMode('day'), children: "Day" })] })] })] }), currentViewMode !== 'day' && (jsxRuntime.jsxs("div", { className: styles$7.weekDays, children: [showWeekNumbers && jsxRuntime.jsx("div", { className: styles$7.weekNumberHeader, children: "Week" }), finalDayLabels.map((day) => (jsxRuntime.jsx("div", { className: styles$7.weekDay, children: day }, day)))] })), currentViewMode === 'day' ? (
+            // Day view layout
+            jsxRuntime.jsxs("div", { className: styles$7.dayView, children: [jsxRuntime.jsxs("div", { className: styles$7.dayViewHeader, children: [jsxRuntime.jsx("div", { className: styles$7.timeColumnHeader }), jsxRuntime.jsx("div", { className: styles$7.dayColumnHeader, children: currentDate.toLocaleDateString(locale, { weekday: 'short', day: 'numeric' }) })] }), jsxRuntime.jsx("div", { className: styles$7.dayViewScrollContainer, children: jsxRuntime.jsxs("div", { className: styles$7.dayViewContent, children: [(() => {
+                                    const now = new Date();
+                                    const currentHour = now.getHours();
+                                    const currentMinute = now.getMinutes();
+                                    const minutesSinceMidnight = currentHour * 60 + currentMinute;
+                                    const topPosition = (minutesSinceMidnight / 1440) * (24 * 60); // 24 hours * 60px per hour
+                                    // Only show if viewing today
+                                    const isToday = currentDate.toDateString() === now.toDateString();
+                                    return isToday ? (jsxRuntime.jsx("div", { className: styles$7.currentTimeIndicator, style: { top: `${topPosition}px` } })) : null;
+                                })(), jsxRuntime.jsx("div", { className: styles$7.timeColumn, children: Array.from({ length: 24 }, (_, hour) => (jsxRuntime.jsx("div", { className: styles$7.timeSlot, children: jsxRuntime.jsxs("span", { className: styles$7.timeLabel, children: [hour.toString().padStart(2, '0'), ":00"] }) }, hour))) }), jsxRuntime.jsx("div", { className: styles$7.dayColumn, children: Array.from({ length: 24 }, (_, hour) => {
+                                        const hourEvents = getDayEvents(currentDate).filter(event => {
+                                            if (!event.time)
+                                                return false;
+                                            const eventHour = parseInt(event.time.split(':')[0]);
+                                            return eventHour === hour;
+                                        });
+                                        return (jsxRuntime.jsxs("div", { className: styles$7.hourSlot, children: [jsxRuntime.jsx("div", { className: styles$7.hourLine }), hourEvents.map((event, eventIndex) => (jsxRuntime.jsxs(framerMotion.motion.div, { className: `${styles$7.dayEvent} ${event.status === 'completed' ? styles$7.completed : ''}`, style: {
+                                                        backgroundColor: getEventColor(event),
+                                                        opacity: event.status === 'completed' ? 0.7 : 1
+                                                    }, onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        handleEventClick(event);
+                                                    }, initial: { opacity: 0, x: -10 }, animate: { opacity: 1, x: 0 }, transition: {
+                                                        duration: 0.2,
+                                                        delay: eventIndex * 0.05,
+                                                        ease: "easeOut"
+                                                    }, whileHover: {
+                                                        scale: 1.02,
+                                                        y: -1,
+                                                        transition: { duration: 0.1 }
+                                                    }, whileTap: {
+                                                        scale: 0.98,
+                                                        transition: { duration: 0.1 }
+                                                    }, children: [iconRenderer && iconRenderer(event), jsxRuntime.jsxs("span", { className: styles$7.dayEventTitle, children: [jsxRuntime.jsx("span", { className: styles$7.dayEventTime, children: event.time }), event.title] }), event.status === 'completed' && (jsxRuntime.jsx("svg", { className: styles$7.completedIcon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "20,6 9,17 4,12" }) }))] }, event.id)))] }, hour));
+                                    }) })] }) })] })) : (jsxRuntime.jsx("div", { className: `${styles$7.daysGrid} ${currentViewMode === 'week' ? styles$7.weekView : ''}`, children: calendarData.days.map((day, index) => {
                     const dayEvents = getDayEvents(day);
                     const dayIsToday = isToday(day);
                     const isInCurrentMonth = currentViewMode === 'week' || isCurrentMonth(day);
@@ -1992,7 +2046,7 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
                                             scale: 0.98,
                                             transition: { duration: 0.1 }
                                         }, children: [iconRenderer && iconRenderer(event), jsxRuntime.jsxs("span", { className: styles$7.eventTitle, children: [event.time && (jsxRuntime.jsx("span", { className: styles$7.eventTime, children: event.time })), event.title] }), event.status === 'completed' && (jsxRuntime.jsx("svg", { className: styles$7.completedIcon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsxRuntime.jsx("polyline", { points: "20,6 9,17 4,12" }) }))] }, event.id))), dayEvents.length > maxEventsPerDay && (jsxRuntime.jsxs("div", { className: styles$7.moreEvents, children: ["+", dayEvents.length - maxEventsPerDay, " more"] }))] })), dayEvents.length === 0 && emptyState && (jsxRuntime.jsx("div", { className: styles$7.emptyState, children: emptyState }))] }, `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`));
-                }) })] }));
+                }) }))] }));
 }
 
 var desktopStyles = {"navbar":"Navbar-module_navbar__-SNiN","navbarSidebar":"Navbar-module_navbarSidebar__RVVL8","navbarTop":"Navbar-module_navbarTop__MLI-S","navList":"Navbar-module_navList__764oY","navItem":"Navbar-module_navItem__cbeLP","navbarMinimal":"Navbar-module_navbarMinimal__7gs0n","navLogo":"Navbar-module_navLogo__y0AxI","logoContainer":"Navbar-module_logoContainer__zJG3x","logoImage":"Navbar-module_logoImage__1Ptmz","logoPlaceholder":"Navbar-module_logoPlaceholder__aIREi","logoContent":"Navbar-module_logoContent__CjPyL","logoText":"Navbar-module_logoText__bTwI0","logoSubtitle":"Navbar-module_logoSubtitle__UA95I","subNavItem":"Navbar-module_subNavItem__WN9is","navLink":"Navbar-module_navLink__I-45k","active":"Navbar-module_active__tLLqx","activeBackground":"Navbar-module_activeBackground__ikyOn","navIcon":"Navbar-module_navIcon__uU4yD","activeIcon":"Navbar-module_activeIcon__omRDk","navText":"Navbar-module_navText__4e0cK","activeText":"Navbar-module_activeText__zSzJC","navBadge":"Navbar-module_navBadge__mLur9","chevron":"Navbar-module_chevron__nmRNk","subNavList":"Navbar-module_subNavList__YsOQP","navFooter":"Navbar-module_navFooter__p1wMO","mobileMenuButton":"Navbar-module_mobileMenuButton__BrALw","mobileBackdrop":"Navbar-module_mobileBackdrop__bgxCV","mobileMenuOpen":"Navbar-module_mobileMenuOpen__oICVa"};