@mlw-packages/react-components 1.7.7 → 1.7.9

package/dist/index.css

@@ -422,6 +422,9 @@ body {
 .invisible {
   visibility: hidden;
 }
+.static {
+  position: static;
+}
 .fixed {
   position: fixed;
 }
@@ -445,12 +448,18 @@ body {
   top: 0px;
   bottom: 0px;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-right-1 {
   right: -0.25rem;
 }
 .-top-1 {
   top: -0.25rem;
 }
+.-top-3 {
+  top: -0.75rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -547,6 +556,15 @@ body {
 .top-\[60\%\] {
   top: 60%;
 }
+.top-\[calc\(var\(--week-cells-height\)\/4\)\] {
+  top: calc(var(--week-cells-height) / 4);
+}
+.top-\[calc\(var\(--week-cells-height\)\/4\*2\)\] {
+  top: calc(var(--week-cells-height) / 4 * 2);
+}
+.top-\[calc\(var\(--week-cells-height\)\/4\*3\)\] {
+  top: calc(var(--week-cells-height) / 4 * 3);
+}
 .top-full {
   top: 100%;
 }
@@ -630,6 +648,10 @@ body {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
 .my-20 {
   margin-top: 5rem;
   margin-bottom: 5rem;
@@ -650,6 +672,9 @@ body {
   margin-top: 2rem;
   margin-bottom: 2rem;
 }
+.-me-1 {
+  margin-inline-end: -0.25rem;
+}
 .-ml-4 {
   margin-left: -1rem;
 }
@@ -752,6 +777,9 @@ body {
 .mt-8 {
   margin-top: 2rem;
 }
+.mt-\[var\(--event-gap\)\] {
+  margin-top: var(--event-gap);
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -785,6 +813,9 @@ body {
 .grid {
   display: grid;
 }
+.contents {
+  display: contents;
+}
 .hidden {
   display: none;
 }
@@ -817,6 +848,10 @@ body {
   width: 1.25rem;
   height: 1.25rem;
 }
+.size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 .size-8 {
   width: 2rem;
   height: 2rem;
@@ -825,6 +860,10 @@ body {
   width: 2.25rem;
   height: 2.25rem;
 }
+.size-full {
+  width: 100%;
+  height: 100%;
+}
 .h-0\.5 {
   height: 0.125rem;
 }
@@ -915,15 +954,27 @@ body {
 .h-\[220px\] {
   height: 220px;
 }
+.h-\[2px\] {
+  height: 2px;
+}
 .h-\[34px\] {
   height: 34px;
 }
+.h-\[calc\(var\(--week-cells-height\)\/4\)\] {
+  height: calc(var(--week-cells-height) / 4);
+}
+.h-\[var\(--event-height\)\] {
+  height: var(--event-height);
+}
 .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
 .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
+.h-\[var\(--week-cells-height\)\] {
+  height: var(--week-cells-height);
+}
 .h-auto {
   height: auto;
 }
@@ -999,9 +1050,18 @@ body {
 .min-h-\[60vh\] {
   min-height: 60vh;
 }
+.min-h-\[70svh\] {
+  min-height: 70svh;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
+.min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*2\)\] {
+  min-height: calc((var(--event-height) + var(--event-gap)) * 2);
+}
+.min-h-\[var\(--week-cells-height\)\] {
+  min-height: var(--week-cells-height);
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1155,9 +1215,6 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
-.w-\[calc\(100vw-2rem\)\] {
-  width: calc(100vw - 2rem);
-}
 .w-auto {
   width: auto;
 }
@@ -1181,6 +1238,12 @@ body {
 .min-w-0 {
   min-width: 0px;
 }
+.min-w-28 {
+  min-width: 7rem;
+}
+.min-w-32 {
+  min-width: 8rem;
+}
 .min-w-5 {
   min-width: 1.25rem;
 }
@@ -1227,6 +1290,9 @@ body {
 .max-w-4xl {
   max-width: 56rem;
 }
+.max-w-52 {
+  max-width: 13rem;
+}
 .max-w-5xl {
   max-width: 64rem;
 }
@@ -1316,6 +1382,10 @@ body {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-x-4 {
+  --tw-translate-x: -1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-x-px {
   --tw-translate-x: -1px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1324,10 +1394,18 @@ body {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-2 {
+  --tw-translate-y: -0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-1\/2 {
   --tw-translate-x: 50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-4 {
+  --tw-translate-x: 1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-\[-50\%\] {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1445,6 +1523,12 @@ body {
 .list-none {
   list-style-type: none;
 }
+.auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+.auto-rows-fr {
+  grid-auto-rows: minmax(0, 1fr);
+}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1463,6 +1547,12 @@ body {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+.grid-cols-\[3rem_1fr\] {
+  grid-template-columns: 3rem 1fr;
+}
 .grid-rows-\[auto_1fr\] {
   grid-template-rows: auto 1fr;
 }
@@ -1478,9 +1568,6 @@ body {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.content-start {
-  align-content: flex-start;
-}
 .items-start {
   align-items: flex-start;
 }
@@ -1715,6 +1802,10 @@ body {
   border-bottom-right-radius: 0.75rem;
   border-bottom-left-radius: 0.75rem;
 }
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
 .rounded-l-3xl {
   border-top-left-radius: 1.5rem;
   border-bottom-left-radius: 1.5rem;
@@ -1727,6 +1818,14 @@ body {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
 .rounded-r-3xl {
   border-top-right-radius: 1.5rem;
   border-bottom-right-radius: 1.5rem;
@@ -1739,6 +1838,10 @@ body {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
 .rounded-t {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -1809,6 +1912,10 @@ body {
 .border-none {
   border-style: none;
 }
+.border-amber-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
+}
 .border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1826,12 +1933,19 @@ body {
 .border-border\/50 {
   border-color: hsl(var(--border) / 0.5);
 }
+.border-border\/70 {
+  border-color: hsl(var(--border) / 0.7);
+}
 .border-destructive {
   border-color: hsl(var(--destructive));
 }
 .border-destructive\/50 {
   border-color: hsl(var(--destructive) / 0.5);
 }
+.border-emerald-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1861,6 +1975,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
 }
+.border-orange-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
+}
 .border-primary {
   border-color: hsl(var(--primary));
 }
@@ -1888,6 +2006,14 @@ body {
 .border-ring {
   border-color: hsl(var(--ring));
 }
+.border-rose-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
+}
+.border-sky-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
+}
 .border-slate-200 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
@@ -1899,6 +2025,10 @@ body {
 .border-transparent {
   border-color: transparent;
 }
+.border-violet-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
+}
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1932,6 +2062,16 @@ body {
 .bg-accent\/5 {
   background-color: hsl(var(--accent) / 0.05);
 }
+.bg-amber-200\/50 {
+  background-color: rgb(253 230 138 / 0.5);
+}
+.bg-amber-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+}
+.bg-amber-400\/20 {
+  background-color: rgb(251 191 36 / 0.2);
+}
 .bg-amber-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
@@ -1963,6 +2103,9 @@ body {
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
+.bg-blue-400\/20 {
+  background-color: rgb(96 165 250 / 0.2);
+}
 .bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1993,9 +2136,22 @@ body {
 .bg-destructive {
   background-color: hsl(var(--destructive));
 }
+.bg-destructive\/15 {
+  background-color: hsl(var(--destructive) / 0.15);
+}
 .bg-destructive\/5 {
   background-color: hsl(var(--destructive) / 0.05);
 }
+.bg-emerald-200\/50 {
+  background-color: rgb(167 243 208 / 0.5);
+}
+.bg-emerald-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
+}
+.bg-emerald-400\/20 {
+  background-color: rgb(52 211 153 / 0.2);
+}
 .bg-emerald-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
@@ -2035,6 +2191,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
 }
+.bg-green-400\/20 {
+  background-color: rgb(74 222 128 / 0.2);
+}
 .bg-green-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
@@ -2043,6 +2202,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
+.bg-indigo-400\/20 {
+  background-color: rgb(129 140 248 / 0.2);
+}
 .bg-indigo-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
@@ -2066,6 +2228,9 @@ body {
 .bg-muted\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
+.bg-muted\/5 {
+  background-color: hsl(var(--muted) / 0.05);
+}
 .bg-muted\/50 {
   background-color: hsl(var(--muted) / 0.5);
 }
@@ -2084,6 +2249,16 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
 }
+.bg-orange-200\/50 {
+  background-color: rgb(254 215 170 / 0.5);
+}
+.bg-orange-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-400\/20 {
+  background-color: rgb(251 146 60 / 0.2);
+}
 .bg-orange-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -2104,6 +2279,9 @@ body {
 .bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
+.bg-purple-400\/20 {
+  background-color: rgb(192 132 252 / 0.2);
+}
 .bg-purple-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
@@ -2124,6 +2302,16 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
 }
+.bg-rose-200\/50 {
+  background-color: rgb(254 205 211 / 0.5);
+}
+.bg-rose-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
+}
+.bg-rose-400\/20 {
+  background-color: rgb(251 113 133 / 0.2);
+}
 .bg-rose-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
@@ -2131,6 +2319,13 @@ body {
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
+.bg-sky-200\/50 {
+  background-color: rgb(186 230 253 / 0.5);
+}
+.bg-sky-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -2150,13 +2345,29 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
 }
+.bg-teal-400\/20 {
+  background-color: rgb(45 212 191 / 0.2);
+}
 .bg-transparent {
   background-color: transparent;
 }
+.bg-violet-200\/50 {
+  background-color: rgb(221 214 254 / 0.5);
+}
+.bg-violet-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
+.bg-white\/5 {
+  background-color: rgb(255 255 255 / 0.05);
+}
 .bg-white\/60 {
   background-color: rgb(255 255 255 / 0.6);
 }
@@ -2167,6 +2378,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
 }
+.bg-yellow-400\/20 {
+  background-color: rgb(250 204 21 / 0.2);
+}
 .bg-yellow-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
@@ -2294,6 +2508,10 @@ body {
 .p-\[1px\] {
   padding: 1px;
 }
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2396,8 +2614,11 @@ body {
 .pb-4 {
   padding-bottom: 1rem;
 }
-.pl-2 {
-  padding-left: 0.5rem;
+.pe-2 {
+  padding-inline-end: 0.5rem;
+}
+.pe-4 {
+  padding-inline-end: 1rem;
 }
 .pl-3 {
   padding-left: 0.75rem;
@@ -2429,6 +2650,9 @@ body {
 .pr-8 {
   padding-right: 2rem;
 }
+.ps-2 {
+  padding-inline-start: 0.5rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -2506,6 +2730,12 @@ body {
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[28\.5px\] {
   font-size: 28.5px;
 }
@@ -2596,10 +2826,17 @@ body {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
+}
 .text-amber-600 {
   --tw-text-opacity: 1;
   color: rgb(217 119 6 / var(--tw-text-opacity, 1));
 }
+.text-amber-950\/80 {
+  color: rgb(69 26 3 / 0.8);
+}
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -2636,6 +2873,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(5 150 105 / var(--tw-text-opacity, 1));
 }
+.text-emerald-950\/80 {
+  color: rgb(2 44 34 / 0.8);
+}
 .text-foreground {
   color: hsl(var(--foreground));
 }
@@ -2690,6 +2930,9 @@ body {
 .text-muted-foreground\/70 {
   color: hsl(var(--muted-foreground) / 0.7);
 }
+.text-muted-foreground\/80 {
+  color: hsl(var(--muted-foreground) / 0.8);
+}
 .text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity, 1));
@@ -2710,6 +2953,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(249 115 22 / var(--tw-text-opacity, 1));
 }
+.text-orange-950\/80 {
+  color: rgb(67 20 7 / 0.8);
+}
 .text-pink-500 {
   --tw-text-opacity: 1;
   color: rgb(236 72 153 / var(--tw-text-opacity, 1));
@@ -2727,6 +2973,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(168 85 247 / var(--tw-text-opacity, 1));
 }
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -2739,12 +2989,18 @@ body {
   --tw-text-opacity: 1;
   color: rgb(244 63 94 / var(--tw-text-opacity, 1));
 }
+.text-rose-950\/80 {
+  color: rgb(76 5 25 / 0.8);
+}
 .text-secondary {
   color: hsl(var(--secondary));
 }
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
+.text-sky-950\/80 {
+  color: rgb(8 47 73 / 0.8);
+}
 .text-slate-400 {
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -2773,6 +3029,13 @@ body {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.text-teal-500 {
+  --tw-text-opacity: 1;
+  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
+}
+.text-violet-950\/80 {
+  color: rgb(46 16 101 / 0.8);
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2834,6 +3097,9 @@ body {
 .opacity-80 {
   opacity: 0.8;
 }
+.opacity-90 {
+  opacity: 0.9;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2925,6 +3191,9 @@ body {
 .outline {
   outline-style: solid;
 }
+.outline-offset-0 {
+  outline-offset: 0px;
+}
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3484,6 +3753,12 @@ body {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+.last\:border-r-0:last-child {
+  border-right-width: 0px;
+}
 .focus-within\:relative:focus-within {
   position: relative;
 }
@@ -3558,6 +3833,12 @@ body {
 .hover\:bg-accent\/15:hover {
   background-color: hsl(var(--accent) / 0.15);
 }
+.hover\:bg-amber-200\/40:hover {
+  background-color: rgb(253 230 138 / 0.4);
+}
+.hover\:bg-background:hover {
+  background-color: hsl(var(--background));
+}
 .hover\:bg-blue-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -3575,6 +3856,9 @@ body {
 .hover\:bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
+.hover\:bg-emerald-200\/40:hover {
+  background-color: rgb(167 243 208 / 0.4);
+}
 .hover\:bg-emerald-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
@@ -3613,6 +3897,9 @@ body {
 .hover\:bg-muted\/50:hover {
   background-color: hsl(var(--muted) / 0.5);
 }
+.hover\:bg-muted\/60:hover {
+  background-color: hsl(var(--muted) / 0.6);
+}
 .hover\:bg-neutral-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
@@ -3621,6 +3908,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-orange-200\/40:hover {
+  background-color: rgb(254 215 170 / 0.4);
+}
 .hover\:bg-orange-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
@@ -3632,9 +3922,6 @@ body {
 .hover\:bg-primary:hover {
   background-color: hsl(var(--primary));
 }
-.hover\:bg-primary\/10:hover {
-  background-color: hsl(var(--primary) / 0.1);
-}
 .hover\:bg-primary\/20:hover {
   background-color: hsl(var(--primary) / 0.2);
 }
@@ -3657,9 +3944,18 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-rose-200\/40:hover {
+  background-color: rgb(254 205 211 / 0.4);
+}
 .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
+.hover\:bg-sky-200\/40:hover {
+  background-color: rgb(186 230 253 / 0.4);
+}
+.hover\:bg-violet-200\/40:hover {
+  background-color: rgb(221 214 254 / 0.4);
+}
 .hover\:bg-yellow-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
@@ -3873,6 +4169,9 @@ body {
 .focus-visible\:outline-1:focus-visible {
   outline-width: 1px;
 }
+.focus-visible\:outline-\[3px\]:focus-visible {
+  outline-width: 3px;
+}
 .focus-visible\:ring-2:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -4073,6 +4372,9 @@ body {
 .aria-disabled\:opacity-50[aria-disabled=true] {
   opacity: 0.5;
 }
+.aria-hidden\:hidden[aria-hidden=true] {
+  display: none;
+}
 .aria-selected\:bg-muted[aria-selected=true] {
   background-color: hsl(var(--muted));
 }
@@ -4258,6 +4560,30 @@ body {
 .data-\[active\=true\]\:border-ring[data-active=true] {
   border-color: hsl(var(--ring));
 }
+.data-\[state\=checked\]\:border-amber-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-emerald-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-orange-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-rose-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-sky-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-violet-400[data-state=checked] {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
+}
 .data-\[type\=InfoIcon\]\:border-blue-500[data-type=InfoIcon] {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -4296,13 +4622,37 @@ body {
 .data-\[selected\=true\]\:bg-muted[data-selected=true] {
   background-color: hsl(var(--muted));
 }
+.data-\[state\=checked\]\:bg-amber-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+}
+.data-\[state\=checked\]\:bg-emerald-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=checked\]\:bg-green-500[data-state=checked] {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
+.data-\[state\=checked\]\:bg-orange-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=checked\]\:bg-primary[data-state=checked] {
   background-color: hsl(var(--primary));
 }
+.data-\[state\=checked\]\:bg-rose-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
+}
+.data-\[state\=checked\]\:bg-sky-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
+}
+.data-\[state\=checked\]\:bg-violet-400[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=open\]\:bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
@@ -4830,6 +5180,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-amber-400\/25:is(.dark *) {
+  background-color: rgb(251 191 36 / 0.25);
+}
 .dark\:bg-background:is(.dark *) {
   background-color: hsl(var(--background));
 }
@@ -4839,6 +5192,9 @@ body {
 .dark\:bg-card\/95:is(.dark *) {
   background-color: hsl(var(--card) / 0.95);
 }
+.dark\:bg-emerald-400\/25:is(.dark *) {
+  background-color: rgb(52 211 153 / 0.25);
+}
 .dark\:bg-gray-800:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
@@ -4861,9 +5217,18 @@ body {
 .dark\:bg-neutral-900\/60:is(.dark *) {
   background-color: rgb(23 23 23 / 0.6);
 }
+.dark\:bg-orange-400\/25:is(.dark *) {
+  background-color: rgb(251 146 60 / 0.25);
+}
 .dark\:bg-primary:is(.dark *) {
   background-color: hsl(var(--primary));
 }
+.dark\:bg-rose-400\/25:is(.dark *) {
+  background-color: rgb(251 113 133 / 0.25);
+}
+.dark\:bg-sky-400\/25:is(.dark *) {
+  background-color: rgb(56 189 248 / 0.25);
+}
 .dark\:bg-slate-50:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -4884,6 +5249,9 @@ body {
 .dark\:bg-slate-900\/60:is(.dark *) {
   background-color: rgb(15 23 42 / 0.6);
 }
+.dark\:bg-violet-400\/25:is(.dark *) {
+  background-color: rgb(167 139 250 / 0.25);
+}
 .dark\:bg-zinc-500:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1));
@@ -4895,10 +5263,18 @@ body {
 .dark\:stroke-\[rgba\(255\,255\,255\,0\.06\)\]:is(.dark *) {
   stroke: rgba(255, 255, 255, 0.06);
 }
+.dark\:text-amber-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
+}
 .dark\:text-black:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / 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));
+}
 .dark\:text-emerald-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(52 211 153 / var(--tw-text-opacity, 1));
@@ -4919,10 +5295,22 @@ body {
   --tw-text-opacity: 1;
   color: rgb(163 163 163 / var(--tw-text-opacity, 1));
 }
+.dark\:text-orange-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
+}
 .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
+.dark\:text-rose-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
+}
+.dark\:text-sky-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
+}
 .dark\:text-slate-100:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(241 245 249 / var(--tw-text-opacity, 1));
@@ -4947,6 +5335,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.dark\:text-violet-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
+}
 .dark\:text-white:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4970,9 +5362,24 @@ body {
 .dark\:hover\:bg-accent\/50:hover:is(.dark *) {
   background-color: hsl(var(--accent) / 0.5);
 }
+.dark\:hover\:bg-amber-400\/20:hover:is(.dark *) {
+  background-color: rgb(251 191 36 / 0.2);
+}
 .dark\:hover\:bg-background\/95:hover:is(.dark *) {
   background-color: hsl(var(--background) / 0.95);
 }
+.dark\:hover\:bg-emerald-400\/20:hover:is(.dark *) {
+  background-color: rgb(52 211 153 / 0.2);
+}
+.dark\:hover\:bg-orange-400\/20:hover:is(.dark *) {
+  background-color: rgb(251 146 60 / 0.2);
+}
+.dark\:hover\:bg-rose-400\/20:hover:is(.dark *) {
+  background-color: rgb(251 113 133 / 0.2);
+}
+.dark\:hover\:bg-sky-400\/20:hover:is(.dark *) {
+  background-color: rgb(56 189 248 / 0.2);
+}
 .dark\:hover\:bg-slate-50:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -4981,6 +5388,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
 }
+.dark\:hover\:bg-violet-400\/20:hover:is(.dark *) {
+  background-color: rgb(167 139 250 / 0.2);
+}
 .dark\:hover\:text-emerald-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(110 231 183 / var(--tw-text-opacity, 1));
@@ -5032,6 +5442,54 @@ body {
 .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]:is(.dark *) {
   background-color: hsl(var(--destructive) / 0.2);
 }
+@media not all and (min-width: 768px) {
+  .max-md\:hidden {
+    display: none;
+  }
+}
+@media not all and (min-width: 640px) {
+  .max-sm\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .max-sm\:hidden {
+    display: none;
+  }
+}
+@media (max-width: 479px) {
+  .max-\[479px\]\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .max-\[479px\]\:hidden {
+    display: none;
+  }
+  .max-\[479px\]\:aspect-square {
+    aspect-ratio: 1 / 1;
+  }
+  .max-\[479px\]\:h-8 {
+    height: 2rem;
+  }
+}
+@media (min-width: 480px) {
+  .min-\[480px\]\:hidden {
+    display: none;
+  }
+}
 @media (min-width: 640px) {
   .sm\:right-4 {
     right: 1rem;
@@ -5039,6 +5497,9 @@ body {
   .sm\:top-4 {
     top: 1rem;
   }
+  .sm\:-ms-1 {
+    margin-inline-start: -0.25rem;
+  }
   .sm\:mb-2 {
     margin-bottom: 0.5rem;
   }
@@ -5048,6 +5509,9 @@ body {
   .sm\:flex {
     display: flex;
   }
+  .sm\:hidden {
+    display: none;
+  }
   .sm\:h-10 {
     height: 2.5rem;
   }
@@ -5069,6 +5533,9 @@ body {
   .sm\:min-h-\[40px\] {
     min-height: 40px;
   }
+  .sm\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*3\)\] {
+    min-height: calc((var(--event-height) + var(--event-gap)) * 3);
+  }
   .sm\:w-12 {
     width: 3rem;
   }
@@ -5093,6 +5560,9 @@ body {
   .sm\:max-w-\[420px\] {
     max-width: 420px;
   }
+  .sm\:max-w-\[425px\] {
+    max-width: 425px;
+  }
   .sm\:max-w-md {
     max-width: 28rem;
   }
@@ -5106,6 +5576,9 @@ body {
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .sm\:grid-cols-\[4rem_1fr\] {
+    grid-template-columns: 4rem 1fr;
+  }
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -5118,6 +5591,9 @@ body {
   .sm\:justify-end {
     justify-content: flex-end;
   }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
   .sm\:gap-2 {
     gap: 0.5rem;
   }
@@ -5156,6 +5632,13 @@ body {
   .sm\:p-3 {
     padding: 0.75rem;
   }
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
   .sm\:px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -5164,9 +5647,8 @@ body {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-  .sm\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  .sm\:pe-4 {
+    padding-inline-end: 1rem;
   }
   .sm\:text-left {
     text-align: left;
@@ -5174,6 +5656,9 @@ body {
   .sm\:text-\[0\.95rem\] {
     font-size: 0.95rem;
   }
+  .sm\:text-\[11px\] {
+    font-size: 11px;
+  }
   .sm\:text-\[clamp\(0\.65rem\,1\.1vw\,0\.825rem\)\] {
     font-size: clamp(0.65rem, 1.1vw, 0.825rem);
   }
@@ -5184,6 +5669,10 @@ body {
     font-size: 1rem;
     line-height: 1.5rem;
   }
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -5192,6 +5681,10 @@ body {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+  .sm\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
   .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left] {
     max-width: 24rem;
   }
@@ -5331,6 +5824,9 @@ body {
   }
 }
 @media (min-width: 1024px) {
+  .lg\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*4\)\] {
+    min-height: calc((var(--event-height) + var(--event-gap)) * 4);
+  }
   .lg\:w-\[500px\] {
     width: 500px;
   }
@@ -5394,6 +5890,9 @@ body {
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
+.\[\&\:last-child\>\*\]\:border-b-0:last-child > * {
+  border-bottom-width: 0px;
+}
 .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
   --tw-translate-y: 2px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5418,6 +5917,18 @@ body {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+.\[\&\>span\]\:flex > span {
+  display: flex;
+}
+.\[\&\>span\]\:items-center > span {
+  align-items: center;
+}
+.\[\&\>span\]\:gap-2 > span {
+  gap: 0.5rem;
+}
+.\[\&\>span_\[data-square\]\]\:shrink-0 > span [data-square] {
+  flex-shrink: 0;
+}
 .\[\&\>svg\]\:pointer-events-none > svg {
   pointer-events: none;
 }
@@ -5443,6 +5954,27 @@ body {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.\[\&_\*\[role\=option\]\>span\]\:end-2 *[role=option] > span {
+  inset-inline-end: 0.5rem;
+}
+.\[\&_\*\[role\=option\]\>span\]\:start-auto *[role=option] > span {
+  inset-inline-start: auto;
+}
+.\[\&_\*\[role\=option\]\>span\]\:flex *[role=option] > span {
+  display: flex;
+}
+.\[\&_\*\[role\=option\]\>span\]\:items-center *[role=option] > span {
+  align-items: center;
+}
+.\[\&_\*\[role\=option\]\>span\]\:gap-2 *[role=option] > span {
+  gap: 0.5rem;
+}
+.\[\&_\*\[role\=option\]\]\:pe-8 *[role=option] {
+  padding-inline-end: 2rem;
+}
+.\[\&_\*\[role\=option\]\]\:ps-2 *[role=option] {
+  padding-inline-start: 0.5rem;
+}
 .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;