@stfrigerio/sito-template 0.1.58 → 0.1.59

package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts

@@ -10,15 +10,12 @@ declare const meta: {
             };
         };
     };
-    tags: string[];
     argTypes: {
         images: {
             control: "object";
-            description: string;
         };
         autoPlay: {
             control: "boolean";
-            description: string;
         };
         autoPlayInterval: {
             control: {
@@ -27,62 +24,48 @@ declare const meta: {
                 max: number;
                 step: number;
             };
-            description: string;
         };
         showThumbnails: {
             control: "boolean";
-            description: string;
         };
         showControls: {
             control: "boolean";
-            description: string;
         };
         showIndicators: {
             control: "boolean";
-            description: string;
         };
         showCaptions: {
             control: "boolean";
-            description: string;
         };
         loop: {
             control: "boolean";
-            description: string;
         };
         fadeTransition: {
             control: "boolean";
-            description: string;
         };
         enableFullscreen: {
             control: "boolean";
-            description: string;
         };
         enableDownload: {
             control: "boolean";
-            description: string;
         };
         enableShare: {
             control: "boolean";
-            description: string;
         };
         enableDragReorder: {
             control: "boolean";
-            description: string;
         };
         lazyLoading: {
             control: "boolean";
-            description: string;
         };
         preloadAdjacent: {
             control: "boolean";
-            description: string;
         };
         initialIndex: {
             control: {
                 type: "number";
                 min: number;
             };
-            description: string;
         };
         onImageChange: {
             action: string;
@@ -101,13 +84,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const FullFeatured: Story;
 export declare const AutoPlay: Story;
-export declare const MinimalControls: Story;
-export declare const FadeTransition: Story;
-export declare const ProductShowcase: Story;
-export declare const InteractiveDemo: Story;
-export declare const ResponsiveGallery: Story;
 export declare const DragToReorder: Story;
 export declare const ComponentStates: Story;
 //# sourceMappingURL=ImageSlideshow.stories.d.ts.map

package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageSlideshow.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ImageSlideshow/ImageSlideshow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkF6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiGnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwG7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAsC/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmF3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8D7B,CAAC"}
+{"version":3,"file":"ImageSlideshow.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ImageSlideshow/ImageSlideshow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8CnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAC"}

package/dist/components/organisms/Navbar/Navbar.d.ts

@@ -26,6 +26,7 @@ export interface NavbarProps {
     footer?: React.ReactNode;
     className?: string;
     soundConfig?: ComponentSoundConfig;
+    colorfulIcons?: boolean;
 }
 export declare const Navbar: React.FC<NavbarProps>;
 //# sourceMappingURL=Navbar.d.ts.map

package/dist/components/organisms/Navbar/Navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE;QACH,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2VxC,CAAC"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE;QACH,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgWxC,CAAC"}

package/dist/components/organisms/Navbar/Navbar.stories.d.ts

@@ -4,14 +4,8 @@ declare const meta: Meta<typeof Navbar>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const SidebarDefault: Story;
-export declare const SidebarWithImage: Story;
 export declare const TopNavigation: Story;
 export declare const MinimalNavigation: Story;
-export declare const MobileBottomNav: Story;
-export declare const MobileWithSounds: Story;
-export declare const ECommerceNav: Story;
 export declare const DashboardNav: Story;
-export declare const WithCustomFooter: Story;
-export declare const InteractiveExample: Story;
-export declare const WithSounds: Story;
+export declare const MobileWithSounds: Story;
 //# sourceMappingURL=Navbar.stories.d.ts.map

package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Navbar/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAe7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8CnC,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8F1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}
+{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Navbar/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoBnC,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAmD1B,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC"}

package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts

@@ -3,10 +3,7 @@ import { BooleansHeatmap } from './BooleansHeatmap';
 declare const meta: Meta<typeof BooleansHeatmap>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const DailyExercise: Story;
-export declare const Meditation: Story;
-export declare const Reading: Story;
-export declare const WaterIntake: Story;
+export declare const Default: Story;
 export declare const YearlyOverview: Story;
 export declare const SparseData: Story;
 //# sourceMappingURL=BooleansHeatmap.stories.d.ts.map

package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleansHeatmap.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAoBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC"}
+{"version":3,"file":"BooleansHeatmap.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAgBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC"}

package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts

@@ -3,11 +3,7 @@ import { PieChart } from './PieChart';
 declare const meta: Meta<typeof PieChart>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const SimpleDistribution: Story;
-export declare const ProjectTimeBreakdown: Story;
-export declare const QuarterlyRevenue: Story;
-export declare const MarketShare: Story;
-export declare const ExpenseCategories: Story;
+export declare const Default: Story;
 export declare const TwoCategories: Story;
 export declare const ManyCategories: Story;
 //# sourceMappingURL=PieChart.stories.d.ts.map

package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/charts/PieChart/PieChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgB/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC"}
+{"version":3,"file":"PieChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/charts/PieChart/PieChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC"}

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useMotionValue, useTransform, animate, LayoutGroup } from 'framer-motion';
-import React, { useRef, useEffect, useCallback, useState, createContext, useContext, useMemo, memo } from 'react';
+import React, { useRef, useEffect, useCallback, useState, createContext, useContext, useMemo, Fragment as Fragment$1, memo } from 'react';
 import { createPortal } from 'react-dom';
 import { X, Calendar as Calendar$1, ChevronDown, Search, Check, Edit, Folder, Users, Book, MessageSquare, UserPlus, Clock, Sun, Moon, Info, Github, SquareKanban, ChevronRight, Plus, Trash2, GripVertical, Pencil, Menu, ChevronLeft, Maximize, Download, Share2, Pause, Play } from 'lucide-react';
 import * as d3 from 'd3';
@@ -2954,7 +2954,7 @@ const LiquidButton = ({ actions, icon: Icon = Plus, className = '', }) => {
                                 }, onClick: () => handleAction(action), children: [jsx(action.icon, { size: 18, color: action.color }), jsx("span", { className: styles$b.actionLabel, children: action.label })] }, action.key))) })) }), jsx(motion.button, { type: "button", className: styles$b.button, onClick: handleToggle, animate: { rotate: expanded ? 45 : 0 }, transition: { duration: 0.2 }, "aria-label": expanded ? 'Close actions' : 'Open actions', children: jsx(Icon, { size: 24, strokeWidth: 2.5 }) })] })] }));
 };
 
-var styles$a = {"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-","filterBar":"Calendar-module_filterBar__ZD-lX","filterPill":"Calendar-module_filterPill__f7S8p","filterPillActive":"Calendar-module_filterPillActive__9Wtm9","filterDot":"Calendar-module_filterDot__E1Hp8","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","selected":"Calendar-module_selected__5e6h0","compact":"Calendar-module_compact__i0SF3","dots":"Calendar-module_dots__1Q7QR","dot":"Calendar-module_dot__tsCR1","dotMore":"Calendar-module_dotMore__emasD","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","allDayStrip":"Calendar-module_allDayStrip__VOqbV","allDayLabel":"Calendar-module_allDayLabel__2AmyT","allDayList":"Calendar-module_allDayList__6hFSb","dayViewScrollContainer":"Calendar-module_dayViewScrollContainer__84Byq","dayTimelineGrid":"Calendar-module_dayTimelineGrid__r1BNI","hourRow":"Calendar-module_hourRow__U-YN-","hourLabel":"Calendar-module_hourLabel__im84k","hourSlots":"Calendar-module_hourSlots__vbtYy","halfHourSlot":"Calendar-module_halfHourSlot__UWIri","halfHourSlotBottom":"Calendar-module_halfHourSlotBottom__aE5Mo","dayEventAnchor":"Calendar-module_dayEventAnchor__oryAi","currentTimeIndicator":"Calendar-module_currentTimeIndicator__GntOZ"};
+var styles$a = {"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-","filterBar":"Calendar-module_filterBar__ZD-lX","filterPill":"Calendar-module_filterPill__f7S8p","filterPillActive":"Calendar-module_filterPillActive__9Wtm9","filterDot":"Calendar-module_filterDot__E1Hp8","weekDays":"Calendar-module_weekDays__4J-8f","withWeekNumbers":"Calendar-module_withWeekNumbers__qbnUY","weekNumberHeader":"Calendar-module_weekNumberHeader__xhKbB","weekDay":"Calendar-module_weekDay__cg8Gr","daysGrid":"Calendar-module_daysGrid__ER0GM","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","selected":"Calendar-module_selected__5e6h0","compact":"Calendar-module_compact__i0SF3","dots":"Calendar-module_dots__1Q7QR","dot":"Calendar-module_dot__tsCR1","dotMore":"Calendar-module_dotMore__emasD","weekNumberCell":"Calendar-module_weekNumberCell__bydCw","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","allDayStrip":"Calendar-module_allDayStrip__VOqbV","allDayLabel":"Calendar-module_allDayLabel__2AmyT","allDayList":"Calendar-module_allDayList__6hFSb","dayViewScrollContainer":"Calendar-module_dayViewScrollContainer__84Byq","dayTimelineGrid":"Calendar-module_dayTimelineGrid__r1BNI","hourRow":"Calendar-module_hourRow__U-YN-","hourLabel":"Calendar-module_hourLabel__im84k","hourSlots":"Calendar-module_hourSlots__vbtYy","halfHourSlot":"Calendar-module_halfHourSlot__UWIri","halfHourSlotBottom":"Calendar-module_halfHourSlotBottom__aE5Mo","dayEventAnchor":"Calendar-module_dayEventAnchor__oryAi","weekTimeline":"Calendar-module_weekTimeline__q75EF","weekTimelineHeader":"Calendar-module_weekTimelineHeader__n5i06","weekDayColumnHeader":"Calendar-module_weekDayColumnHeader__u2ghX","weekDayLabel":"Calendar-module_weekDayLabel__i8Rm9","weekDayNumber":"Calendar-module_weekDayNumber__tqFKO","weekTimelineScroll":"Calendar-module_weekTimelineScroll__jesa0","weekTimelineGrid":"Calendar-module_weekTimelineGrid__MxIHF","weekTimeColumn":"Calendar-module_weekTimeColumn__rK4ZV","weekTimeSlot":"Calendar-module_weekTimeSlot__IFPUz","weekHourLabel":"Calendar-module_weekHourLabel__0ANmg","weekDayColumns":"Calendar-module_weekDayColumns__soiyU","weekDayColumn":"Calendar-module_weekDayColumn__sXVu0","weekHourRow":"Calendar-module_weekHourRow__FHcB2","weekEventAnchor":"Calendar-module_weekEventAnchor__nhG4x","currentTimeIndicator":"Calendar-module_currentTimeIndicator__GntOZ"};
 
 var styles$9 = {"wrapper":"DayEventCard-module_wrapper__qvRgl","deleteUnderlay":"DayEventCard-module_deleteUnderlay__fTtuX","card":"DayEventCard-module_card__V9xTi","dragging":"DayEventCard-module_dragging__q19ID","completed":"DayEventCard-module_completed__tq8ol","text":"DayEventCard-module_text__3dWF7","grip":"DayEventCard-module_grip__tmim4","checkIcon":"DayEventCard-module_checkIcon__Ki67j","time":"DayEventCard-module_time__Ojdye","editButton":"DayEventCard-module_editButton__nDi-e"};
 
@@ -2989,20 +2989,21 @@ const DayEventCard = ({ event, color, textColor, onComplete, onEdit, onDelete, o
             return;
         e.stopPropagation();
         e.preventDefault();
-        dragStart.current = { y: e.clientY, pointerId: e.pointerId };
+        dragStart.current = { x: e.clientX, y: e.clientY, pointerId: e.pointerId };
         e.currentTarget.setPointerCapture(e.pointerId);
         setVerticalDragging(true);
     };
     const handleGripPointerMove = (e) => {
         if (!dragStart.current)
             return;
-        const dy = e.clientY - dragStart.current.y;
-        y.set(dy);
+        x.set(e.clientX - dragStart.current.x);
+        y.set(e.clientY - dragStart.current.y);
     };
     const handleGripPointerUp = (e) => {
         if (!dragStart.current)
             return;
         const clientY = e.clientY;
+        const clientX = e.clientX;
         try {
             e.currentTarget.releasePointerCapture(dragStart.current.pointerId);
         }
@@ -3012,7 +3013,8 @@ const DayEventCard = ({ event, color, textColor, onComplete, onEdit, onDelete, o
         dragStart.current = null;
         setVerticalDragging(false);
         animate(y, 0, { type: 'spring', stiffness: 400, damping: 30 });
-        onDragEnd?.(clientY);
+        animate(x, 0, { type: 'spring', stiffness: 400, damping: 30 });
+        onDragEnd?.(clientY, clientX);
     };
     const canSwipe = !!onDelete;
     const showGrip = draggable && !!onDragEnd;
@@ -3065,6 +3067,7 @@ function Calendar({ events, onEventClick, onDateClick, onEventClickByView, onDat
         onCategoryChange?.(id);
     };
     const dayViewScrollRef = useRef(null);
+    const weekViewScrollRef = useRef(null);
     const { eventColors = {}, iconRenderer, maxEventsPerDay = 3, mondayStart = false, showWeekNumbers = false, dateFormat = { month: 'long', year: 'numeric' }, locale = 'en-US', dayLabels, monthNames, startHour = 0, endHour = 24, hourHeight = 60, halfHourSlots = false, categories } = config;
     const filteredEvents = useMemo(() => {
         if (!categories || categories.length === 0 || activeCategoryId === null)
@@ -3075,24 +3078,8 @@ function Calendar({ events, onEventClick, onDateClick, onEventClickByView, onDat
         ? ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
         : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
     const finalDayLabels = dayLabels || defaultDayLabels;
-    // Auto-scroll to current time in day view (respects startHour/hourHeight config)
-    const dayViewHourHeight = config?.hourHeight ?? 60;
-    const dayViewStartHour = config?.startHour ?? 0;
-    useEffect(() => {
-        if (currentViewMode === 'day' && dayViewScrollRef.current) {
-            const now = new Date();
-            const isToday = currentDate.toDateString() === now.toDateString();
-            if (isToday) {
-                const minutesFromStart = (now.getHours() - dayViewStartHour) * 60 + now.getMinutes();
-                const scrollPosition = (minutesFromStart / 60) * dayViewHourHeight - 100;
-                setTimeout(() => {
-                    if (dayViewScrollRef.current) {
-                        dayViewScrollRef.current.scrollTop = Math.max(0, scrollPosition);
-                    }
-                }, 0);
-            }
-        }
-    }, [currentViewMode, currentDate, dayViewStartHour, dayViewHourHeight]);
+    const timelineHourHeight = config?.hourHeight ?? 60;
+    const timelineStartHour = config?.startHour ?? 0;
     const calendarData = useMemo(() => {
         const year = currentDate.getFullYear();
         const month = currentDate.getMonth();
@@ -3153,6 +3140,26 @@ function Calendar({ events, onEventClick, onDateClick, onEventClickByView, onDat
         }
         return { days, displayTitle };
     }, [currentDate, currentViewMode, mondayStart, locale, dateFormat, monthNames]);
+    // Auto-scroll to current time in day/week views
+    useEffect(() => {
+        const targetRef = currentViewMode === 'day' ? dayViewScrollRef :
+            currentViewMode === 'week' ? weekViewScrollRef :
+                null;
+        if (!targetRef?.current)
+            return;
+        const now = new Date();
+        const isTodayOnScreen = currentViewMode === 'day'
+            ? currentDate.toDateString() === now.toDateString()
+            : calendarData.days.some(d => d.toDateString() === now.toDateString());
+        if (!isTodayOnScreen)
+            return;
+        const minutesFromStart = (now.getHours() - timelineStartHour) * 60 + now.getMinutes();
+        const scrollPosition = Math.max(0, (minutesFromStart / 60) * timelineHourHeight - 100);
+        setTimeout(() => {
+            if (targetRef.current)
+                targetRef.current.scrollTop = scrollPosition;
+        }, 0);
+    }, [currentViewMode, currentDate, timelineStartHour, timelineHourHeight, calendarData]);
     const getDayEvents = (day) => {
         const dayEvents = filteredEvents.filter(event => {
             const eventDate = new Date(event.date);
@@ -3273,7 +3280,7 @@ function Calendar({ events, onEventClick, onDateClick, onEventClickByView, onDat
     return (jsxs("div", { className: `${styles$a.calendar} ${compact ? styles$a.compact : ''} ${className}`, style: style, children: [!hideHeader && (jsxs("div", { className: styles$a.header, children: [jsxs("div", { className: styles$a.navigation, children: [jsx("button", { onClick: handlePrevious, className: styles$a.navButton, "aria-label": "Previous", children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsx("polyline", { points: "15,18 9,12 15,6" }) }) }), jsx("h3", { className: styles$a.title, children: calendarData.displayTitle }), jsx("button", { onClick: handleNext, className: styles$a.navButton, "aria-label": "Next", children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsx("polyline", { points: "9,6 15,12 9,18" }) }) })] }), categories && categories.length > 0 && (jsxs("div", { className: styles$a.filterBar, role: "tablist", "aria-label": "Filter by category", children: [jsx("button", { type: "button", role: "tab", "aria-selected": activeCategoryId === null, className: `${styles$a.filterPill} ${activeCategoryId === null ? styles$a.filterPillActive : ''}`, onClick: () => handleCategoryPick(null), children: "All" }), categories.map(cat => {
                                 const active = activeCategoryId === cat.id;
                                 return (jsxs("button", { type: "button", role: "tab", "aria-selected": active, className: `${styles$a.filterPill} ${active ? styles$a.filterPillActive : ''}`, style: active ? { background: cat.color, borderColor: cat.color, color: '#ffffff' } : undefined, onClick: () => handleCategoryPick(cat.id), children: [!active && (jsx("span", { className: styles$a.filterDot, style: { background: cat.color } })), cat.label] }, cat.id));
-                            })] })), jsxs("div", { className: styles$a.controls, children: [jsx("button", { onClick: handleToday, className: styles$a.todayButton, children: "Today" }), jsxs("div", { className: styles$a.viewToggle, children: [jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'month' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('month'), children: "Month" }), jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'week' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('week'), children: "Week" }), jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'day' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('day'), children: "Day" })] })] })] })), currentViewMode !== 'day' && (jsxs("div", { className: styles$a.weekDays, children: [showWeekNumbers && jsx("div", { className: styles$a.weekNumberHeader, children: "Week" }), finalDayLabels.map((day) => (jsx("div", { className: styles$a.weekDay, children: day }, day)))] })), currentViewMode === 'day' ? (
+                            })] })), jsxs("div", { className: styles$a.controls, children: [jsx("button", { onClick: handleToday, className: styles$a.todayButton, children: "Today" }), jsxs("div", { className: styles$a.viewToggle, children: [jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'month' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('month'), children: "Month" }), jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'week' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('week'), children: "Week" }), jsx("button", { className: `${styles$a.viewButton} ${currentViewMode === 'day' ? styles$a.active : ''}`, onClick: () => setCurrentViewMode('day'), children: "Day" })] })] })] })), currentViewMode === 'month' && (jsxs("div", { className: `${styles$a.weekDays} ${showWeekNumbers ? styles$a.withWeekNumbers : ''}`, children: [showWeekNumbers && jsx("div", { className: styles$a.weekNumberHeader, children: "Wk" }), finalDayLabels.map((day) => (jsx("div", { className: styles$a.weekDay, children: day }, day)))] })), currentViewMode === 'day' ? (
             // Day view layout — positioned events with duration, all-day strip, now-line
             (() => {
                 const dayEvents = getDayEvents(currentDate);
@@ -3329,42 +3336,106 @@ function Calendar({ events, onEventClick, onDateClick, onEventClickByView, onDat
                                         const height = Math.max(24, (duration / 60) * hourHeight - 2);
                                         return (jsx("div", { className: styles$a.dayEventAnchor, style: { top, height }, onClick: (e) => e.stopPropagation(), children: jsx(DayEventCard, { event: event, color: getEventColor(event), textColor: getEventTextColor(event), onComplete: onEventComplete ?? (onEventClick ? handleEventClick : undefined), onEdit: onEventEdit, onDelete: onEventDelete, onDragEnd: onEventDrop ? (clientY) => handleEventDragEnd(event, clientY) : undefined }) }, event.id));
                                     }), showNow && (jsx("div", { className: styles$a.currentTimeIndicator, style: { top: `${nowOffset}px` } }))] }) })] }));
+            })()) : currentViewMode === 'week' ? (
+            // Week view layout — 7 side-by-side day timelines. Drag events across
+            // columns to reschedule to a different day + hour in one gesture.
+            (() => {
+                const days = calendarData.days;
+                const hours = Array.from({ length: endHour - startHour }, (_, i) => startHour + i);
+                const timelineHeight = hours.length * hourHeight;
+                const now = new Date();
+                const todayIdx = days.findIndex(d => d.toDateString() === now.toDateString());
+                const nowMinutesFromStart = (now.getHours() - startHour) * 60 + now.getMinutes();
+                const nowOffset = (nowMinutesFromStart / 60) * hourHeight;
+                const showNow = todayIdx >= 0 && nowOffset >= 0 && nowOffset <= timelineHeight;
+                const eventMinutes = (time) => {
+                    const [h, m] = time.split(':').map(Number);
+                    return h * 60 + m;
+                };
+                const eventDuration = (event) => {
+                    if (!event.time || !event.endTime)
+                        return 30;
+                    const d = eventMinutes(event.endTime) - eventMinutes(event.time);
+                    return d > 0 ? d : 30;
+                };
+                const handleWeekSlotClick = (day, hour, minute) => {
+                    if (!onTimeSlotClick)
+                        return;
+                    const slotDate = new Date(day);
+                    slotDate.setHours(hour, minute, 0, 0);
+                    const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
+                    onTimeSlotClick(slotDate, hour, timeString);
+                };
+                const handleWeekDragEnd = (event, clientY, clientX) => {
+                    if (!onEventDrop)
+                        return;
+                    const gridEl = weekViewScrollRef.current?.querySelector(`.${styles$a.weekDayColumns}`);
+                    if (!gridEl)
+                        return;
+                    const rect = gridEl.getBoundingClientRect();
+                    const relativeX = clientX - rect.left;
+                    const relativeY = clientY - rect.top;
+                    const columnWidth = rect.width / 7;
+                    const columnIndex = Math.min(6, Math.max(0, Math.floor(relativeX / columnWidth)));
+                    const targetDay = days[columnIndex];
+                    const slotSize = halfHourSlots ? hourHeight / 2 : hourHeight;
+                    const totalSlots = halfHourSlots ? hours.length * 2 : hours.length;
+                    const slotIndex = Math.min(totalSlots - 1, Math.max(0, Math.floor(relativeY / slotSize)));
+                    const newHour = startHour + Math.floor(halfHourSlots ? slotIndex / 2 : slotIndex);
+                    const newMinute = halfHourSlots && slotIndex % 2 === 1 ? 30 : 0;
+                    const newDate = new Date(targetDay);
+                    newDate.setHours(newHour, newMinute, 0, 0);
+                    onEventDrop(event, newDate);
+                };
+                return (jsxs("div", { className: styles$a.weekTimeline, children: [jsxs("div", { className: styles$a.weekTimelineHeader, children: [jsx("div", { className: styles$a.timeColumnHeader }), days.map(day => {
+                                    const dayIsToday = day.toDateString() === now.toDateString();
+                                    const dayIsSelected = selectedDate && day.toDateString() === selectedDate.toDateString();
+                                    return (jsxs("button", { type: "button", className: `${styles$a.weekDayColumnHeader} ${dayIsToday ? styles$a.today : ''} ${dayIsSelected ? styles$a.selected : ''}`, onClick: () => handleDateClick(day), children: [jsx("span", { className: styles$a.weekDayLabel, children: day.toLocaleDateString(locale, { weekday: 'short' }) }), jsx("span", { className: styles$a.weekDayNumber, children: day.getDate() })] }, day.toISOString()));
+                                })] }), jsx("div", { className: styles$a.weekTimelineScroll, ref: weekViewScrollRef, children: jsxs("div", { className: styles$a.weekTimelineGrid, style: { height: timelineHeight }, children: [jsx("div", { className: styles$a.weekTimeColumn, children: hours.map(hour => (jsx("div", { className: styles$a.weekTimeSlot, style: { height: hourHeight }, children: jsxs("span", { className: styles$a.weekHourLabel, children: [hour.toString().padStart(2, '0'), ":00"] }) }, hour))) }), jsx("div", { className: styles$a.weekDayColumns, children: days.map(day => {
+                                            const dayEvents = getDayEvents(day).filter(e => !e.allDay && e.time);
+                                            const dayIsToday = day.toDateString() === now.toDateString();
+                                            return (jsxs("div", { className: styles$a.weekDayColumn, children: [hours.map(hour => (jsx("div", { className: styles$a.weekHourRow, style: { height: hourHeight }, children: halfHourSlots ? (jsxs(Fragment, { children: [jsx("div", { className: styles$a.halfHourSlot, onClick: () => handleWeekSlotClick(day, hour, 0) }), jsx("div", { className: `${styles$a.halfHourSlot} ${styles$a.halfHourSlotBottom}`, onClick: () => handleWeekSlotClick(day, hour, 30) })] })) : (jsx("div", { className: styles$a.halfHourSlot, onClick: () => handleWeekSlotClick(day, hour, 0) })) }, hour))), dayEvents.map(event => {
+                                                        const [h, m] = event.time.split(':').map(Number);
+                                                        const top = (h - startHour) * hourHeight + (m / 60) * hourHeight;
+                                                        const duration = eventDuration(event);
+                                                        const height = Math.max(24, (duration / 60) * hourHeight - 2);
+                                                        return (jsx("div", { className: styles$a.weekEventAnchor, style: { top, height }, onClick: (e) => e.stopPropagation(), children: jsx(DayEventCard, { event: event, color: getEventColor(event), textColor: getEventTextColor(event), onComplete: onEventComplete ?? (onEventClick ? handleEventClick : undefined), onEdit: onEventEdit, onDelete: onEventDelete, onDragEnd: onEventDrop ? (cy, cx) => handleWeekDragEnd(event, cy, cx) : undefined }) }, event.id));
+                                                    }), dayIsToday && showNow && (jsx("div", { className: styles$a.currentTimeIndicator, style: { top: `${nowOffset}px`, left: 0 } }))] }, day.toISOString()));
+                                        }) })] }) })] }));
             })()) : ((() => {
                 // Fixed month-view cell height derived from maxEventsPerDay.
                 // Day number + padding ≈ 40px, each event row ≈ 24px.
                 // Week and compact views keep their own CSS-driven sizing.
-                const monthCellHeight = currentViewMode === 'month' && !compact
-                    ? 40 + maxEventsPerDay * 24
-                    : undefined;
-                return (jsx("div", { className: `${styles$a.daysGrid} ${currentViewMode === 'week' ? styles$a.weekView : ''}`, children: calendarData.days.map((day, index) => {
+                const monthCellHeight = !compact ? 40 + maxEventsPerDay * 24 : undefined;
+                return (jsx("div", { className: `${styles$a.daysGrid} ${showWeekNumbers ? styles$a.withWeekNumbers : ''}`, children: calendarData.days.map((day, index) => {
                         const dayEvents = getDayEvents(day);
                         const dayIsToday = isToday(day);
-                        const isInCurrentMonth = currentViewMode === 'week' || isCurrentMonth(day);
+                        const isInCurrentMonth = isCurrentMonth(day);
                         const isWeekStart = showWeekNumbers && (index % 7 === 0);
                         const dayIsSelected = selectedDate && day.toDateString() === selectedDate.toDateString();
-                        return (jsxs(motion.div, { className: `${styles$a.dayCell} ${dayIsToday ? styles$a.today : ''} ${!isInCurrentMonth ? styles$a.otherMonth : ''} ${dayIsSelected ? styles$a.selected : ''}`, style: monthCellHeight !== undefined ? { height: monthCellHeight, minHeight: monthCellHeight } : undefined, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: {
-                                duration: 0.3,
-                                delay: index * 0.02,
-                                ease: "easeOut"
-                            }, onClick: () => handleDateClick(day), children: [isWeekStart && (jsx("div", { className: styles$a.weekNumber, children: getWeekNumber(day) })), jsx("div", { className: styles$a.dayNumber, children: day.getDate() }), dayEvents.length > 0 && compact && currentViewMode === 'month' ? (jsxs("div", { className: styles$a.dots, children: [dayEvents.slice(0, maxEventsPerDay).map((event) => (jsx("span", { className: styles$a.dot, style: { backgroundColor: getEventColor(event) } }, event.id))), dayEvents.length > maxEventsPerDay && (jsxs("span", { className: styles$a.dotMore, children: ["+", dayEvents.length - maxEventsPerDay] }))] })) : dayEvents.length > 0 ? (jsxs("div", { className: styles$a.events, children: [dayEvents.slice(0, maxEventsPerDay).map((event, eventIndex) => (jsxs(motion.div, { className: `${styles$a.event} ${event.status === 'completed' ? styles$a.completed : ''}`, style: {
-                                                backgroundColor: getEventColor(event),
-                                                color: getEventTextColor(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), jsxs("span", { className: styles$a.eventTitle, children: [event.time && (jsx("span", { className: styles$a.eventTime, children: event.time })), event.title] }), event.status === 'completed' && (jsx("svg", { className: styles$a.completedIcon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsx("polyline", { points: "20,6 9,17 4,12" }) }))] }, event.id))), dayEvents.length > maxEventsPerDay && (jsxs("div", { className: styles$a.moreEvents, children: ["+", dayEvents.length - maxEventsPerDay, " more"] }))] })) : emptyState ? (jsx("div", { className: styles$a.emptyState, children: emptyState })) : null] }, `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`));
+                        return (jsxs(Fragment$1, { children: [isWeekStart && (jsx("div", { className: styles$a.weekNumberCell, style: monthCellHeight !== undefined ? { height: monthCellHeight, minHeight: monthCellHeight } : undefined, children: getWeekNumber(day) })), jsxs(motion.div, { className: `${styles$a.dayCell} ${dayIsToday ? styles$a.today : ''} ${!isInCurrentMonth ? styles$a.otherMonth : ''} ${dayIsSelected ? styles$a.selected : ''}`, style: monthCellHeight !== undefined ? { height: monthCellHeight, minHeight: monthCellHeight } : undefined, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: {
+                                        duration: 0.3,
+                                        delay: index * 0.02,
+                                        ease: "easeOut"
+                                    }, onClick: () => handleDateClick(day), children: [jsx("div", { className: styles$a.dayNumber, children: day.getDate() }), dayEvents.length > 0 && compact && currentViewMode === 'month' ? (jsxs("div", { className: styles$a.dots, children: [dayEvents.slice(0, maxEventsPerDay).map((event) => (jsx("span", { className: styles$a.dot, style: { backgroundColor: getEventColor(event) } }, event.id))), dayEvents.length > maxEventsPerDay && (jsxs("span", { className: styles$a.dotMore, children: ["+", dayEvents.length - maxEventsPerDay] }))] })) : dayEvents.length > 0 ? (jsxs("div", { className: styles$a.events, children: [dayEvents.slice(0, maxEventsPerDay).map((event, eventIndex) => (jsxs(motion.div, { className: `${styles$a.event} ${event.status === 'completed' ? styles$a.completed : ''}`, style: {
+                                                        backgroundColor: getEventColor(event),
+                                                        color: getEventTextColor(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), jsxs("span", { className: styles$a.eventTitle, children: [event.time && (jsx("span", { className: styles$a.eventTime, children: event.time })), event.title] }), event.status === 'completed' && (jsx("svg", { className: styles$a.completedIcon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: jsx("polyline", { points: "20,6 9,17 4,12" }) }))] }, event.id))), dayEvents.length > maxEventsPerDay && (jsxs("div", { className: styles$a.moreEvents, children: ["+", dayEvents.length - maxEventsPerDay, " more"] }))] })) : emptyState ? (jsx("div", { className: styles$a.emptyState, children: emptyState })) : null] })] }, `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`));
                     }) }));
             })())] }));
 }
@@ -3373,7 +3444,8 @@ var desktopStyles = {"navbar":"Navbar-module_navbar__-SNiN","navbarSidebar":"Nav
 
 var mobileStyles = {"navbar":"Navbar-mobile-module_navbar__-shkE","navLogo":"Navbar-mobile-module_navLogo__7Gnna","logoContainer":"Navbar-mobile-module_logoContainer__JTw99","logoImage":"Navbar-mobile-module_logoImage__QwV5v","logoPlaceholder":"Navbar-mobile-module_logoPlaceholder__tSkOl","logoContent":"Navbar-mobile-module_logoContent__FVTxh","logoText":"Navbar-mobile-module_logoText__5XghQ","logoSubtitle":"Navbar-mobile-module_logoSubtitle__4Wf8p","mobileMenuButton":"Navbar-mobile-module_mobileMenuButton__Dx3t8","menuOpen":"Navbar-mobile-module_menuOpen__XEc1c","mobileBackdrop":"Navbar-mobile-module_mobileBackdrop__biYng","navList":"Navbar-mobile-module_navList__FBo8I","navItem":"Navbar-mobile-module_navItem__-9E9-","subNavItem":"Navbar-mobile-module_subNavItem__c-5IU","navLink":"Navbar-mobile-module_navLink__A8n8F","active":"Navbar-mobile-module_active__h3ajz","activeBackground":"Navbar-mobile-module_activeBackground__btXAN","navIcon":"Navbar-mobile-module_navIcon__4L17v","activeIcon":"Navbar-mobile-module_activeIcon__A8GF-","navText":"Navbar-mobile-module_navText__ewf-i","activeText":"Navbar-mobile-module_activeText__fNqcU","navBadge":"Navbar-mobile-module_navBadge__YccGx","chevron":"Navbar-mobile-module_chevron__nBPqn","subNavList":"Navbar-mobile-module_subNavList__8tINc","navActions":"Navbar-mobile-module_navActions__fpzOK","navFooter":"Navbar-mobile-module_navFooter__yijWu","navbarSidebar":"Navbar-mobile-module_navbarSidebar__HvB-K","navbarTop":"Navbar-mobile-module_navbarTop__oyfPE","navbarMinimal":"Navbar-mobile-module_navbarMinimal__cudny","mobileMenuOpen":"Navbar-mobile-module_mobileMenuOpen__zB4Gy"};
 
-const Navbar = ({ items, logo, onItemClick, variant = 'sidebar', isMobile = false, footer, className = '', soundConfig, }) => {
+const Navbar = ({ items, logo, onItemClick, variant = 'sidebar', isMobile = false, footer, className = '', soundConfig, colorfulIcons = false, }) => {
+    const coloredIconsAttr = colorfulIcons ? 'true' : undefined;
     const styles = useMemo(() => (isMobile ? mobileStyles : desktopStyles), [isMobile]);
     const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
     const [expandedItems, setExpandedItems] = useState(new Set());
@@ -3488,12 +3560,12 @@ const Navbar = ({ items, logo, onItemClick, variant = 'sidebar', isMobile = fals
     };
     const navContent = (jsxs(Fragment, { children: [logo && (jsx(motion.div, { className: styles.navLogo, initial: { opacity: 0, y: -20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.1 }, children: jsxs("div", { className: styles.logoContainer, children: [logo.src ? (jsx(motion.img, { src: logo.src, alt: logo.alt || 'Logo', className: styles.logoImage, onMouseEnter: handlers.onMouseEnter, whileHover: { scale: 1.05 }, transition: { type: 'spring', stiffness: 400 } })) : (jsx("div", { className: styles.logoPlaceholder, children: logo.text?.charAt(0) || 'L' })), (logo.text || logo.subtitle) && (jsxs("div", { className: styles.logoContent, children: [logo.text && jsx("span", { className: styles.logoText, children: logo.text }), logo.subtitle && (jsx("span", { className: styles.logoSubtitle, children: logo.subtitle }))] }))] }) })), jsx("ul", { className: styles.navList, children: items.map((item, index) => renderNavItem(item, index)) }), footer && (jsx(motion.div, { className: styles.navFooter, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.3 }, children: footer }))] }));
     if (variant === 'top') {
-        return (jsx(motion.nav, { className: `${styles.navbar} ${styles.navbarTop} ${className}`, initial: { y: -100 }, animate: { y: 0 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: navContent }));
+        return (jsx(motion.nav, { className: `${styles.navbar} ${styles.navbarTop} ${className}`, "data-colored-icons": coloredIconsAttr, initial: { y: -100 }, animate: { y: 0 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: navContent }));
     }
     if (isMobile) {
-        return (jsxs(Fragment, { children: [jsxs("nav", { className: `${styles.navbar} ${className}`, children: [logo && (jsx("div", { className: styles.navLogo, children: jsxs("div", { className: styles.logoContainer, children: [logo.src ? (jsx("img", { src: logo.src, alt: logo.alt || 'Logo', className: styles.logoImage })) : (jsx("div", { className: styles.logoPlaceholder, children: logo.text?.charAt(0) || 'L' })), logo.text && (jsx("div", { className: styles.logoContent, children: jsx("span", { className: styles.logoText, children: logo.text }) }))] }) })), jsxs("div", { className: styles.navActions, children: [footer && jsx("div", { className: styles.navFooter, children: footer }), jsx("button", { className: `${styles.mobileMenuButton} ${isMobileMenuOpen ? styles.menuOpen : ''}`, onClick: toggleMobileMenu, "aria-label": "Toggle navigation menu", children: isMobileMenuOpen ? jsx(X, {}) : jsx(Menu, {}) })] })] }), jsx(AnimatePresence, { children: isMobileMenuOpen && (jsx(motion.div, { className: styles.mobileBackdrop, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, onClick: () => setIsMobileMenuOpen(false), children: jsx(motion.div, { initial: { y: -20, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -20, opacity: 0 }, transition: { duration: 0.2 }, onClick: (e) => e.stopPropagation(), children: jsx("ul", { className: styles.navList, children: items.map((item, index) => renderNavItem(item, index)) }) }) })) })] }));
+        return (jsxs(Fragment, { children: [jsxs("nav", { className: `${styles.navbar} ${className}`, "data-colored-icons": coloredIconsAttr, children: [logo && (jsx("div", { className: styles.navLogo, children: jsxs("div", { className: styles.logoContainer, children: [logo.src ? (jsx("img", { src: logo.src, alt: logo.alt || 'Logo', className: styles.logoImage })) : (jsx("div", { className: styles.logoPlaceholder, children: logo.text?.charAt(0) || 'L' })), logo.text && (jsx("div", { className: styles.logoContent, children: jsx("span", { className: styles.logoText, children: logo.text }) }))] }) })), jsxs("div", { className: styles.navActions, children: [footer && jsx("div", { className: styles.navFooter, children: footer }), jsx("button", { className: `${styles.mobileMenuButton} ${isMobileMenuOpen ? styles.menuOpen : ''}`, onClick: toggleMobileMenu, "aria-label": "Toggle navigation menu", children: isMobileMenuOpen ? jsx(X, {}) : jsx(Menu, {}) })] })] }), jsx(AnimatePresence, { children: isMobileMenuOpen && (jsx(motion.div, { className: styles.mobileBackdrop, "data-colored-icons": coloredIconsAttr, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, onClick: () => setIsMobileMenuOpen(false), children: jsx(motion.div, { initial: { y: -20, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -20, opacity: 0 }, transition: { duration: 0.2 }, onClick: (e) => e.stopPropagation(), children: jsx("ul", { className: styles.navList, children: items.map((item, index) => renderNavItem(item, index)) }) }) })) })] }));
     }
-    return (jsx(Fragment, { children: jsx(motion.nav, { className: `${styles.navbar} ${styles[`navbar${variant.charAt(0).toUpperCase() + variant.slice(1)}`]} ${className}`, initial: variant === 'sidebar' ? { x: -300 } : { opacity: 0 }, animate: variant === 'sidebar' ? { x: 0 } : { opacity: 1 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: navContent }) }));
+    return (jsx(Fragment, { children: jsx(motion.nav, { className: `${styles.navbar} ${styles[`navbar${variant.charAt(0).toUpperCase() + variant.slice(1)}`]} ${className}`, "data-colored-icons": coloredIconsAttr, initial: variant === 'sidebar' ? { x: -300 } : { opacity: 0 }, animate: variant === 'sidebar' ? { x: 0 } : { opacity: 1 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: navContent }) }));
 };
 
 var styles$8 = {"container":"MoodChart-module_container__MB1Vr","chart":"MoodChart-module_chart__4-spu","gridLine":"MoodChart-module_gridLine__YJpZ8","line":"MoodChart-module_line__LfeUX","xAxis":"MoodChart-module_xAxis__SeIWG","yAxis":"MoodChart-module_yAxis__sRjjE","dataPoint":"MoodChart-module_dataPoint__112P1","tooltip":"MoodChart-module_tooltip__vW59y","tooltipHeader":"MoodChart-module_tooltipHeader__U7yvN","tooltipDate":"MoodChart-module_tooltipDate__6Jjeu","tooltipRating":"MoodChart-module_tooltipRating__5A2Yx","ratingValue":"MoodChart-module_ratingValue__7Gpfx","ratingMax":"MoodChart-module_ratingMax__10WcJ","tooltipTags":"MoodChart-module_tooltipTags__FUQrU","tag":"MoodChart-module_tag__QhCh5","tooltipComment":"MoodChart-module_tooltipComment__6driJ"};