@umami/react-zen 0.80.0 → 0.81.0

package/dist/index.css

@@ -3310,23 +3310,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__MDIxN {
+.List_list__M2YzO {
   min-width: 100px;
   outline: none;
   overflow: auto;
 }
-.List_separator__YWY4N {
+.List_separator__NzBlZ {
   border-bottom: var(--border);
 }
-.List_section__NWU0Y:not(:last-child) {
+.List_section__MWM1Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__Yzg0Y {
+.List_header__ZmQyN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__NjEyN {
+.List_item__M2IxN {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3339,22 +3339,25 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__NjEyN[data-focus],
-.List_item__NjEyN[data-focus-visible] {
+.List_item__M2IxN[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.List_item__M2IxN[data-focus],
+.List_item__M2IxN[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__NjEyN:hover {
+.List_item__M2IxN:hover {
   background: var(--highlight-color);
 }
-.List_item__NjEyN[data-selected] {
+.List_item__M2IxN[data-selected] {
   font-weight: bold;
 }
-.List_item__NjEyN[data-selected] .List_check__MTNlZ {
+.List_item__M2IxN[data-selected] .List_check__OWQxN {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.List_check__MTNlZ {
+.List_check__OWQxN {
   display: none;
 }
 
@@ -3383,7 +3386,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__YmUyN {
+.Menu_menu__ZGYzM {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3392,19 +3395,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__NDFlO {
+.Menu_separator__Yzk4N {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__YjJjY:not(:last-child) {
+.Menu_section__MjYyM:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__NDVjN {
+.Menu_header__ODcyM {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjBiN {
+.Menu_item__ZGQ3M {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3417,28 +3420,30 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjBiN[data-focus],
-.Menu_item__YjBiN[data-focus-visible] {
+.Menu_item__ZGQ3M[data-disabled] {
+}
+.Menu_item__ZGQ3M[data-focus],
+.Menu_item__ZGQ3M[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN:hover {
+.Menu_item__ZGQ3M:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN[data-selected] {
+.Menu_item__ZGQ3M[data-selected] {
   font-weight: bold;
 }
-.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
+.Menu_item__ZGQ3M[data-selected] .Menu_check__NzhkO {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__YmVhZ {
+.Menu_check__NzhkO {
   display: none;
 }
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
-.Modal_overlay__OGJmN {
+.Modal_overlay__MzBhO {
   position: fixed;
   top: 0;
   left: 0;
@@ -3449,18 +3454,19 @@ body a.Button_button__NDYwM {
   align-items: center;
   justify-content: center;
   --modal-offset: 50%;
+  z-index: 9999;
 }
-.Modal_overlay__OGJmN[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms;
+.Modal_overlay__MzBhO[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms;
 }
-.Modal_overlay__OGJmN[data-exiting] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms reverse ease-in;
+.Modal_overlay__MzBhO[data-exiting] {
+  animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ {
+.Modal_modal__YTU3M {
   position: relative;
   z-index: 9999;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z {
+.Modal_modal__YTU3M.Modal_left__ZDU0O {
   position: absolute;
   top: 0;
   left: 0;
@@ -3468,7 +3474,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ {
+.Modal_modal__YTU3M.Modal_right__MGFhO {
   position: absolute;
   top: 0;
   right: 0;
@@ -3476,7 +3482,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY {
+.Modal_modal__YTU3M.Modal_top__OTY4M {
   position: absolute;
   top: 0;
   left: 0;
@@ -3484,7 +3490,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ {
+.Modal_modal__YTU3M.Modal_bottom__NjY4N {
   position: absolute;
   left: 0;
   right: 0;
@@ -3492,41 +3498,41 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O {
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
   width: 100dvw;
   height: 100dvh;
 }
-.Modal_modal__OTZjZ.Modal_center__NmI1N[data-entering] {
-  animation: Modal_modal-zoom__ZWRlM 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
+  animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-entering] {
-  animation: Modal_modal-left__ODA0M 200ms ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
+  animation: Modal_modal-left__YTc0N 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-exiting] {
-  animation: Modal_modal-left__ODA0M 200ms reverse ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
+  animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-entering] {
-  animation: Modal_modal-right__ZjYwM 200ms ease-out;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
+  animation: Modal_modal-right__MWY0Z 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-exiting] {
-  animation: Modal_modal-right__ZjYwM 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
+  animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-entering] {
-  animation: Modal_modal-top__N2VhY 200ms ease-out;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
+  animation: Modal_modal-top__OTQ2M 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-exiting] {
-  animation: Modal_modal-top__N2VhY 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
+  animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-entering] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms ease-out;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
+  animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-exiting] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
+  animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms ease-out;
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
 }
-@keyframes Modal_modal-fade-in__MzJiZ {
+@keyframes Modal_modal-fade-in__OTcxN {
   from {
     opacity: 0;
   }
@@ -3534,7 +3540,7 @@ body a.Button_button__NDYwM {
     opacity: 1;
   }
 }
-@keyframes Modal_modal-zoom__ZWRlM {
+@keyframes Modal_modal-zoom__MjY4Y {
   from {
     transform: scale(0.8);
   }
@@ -3542,7 +3548,7 @@ body a.Button_button__NDYwM {
     transform: scale(1);
   }
 }
-@keyframes Modal_modal-left__ODA0M {
+@keyframes Modal_modal-left__YTc0N {
   from {
     transform: translateX(-100%);
   }
@@ -3550,7 +3556,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-right__ZjYwM {
+@keyframes Modal_modal-right__MWY0Z {
   from {
     transform: translateX(100%);
   }
@@ -3558,7 +3564,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-top__N2VhY {
+@keyframes Modal_modal-top__OTQ2M {
   from {
     transform: translateY(-100%);
   }
@@ -3566,7 +3572,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-bottom__ZTQ3Y {
+@keyframes Modal_modal-bottom__NDlkZ {
   from {
     transform: translateY(100%);
   }

package/dist/index.d.ts

@@ -644,7 +644,7 @@ declare module '@umami/react-zen/Menu' {
         className?: string;
         children?: ReactNode;
     }
-    function Menu({ items, className, children, ...props }: MenuProps): import("react").JSX.Element;
+    function Menu({ className, children, ...props }: MenuProps): import("react").JSX.Element;
     function MenuItem({ children, className, ...props }: MenuItemProps<any>): import("react").JSX.Element;
     function MenuSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
     function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {

package/dist/index.js

@@ -30611,7 +30611,7 @@ var import_react184 = require("react");
 var import_classnames32 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__MDIxN", "separator": "List_separator__YWY4N", "section": "List_section__NWU0Y", "header": "List_header__Yzg0Y", "item": "List_item__NjEyN", "check": "List_check__MTNlZ" };
+var List_default = { "list": "List_list__M2YzO", "separator": "List_separator__NzBlZ", "section": "List_section__MWM1Y", "header": "List_header__ZmQyN", "item": "List_item__M2IxN", "check": "List_check__OWQxN" };
 
 // src/components/List.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -30692,11 +30692,11 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__NDFlO", "section": "Menu_section__YjJjY", "header": "Menu_header__NDVjN", "item": "Menu_item__YjBiN", "check": "Menu_check__YmVhZ" };
+var Menu_default = { "menu": "Menu_menu__ZGYzM", "separator": "Menu_separator__Yzk4N", "section": "Menu_section__MjYyM", "header": "Menu_header__ODcyM", "item": "Menu_item__ZGQ3M", "check": "Menu_check__NzhkO" };
 
 // src/components/Menu.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
-function Menu2({ items, className, children, ...props }) {
+function Menu2({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
@@ -30724,7 +30724,7 @@ function MenuSection({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
-var Modal_default = { "overlay": "Modal_overlay__OGJmN", "modal-fade-in": "Modal_modal-fade-in__MzJiZ", "modal": "Modal_modal__OTZjZ", "left": "Modal_left__Mzg1Z", "right": "Modal_right__YmRmZ", "top": "Modal_top__ZDUzY", "bottom": "Modal_bottom__ZDRhZ", "fullscreen": "Modal_fullscreen__NTU4O", "center": "Modal_center__NmI1N", "modal-zoom": "Modal_modal-zoom__ZWRlM", "modal-left": "Modal_modal-left__ODA0M", "modal-right": "Modal_modal-right__ZjYwM", "modal-top": "Modal_modal-top__N2VhY", "modal-bottom": "Modal_modal-bottom__ZTQ3Y" };
+var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -30500,7 +30500,7 @@ import { Fragment as Fragment6 } from "react";
 var import_classnames32 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__MDIxN", "separator": "List_separator__YWY4N", "section": "List_section__NWU0Y", "header": "List_header__Yzg0Y", "item": "List_item__NjEyN", "check": "List_check__MTNlZ" };
+var List_default = { "list": "List_list__M2YzO", "separator": "List_separator__NzBlZ", "section": "List_section__MWM1Y", "header": "List_header__ZmQyN", "item": "List_item__M2IxN", "check": "List_check__OWQxN" };
 
 // src/components/List.tsx
 import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -30581,11 +30581,11 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__NDFlO", "section": "Menu_section__YjJjY", "header": "Menu_header__NDVjN", "item": "Menu_item__YjBiN", "check": "Menu_check__YmVhZ" };
+var Menu_default = { "menu": "Menu_menu__ZGYzM", "separator": "Menu_separator__Yzk4N", "section": "Menu_section__MjYyM", "header": "Menu_header__ODcyM", "item": "Menu_item__ZGQ3M", "check": "Menu_check__NzhkO" };
 
 // src/components/Menu.tsx
 import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
-function Menu2({ items, className, children, ...props }) {
+function Menu2({ className, children, ...props }) {
   return /* @__PURE__ */ jsx44($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
@@ -30613,7 +30613,7 @@ function MenuSection({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
-var Modal_default = { "overlay": "Modal_overlay__OGJmN", "modal-fade-in": "Modal_modal-fade-in__MzJiZ", "modal": "Modal_modal__OTZjZ", "left": "Modal_left__Mzg1Z", "right": "Modal_right__YmRmZ", "top": "Modal_top__ZDUzY", "bottom": "Modal_bottom__ZDRhZ", "fullscreen": "Modal_fullscreen__NTU4O", "center": "Modal_center__NmI1N", "modal-zoom": "Modal_modal-zoom__ZWRlM", "modal-left": "Modal_modal-left__ODA0M", "modal-right": "Modal_modal-right__ZjYwM", "modal-top": "Modal_modal-top__N2VhY", "modal-bottom": "Modal_modal-bottom__ZTQ3Y" };
+var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
 import { jsx as jsx45 } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.80.0",
+  "version": "0.81.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -3630,23 +3630,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__MDIxN {
+.List_list__M2YzO {
   min-width: 100px;
   outline: none;
   overflow: auto;
 }
-.List_separator__YWY4N {
+.List_separator__NzBlZ {
   border-bottom: var(--border);
 }
-.List_section__NWU0Y:not(:last-child) {
+.List_section__MWM1Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__Yzg0Y {
+.List_header__ZmQyN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__NjEyN {
+.List_item__M2IxN {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3659,22 +3659,25 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__NjEyN[data-focus],
-.List_item__NjEyN[data-focus-visible] {
+.List_item__M2IxN[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.List_item__M2IxN[data-focus],
+.List_item__M2IxN[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__NjEyN:hover {
+.List_item__M2IxN:hover {
   background: var(--highlight-color);
 }
-.List_item__NjEyN[data-selected] {
+.List_item__M2IxN[data-selected] {
   font-weight: bold;
 }
-.List_item__NjEyN[data-selected] .List_check__MTNlZ {
+.List_item__M2IxN[data-selected] .List_check__OWQxN {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.List_check__MTNlZ {
+.List_check__OWQxN {
   display: none;
 }
 
@@ -3703,7 +3706,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__YmUyN {
+.Menu_menu__ZGYzM {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3712,19 +3715,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__NDFlO {
+.Menu_separator__Yzk4N {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__YjJjY:not(:last-child) {
+.Menu_section__MjYyM:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__NDVjN {
+.Menu_header__ODcyM {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjBiN {
+.Menu_item__ZGQ3M {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3737,28 +3740,30 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjBiN[data-focus],
-.Menu_item__YjBiN[data-focus-visible] {
+.Menu_item__ZGQ3M[data-disabled] {
+}
+.Menu_item__ZGQ3M[data-focus],
+.Menu_item__ZGQ3M[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN:hover {
+.Menu_item__ZGQ3M:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN[data-selected] {
+.Menu_item__ZGQ3M[data-selected] {
   font-weight: bold;
 }
-.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
+.Menu_item__ZGQ3M[data-selected] .Menu_check__NzhkO {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__YmVhZ {
+.Menu_check__NzhkO {
   display: none;
 }
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
-.Modal_overlay__OGJmN {
+.Modal_overlay__MzBhO {
   position: fixed;
   top: 0;
   left: 0;
@@ -3769,18 +3774,19 @@ body a.Button_button__NDYwM {
   align-items: center;
   justify-content: center;
   --modal-offset: 50%;
+  z-index: 9999;
 }
-.Modal_overlay__OGJmN[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms;
+.Modal_overlay__MzBhO[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms;
 }
-.Modal_overlay__OGJmN[data-exiting] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms reverse ease-in;
+.Modal_overlay__MzBhO[data-exiting] {
+  animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ {
+.Modal_modal__YTU3M {
   position: relative;
   z-index: 9999;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z {
+.Modal_modal__YTU3M.Modal_left__ZDU0O {
   position: absolute;
   top: 0;
   left: 0;
@@ -3788,7 +3794,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ {
+.Modal_modal__YTU3M.Modal_right__MGFhO {
   position: absolute;
   top: 0;
   right: 0;
@@ -3796,7 +3802,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY {
+.Modal_modal__YTU3M.Modal_top__OTY4M {
   position: absolute;
   top: 0;
   left: 0;
@@ -3804,7 +3810,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ {
+.Modal_modal__YTU3M.Modal_bottom__NjY4N {
   position: absolute;
   left: 0;
   right: 0;
@@ -3812,41 +3818,41 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O {
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
   width: 100dvw;
   height: 100dvh;
 }
-.Modal_modal__OTZjZ.Modal_center__NmI1N[data-entering] {
-  animation: Modal_modal-zoom__ZWRlM 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
+  animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-entering] {
-  animation: Modal_modal-left__ODA0M 200ms ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
+  animation: Modal_modal-left__YTc0N 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-exiting] {
-  animation: Modal_modal-left__ODA0M 200ms reverse ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
+  animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-entering] {
-  animation: Modal_modal-right__ZjYwM 200ms ease-out;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
+  animation: Modal_modal-right__MWY0Z 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-exiting] {
-  animation: Modal_modal-right__ZjYwM 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
+  animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-entering] {
-  animation: Modal_modal-top__N2VhY 200ms ease-out;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
+  animation: Modal_modal-top__OTQ2M 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-exiting] {
-  animation: Modal_modal-top__N2VhY 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
+  animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-entering] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms ease-out;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
+  animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-exiting] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
+  animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms ease-out;
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
 }
-@keyframes Modal_modal-fade-in__MzJiZ {
+@keyframes Modal_modal-fade-in__OTcxN {
   from {
     opacity: 0;
   }
@@ -3854,7 +3860,7 @@ body a.Button_button__NDYwM {
     opacity: 1;
   }
 }
-@keyframes Modal_modal-zoom__ZWRlM {
+@keyframes Modal_modal-zoom__MjY4Y {
   from {
     transform: scale(0.8);
   }
@@ -3862,7 +3868,7 @@ body a.Button_button__NDYwM {
     transform: scale(1);
   }
 }
-@keyframes Modal_modal-left__ODA0M {
+@keyframes Modal_modal-left__YTc0N {
   from {
     transform: translateX(-100%);
   }
@@ -3870,7 +3876,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-right__ZjYwM {
+@keyframes Modal_modal-right__MWY0Z {
   from {
     transform: translateX(100%);
   }
@@ -3878,7 +3884,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-top__N2VhY {
+@keyframes Modal_modal-top__OTQ2M {
   from {
     transform: translateY(-100%);
   }
@@ -3886,7 +3892,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-bottom__ZTQ3Y {
+@keyframes Modal_modal-bottom__NDlkZ {
   from {
     transform: translateY(100%);
   }