@mlw-packages/react-components 1.10.18 → 1.10.19

package/dist/index.css

@@ -516,6 +516,9 @@ body {
 .left-\[50\%\] {
   left: 50%;
 }
+.left-\[calc\(100\%\+8px\)\] {
+  left: calc(100% + 8px);
+}
 .left-full {
   left: 100%;
 }
@@ -543,6 +546,9 @@ body {
 .right-6 {
   right: 1.5rem;
 }
+.right-\[calc\(100\%\+8px\)\] {
+  right: calc(100% + 8px);
+}
 .top-0 {
   top: 0px;
 }
@@ -2295,6 +2301,10 @@ body {
 .border-amber-200\/70 {
   border-color: rgb(253 230 138 / 0.7);
 }
+.border-amber-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
+}
 .border-amber-400 {
   --tw-border-opacity: 1;
   border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
@@ -2538,10 +2548,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
 }
-.border-yellow-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
-}
 .border-zinc-300 {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
@@ -3743,6 +3749,9 @@ body {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-14 {
   padding-top: 3.5rem;
 }
@@ -4035,9 +4044,6 @@ body {
 .text-foreground {
   color: hsl(var(--foreground));
 }
-.text-foreground\/30 {
-  color: hsl(var(--foreground) / 0.3);
-}
 .text-foreground\/40 {
   color: hsl(var(--foreground) / 0.4);
 }
@@ -6823,12 +6829,20 @@ body {
 .dark\:border-amber-400\/30:is(.dark *) {
   border-color: rgb(251 191 36 / 0.3);
 }
+.dark\:border-amber-600:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
+}
 .dark\:border-blue-400\/30:is(.dark *) {
   border-color: rgb(96 165 250 / 0.3);
 }
 .dark\:border-cyan-400\/30:is(.dark *) {
   border-color: rgb(34 211 238 / 0.3);
 }
+.dark\:border-cyan-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(21 94 117 / var(--tw-border-opacity, 1));
+}
 .dark\:border-emerald-400\/30:is(.dark *) {
   border-color: rgb(52 211 153 / 0.3);
 }
@@ -6843,6 +6857,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
 }
+.dark\:border-gray-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+}
 .dark\:border-gray-900:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
@@ -6874,6 +6892,10 @@ body {
 .dark\:border-orange-400\/30:is(.dark *) {
   border-color: rgb(251 146 60 / 0.3);
 }
+.dark\:border-orange-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
+}
 .dark\:border-pink-400\/30:is(.dark *) {
   border-color: rgb(244 114 182 / 0.3);
 }
@@ -6926,6 +6948,10 @@ body {
 .dark\:bg-amber-400\/25:is(.dark *) {
   background-color: rgb(251 191 36 / 0.25);
 }
+.dark\:bg-amber-50:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-amber-500\/25:is(.dark *) {
   background-color: rgb(245 158 11 / 0.25);
 }
@@ -7125,6 +7151,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 251 235 / var(--tw-text-opacity, 1));
 }
+.dark\:text-amber-600:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
+}
 .dark\:text-black:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -7141,6 +7171,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(236 254 255 / var(--tw-text-opacity, 1));
 }
+.dark\:text-cyan-800:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
+}
 .dark\:text-emerald-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(167 243 208 / var(--tw-text-opacity, 1));
@@ -7164,6 +7198,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
+.dark\:text-gray-800:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
 .dark\:text-green-50:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(240 253 244 / var(--tw-text-opacity, 1));
@@ -7196,6 +7234,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 247 237 / var(--tw-text-opacity, 1));
 }
+.dark\:text-orange-800:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
+}
 .dark\:text-pink-50:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(253 242 248 / var(--tw-text-opacity, 1));
@@ -8171,6 +8213,15 @@ body {
 .\[\&_a\]\:underline a {
   text-decoration-line: underline;
 }
+.\[\&_li\]\:pl-1 li {
+  padding-left: 0.25rem;
+}
+.\[\&_ol\]\:ml-4 ol {
+  margin-left: 1rem;
+}
+.\[\&_ol\]\:list-decimal ol {
+  list-style-type: decimal;
+}
 .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) {
   width: 0.75rem;
   height: 0.75rem;
@@ -8198,6 +8249,12 @@ body {
 .\[\&_tr\]\:border-b tr {
   border-bottom-width: 1px;
 }
+.\[\&_ul\]\:ml-4 ul {
+  margin-left: 1rem;
+}
+.\[\&_ul\]\:list-disc ul {
+  list-style-type: disc;
+}
 [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
   right: -0.5rem;
 }

package/dist/index.d.mts

@@ -1010,13 +1010,18 @@ interface EventCalendarProps$1 {
     onClick?: ((event: CalendarEventAgenda, e?: React__default.MouseEvent) => void) | React__default.ReactElement<ModalLikeProps>;
     showYearView?: boolean;
     noTime?: boolean;
+    onlyDay?: boolean;
+    onlyMonth?: boolean;
+    onlyWeek?: boolean;
+    onlyAgenda?: boolean;
+    onlyYear?: boolean;
 }
 interface ModalLikeProps {
     event?: CalendarEventAgenda;
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;

package/dist/index.d.ts

@@ -1010,13 +1010,18 @@ interface EventCalendarProps$1 {
     onClick?: ((event: CalendarEventAgenda, e?: React__default.MouseEvent) => void) | React__default.ReactElement<ModalLikeProps>;
     showYearView?: boolean;
     noTime?: boolean;
+    onlyDay?: boolean;
+    onlyMonth?: boolean;
+    onlyWeek?: boolean;
+    onlyAgenda?: boolean;
+    onlyYear?: boolean;
 }
 interface ModalLikeProps {
     event?: CalendarEventAgenda;
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;

package/dist/index.js

@@ -2590,10 +2590,10 @@ function Badge({
     purple: "bg-purple-50 text-purple-500 border-purple-200"
   };
   const rankClasses = {
-    diamond: "bg-cyan-100 text-cyan-600 border-cyan-300",
-    gold: "bg-yellow-100 text-yellow-500 border-yellow-300",
-    silver: "bg-gray-100 text-gray-500 border-gray-300",
-    bronze: "bg-orange-100 text-orange-700 border-orange-300"
+    diamond: "bg-cyan-100 text-cyan-600 border-cyan-300 dark:text-cyan-800 dark:border-cyan-800",
+    gold: "bg-amber-50 text-amber-500 border-amber-300 dark:text-amber-600 dark:border-amber-600 dark:bg-amber-50",
+    silver: "bg-gray-100 text-gray-500 border-gray-300 dark:text-gray-800 dark:border-gray-800",
+    bronze: "bg-orange-100 text-orange-700 border-orange-300 dark:text-orange-800 dark:border-orange-800"
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -10176,28 +10176,37 @@ function EventAgenda({
   initialDate,
   onClick,
   showYearView = false,
-  noTime = false
+  noTime = false,
+  onlyDay,
+  onlyMonth,
+  onlyWeek,
+  onlyAgenda,
+  onlyYear
 }) {
+  const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = React32.useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = React32.useState(initialView);
+  const [view, setView] = React32.useState(
+    lockedView || initialView
+  );
   const [selectedEvent, setSelectedEvent] = React32.useState(null);
+  const activeView = lockedView || view;
   const goPrevious = () => {
-    if (view === "month") setCurrentDate((d) => dateFns.subMonths(d, 1));
-    else if (view === "week") setCurrentDate((d) => dateFns.subWeeks(d, 1));
-    else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, -1));
-    else if (view === "agenda")
+    if (activeView === "month") setCurrentDate((d) => dateFns.subMonths(d, 1));
+    else if (activeView === "week") setCurrentDate((d) => dateFns.subWeeks(d, 1));
+    else if (activeView === "day") setCurrentDate((d) => dateFns.addDays(d, -1));
+    else if (activeView === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, -AgendaDaysToShowAgenda));
-    else if (view === "year") setCurrentDate((d) => dateFns.subYears(d, 1));
+    else if (activeView === "year") setCurrentDate((d) => dateFns.subYears(d, 1));
   };
   const goNext = () => {
-    if (view === "month") setCurrentDate((d) => dateFns.addMonths(d, 1));
-    else if (view === "week") setCurrentDate((d) => dateFns.addWeeks(d, 1));
-    else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, 1));
-    else if (view === "agenda")
+    if (activeView === "month") setCurrentDate((d) => dateFns.addMonths(d, 1));
+    else if (activeView === "week") setCurrentDate((d) => dateFns.addWeeks(d, 1));
+    else if (activeView === "day") setCurrentDate((d) => dateFns.addDays(d, 1));
+    else if (activeView === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, AgendaDaysToShowAgenda));
-    else if (view === "year") setCurrentDate((d) => dateFns.addYears(d, 1));
+    else if (activeView === "year") setCurrentDate((d) => dateFns.addYears(d, 1));
   };
   const handleEventSelect = (event, e) => {
     try {
@@ -10243,9 +10252,9 @@ function EventAgenda({
   };
   const viewTitle = React32.useMemo(() => {
     const capitalize2 = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
-    if (view === "month")
+    if (activeView === "month")
       return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
-    if (view === "week") {
+    if (activeView === "week") {
       const start = dateFns.startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = dateFns.endOfWeek(currentDate, { weekStartsOn: 1 });
       if (dateFns.isSameMonth(start, end))
@@ -10254,17 +10263,19 @@ function EventAgenda({
       const s2 = capitalize2(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
       return `${s1} - ${s2}`;
     }
-    if (view === "day")
-      return dateFns.format(currentDate, "d 'de' MMMM 'de' yyyy", { locale: locale.ptBR });
-    if (view === "agenda") {
+    if (activeView === "day")
+      return capitalize2(
+        dateFns.format(currentDate, "EEEE, d 'de' MMMM", { locale: locale.ptBR })
+      );
+    if (activeView === "agenda") {
       const start = currentDate;
       return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
     }
-    if (view === "year") {
+    if (activeView === "year") {
       return dateFns.format(currentDate, "yyyy");
     }
     return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
-  }, [currentDate, view]);
+  }, [currentDate, activeView]);
   const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
   const selectItems = availableViews.map(
     (v) => ({
@@ -10312,22 +10323,22 @@ function EventAgenda({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl min-w-0 truncate sm:whitespace-normal", children: viewTitle })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            !lockedView && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
               Select,
               {
-                selected: view,
+                selected: activeView,
                 onChange: (v) => {
                   setView(v);
                 },
                 items: selectItems,
-                placeholder: viewLabel(view),
+                placeholder: viewLabel(activeView),
                 className: "min-w-24",
                 hideClear: true
               }
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
-            view === "month" && /* @__PURE__ */ jsxRuntime.jsx(
+            activeView === "month" && /* @__PURE__ */ jsxRuntime.jsx(
               MonthViewAgenda,
               {
                 currentDate,
@@ -10336,7 +10347,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
+            activeView === "week" && /* @__PURE__ */ jsxRuntime.jsx(
               WeekViewAgenda,
               {
                 currentDate,
@@ -10345,7 +10356,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
+            activeView === "day" && /* @__PURE__ */ jsxRuntime.jsx(
               DayViewAgenda,
               {
                 currentDate,
@@ -10354,7 +10365,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
+            activeView === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
               Agenda,
               {
                 currentDate,
@@ -10363,14 +10374,16 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "year" && /* @__PURE__ */ jsxRuntime.jsx(
+            activeView === "year" && /* @__PURE__ */ jsxRuntime.jsx(
               YearViewAgenda,
               {
                 currentDate,
                 events,
                 onMonthSelect: (monthDate) => {
                   setCurrentDate(monthDate);
-                  setView("month");
+                  if (!lockedView) {
+                    setView("month");
+                  }
                 }
               }
             )

package/dist/index.mjs

@@ -2548,10 +2548,10 @@ function Badge({
     purple: "bg-purple-50 text-purple-500 border-purple-200"
   };
   const rankClasses = {
-    diamond: "bg-cyan-100 text-cyan-600 border-cyan-300",
-    gold: "bg-yellow-100 text-yellow-500 border-yellow-300",
-    silver: "bg-gray-100 text-gray-500 border-gray-300",
-    bronze: "bg-orange-100 text-orange-700 border-orange-300"
+    diamond: "bg-cyan-100 text-cyan-600 border-cyan-300 dark:text-cyan-800 dark:border-cyan-800",
+    gold: "bg-amber-50 text-amber-500 border-amber-300 dark:text-amber-600 dark:border-amber-600 dark:bg-amber-50",
+    silver: "bg-gray-100 text-gray-500 border-gray-300 dark:text-gray-800 dark:border-gray-800",
+    bronze: "bg-orange-100 text-orange-700 border-orange-300 dark:text-orange-800 dark:border-orange-800"
   };
   return /* @__PURE__ */ jsx(
     Comp,
@@ -10134,28 +10134,37 @@ function EventAgenda({
   initialDate,
   onClick,
   showYearView = false,
-  noTime = false
+  noTime = false,
+  onlyDay,
+  onlyMonth,
+  onlyWeek,
+  onlyAgenda,
+  onlyYear
 }) {
+  const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = useState(initialView);
+  const [view, setView] = useState(
+    lockedView || initialView
+  );
   const [selectedEvent, setSelectedEvent] = useState(null);
+  const activeView = lockedView || view;
   const goPrevious = () => {
-    if (view === "month") setCurrentDate((d) => subMonths(d, 1));
-    else if (view === "week") setCurrentDate((d) => subWeeks(d, 1));
-    else if (view === "day") setCurrentDate((d) => addDays(d, -1));
-    else if (view === "agenda")
+    if (activeView === "month") setCurrentDate((d) => subMonths(d, 1));
+    else if (activeView === "week") setCurrentDate((d) => subWeeks(d, 1));
+    else if (activeView === "day") setCurrentDate((d) => addDays(d, -1));
+    else if (activeView === "agenda")
       setCurrentDate((d) => addDays(d, -AgendaDaysToShowAgenda));
-    else if (view === "year") setCurrentDate((d) => subYears(d, 1));
+    else if (activeView === "year") setCurrentDate((d) => subYears(d, 1));
   };
   const goNext = () => {
-    if (view === "month") setCurrentDate((d) => addMonths(d, 1));
-    else if (view === "week") setCurrentDate((d) => addWeeks(d, 1));
-    else if (view === "day") setCurrentDate((d) => addDays(d, 1));
-    else if (view === "agenda")
+    if (activeView === "month") setCurrentDate((d) => addMonths(d, 1));
+    else if (activeView === "week") setCurrentDate((d) => addWeeks(d, 1));
+    else if (activeView === "day") setCurrentDate((d) => addDays(d, 1));
+    else if (activeView === "agenda")
       setCurrentDate((d) => addDays(d, AgendaDaysToShowAgenda));
-    else if (view === "year") setCurrentDate((d) => addYears(d, 1));
+    else if (activeView === "year") setCurrentDate((d) => addYears(d, 1));
   };
   const handleEventSelect = (event, e) => {
     try {
@@ -10201,9 +10210,9 @@ function EventAgenda({
   };
   const viewTitle = useMemo(() => {
     const capitalize2 = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
-    if (view === "month")
+    if (activeView === "month")
       return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
-    if (view === "week") {
+    if (activeView === "week") {
       const start = startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = endOfWeek(currentDate, { weekStartsOn: 1 });
       if (isSameMonth(start, end))
@@ -10212,17 +10221,19 @@ function EventAgenda({
       const s2 = capitalize2(format(end, "MMM yyyy", { locale: ptBR }));
       return `${s1} - ${s2}`;
     }
-    if (view === "day")
-      return format(currentDate, "d 'de' MMMM 'de' yyyy", { locale: ptBR });
-    if (view === "agenda") {
+    if (activeView === "day")
+      return capitalize2(
+        format(currentDate, "EEEE, d 'de' MMMM", { locale: ptBR })
+      );
+    if (activeView === "agenda") {
       const start = currentDate;
       return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
     }
-    if (view === "year") {
+    if (activeView === "year") {
       return format(currentDate, "yyyy");
     }
     return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
-  }, [currentDate, view]);
+  }, [currentDate, activeView]);
   const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
   const selectItems = availableViews.map(
     (v) => ({
@@ -10270,22 +10281,22 @@ function EventAgenda({
               ] }),
               /* @__PURE__ */ jsx("h2", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl min-w-0 truncate sm:whitespace-normal", children: viewTitle })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+            !lockedView && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
               Select,
               {
-                selected: view,
+                selected: activeView,
                 onChange: (v) => {
                   setView(v);
                 },
                 items: selectItems,
-                placeholder: viewLabel(view),
+                placeholder: viewLabel(activeView),
                 className: "min-w-24",
                 hideClear: true
               }
             ) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
-            view === "month" && /* @__PURE__ */ jsx(
+            activeView === "month" && /* @__PURE__ */ jsx(
               MonthViewAgenda,
               {
                 currentDate,
@@ -10294,7 +10305,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "week" && /* @__PURE__ */ jsx(
+            activeView === "week" && /* @__PURE__ */ jsx(
               WeekViewAgenda,
               {
                 currentDate,
@@ -10303,7 +10314,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "day" && /* @__PURE__ */ jsx(
+            activeView === "day" && /* @__PURE__ */ jsx(
               DayViewAgenda,
               {
                 currentDate,
@@ -10312,7 +10323,7 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "agenda" && /* @__PURE__ */ jsx(
+            activeView === "agenda" && /* @__PURE__ */ jsx(
               Agenda,
               {
                 currentDate,
@@ -10321,14 +10332,16 @@ function EventAgenda({
                 noTime
               }
             ),
-            view === "year" && /* @__PURE__ */ jsx(
+            activeView === "year" && /* @__PURE__ */ jsx(
               YearViewAgenda,
               {
                 currentDate,
                 events,
                 onMonthSelect: (monthDate) => {
                   setCurrentDate(monthDate);
-                  setView("month");
+                  if (!lockedView) {
+                    setView("month");
+                  }
                 }
               }
             )

package/package.json

@@ -5,7 +5,7 @@
     "access": "public",
     "type": "module"
   },
-  "version": "1.10.18",
+  "version": "1.10.19",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",