@mlw-packages/react-components 1.10.18 → 1.10.20

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;
 }
@@ -1200,9 +1206,6 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
-.max-h-\[460px\] {
-  max-height: 460px;
-}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
@@ -1212,6 +1215,9 @@ body {
 .max-h-\[calc\(100vh-200px\)\] {
   max-height: calc(100vh - 200px);
 }
+.max-h-\[calc\(85dvh-80px\)\] {
+  max-height: calc(85dvh - 80px);
+}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -2204,6 +2210,10 @@ body {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
+.rounded-t-\[10px\] {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
 .rounded-t-lg {
   border-top-left-radius: var(--radius);
   border-top-right-radius: var(--radius);
@@ -2295,6 +2305,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 +2552,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));
@@ -2865,6 +2875,9 @@ body {
 .bg-muted-foreground\/20 {
   background-color: hsl(var(--muted-foreground) / 0.2);
 }
+.bg-muted-foreground\/30 {
+  background-color: hsl(var(--muted-foreground) / 0.3);
+}
 .bg-muted\/10 {
   background-color: hsl(var(--muted) / 0.1);
 }
@@ -3121,6 +3134,9 @@ body {
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
 .from-amber-400 {
   --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
@@ -3146,6 +3162,11 @@ body {
   --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-card {
+  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-cyan-400 {
   --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
@@ -3427,6 +3448,9 @@ body {
 .to-teal-500 {
   --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
 }
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .to-violet-600 {
   --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
 }
@@ -3743,14 +3767,17 @@ body {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-14 {
   padding-top: 3.5rem;
 }
 .pt-2 {
   padding-top: 0.5rem;
 }
-.pt-2\.5 {
-  padding-top: 0.625rem;
+.pt-3 {
+  padding-top: 0.75rem;
 }
 .pt-4 {
   padding-top: 1rem;
@@ -4035,9 +4062,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);
 }
@@ -4833,6 +4857,12 @@ body {
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\!running {
+  animation-play-state: running !important;
+}
+.running {
+  animation-play-state: running;
+}
 .\[-ms-overflow-style\:none\] {
   -ms-overflow-style: none;
 }
@@ -6823,12 +6853,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 +6881,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 +6916,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 +6972,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 +7175,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 +7195,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 +7222,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 +7258,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));
@@ -7985,6 +8051,9 @@ body {
 .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/30::-webkit-scrollbar-thumb {
   background-color: hsl(var(--muted-foreground) / 0.3);
 }
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/20::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/40::-webkit-scrollbar-thumb:hover {
   background-color: hsl(var(--muted-foreground) / 0.4);
 }
@@ -8171,6 +8240,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 +8276,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;