@mantine/core 7.7.0 → 7.7.2

package/styles/Checkbox.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-bf2d988c {
+@layer mantine {.m_bf2d988c {
   --checkbox-size-xs: calc(1rem * var(--mantine-scale));
   --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
   --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
@@ -10,18 +10,18 @@
   --checkbox-icon-color: var(--mantine-color-white);
 }
 
-.m-26062bec {
+.m_26062bec {
   position: relative;
   width: var(--checkbox-size);
   height: var(--checkbox-size);
   order: 1;
 }
 
-.m-26062bec:where([data-label-position='left']) {
+.m_26062bec:where([data-label-position='left']) {
     order: 2;
   }
 
-.m-26063560 {
+.m_26063560 {
   appearance: none;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   width: var(--checkbox-size);
@@ -37,70 +37,70 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-:where([data-mantine-color-scheme='light']) .m-26063560 {
+:where([data-mantine-color-scheme='light']) .m_26063560 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-26063560 {
+:where([data-mantine-color-scheme='dark']) .m_26063560 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-26063560:where([data-error]) {
+.m_26063560:where([data-error]) {
     border-color: var(--mantine-color-error);
   }
 
-.m-26063560[data-indeterminate],
-  .m-26063560:checked {
+.m_26063560[data-indeterminate],
+  .m_26063560:checked {
     background-color: var(--checkbox-color);
     border-color: var(--checkbox-color);
   }
 
-.m-26063560[data-indeterminate] + .m-bf295423, .m-26063560:checked + .m-bf295423 {
+.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
       opacity: 1;
       transform: none;
     }
 
-.m-26063560:disabled {
+.m_26063560:disabled {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-26063560:disabled {
+:where([data-mantine-color-scheme='light']) .m_26063560:disabled {
       background-color: var(--mantine-color-gray-2);
       border-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-26063560:disabled {
+:where([data-mantine-color-scheme='dark']) .m_26063560:disabled {
       background-color: var(--mantine-color-dark-6);
       border-color: var(--mantine-color-dark-6);
 }
 
-[data-mantine-color-scheme='light'] .m-26063560:disabled + .m-bf295423 {
+[data-mantine-color-scheme='light'] .m_26063560:disabled + .m_bf295423 {
         color: var(--mantine-color-gray-5);
 }
 
-[data-mantine-color-scheme='dark'] .m-26063560:disabled + .m-bf295423 {
+[data-mantine-color-scheme='dark'] .m_26063560:disabled + .m_bf295423 {
         color: var(--mantine-color-dark-3);
 }
 
-.m-215c4542 + .m-bf295423 {
+.m_215c4542 + .m_bf295423 {
     color: var(--checkbox-color);
   }
 
-.m-215c4542[data-indeterminate]:not(:disabled),
-  .m-215c4542:checked:not(:disabled) {
+.m_215c4542[data-indeterminate]:not(:disabled),
+  .m_215c4542:checked:not(:disabled) {
     background-color: transparent;
     border-color: var(--checkbox-color);
   }
 
-.m-215c4542[data-indeterminate]:not(:disabled) + .m-bf295423, .m-215c4542:checked:not(:disabled) + .m-bf295423 {
+.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
       color: var(--checkbox-color);
       opacity: 1;
       transform: none;
     }
 
-.m-bf295423 {
+.m_bf295423 {
   position: absolute;
   inset: 0;
   width: 60%;

package/styles/Chip.css

@@ -1,4 +1,4 @@
-.m-f59ffda3 {
+.m_f59ffda3 {
   --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
   --chip-size-sm: calc(1.75rem * var(--mantine-scale));
   --chip-size-md: calc(2rem * var(--mantine-scale));
@@ -40,7 +40,7 @@
   --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
 }
 
-.m-be049a53 {
+.m_be049a53 {
   display: inline-flex;
   align-items: center;
   user-select: none;
@@ -56,108 +56,108 @@
   color: var(--mantine-color-text);
 }
 
-.m-be049a53:where([data-checked]) {
+.m_be049a53:where([data-checked]) {
     padding: var(--chip-checked-padding);
   }
 
-.m-be049a53:where([data-disabled]) {
+.m_be049a53:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-be049a53:where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_be049a53:where([data-disabled]) {
       background-color: var(--mantine-color-gray-2);
       color: var(--mantine-color-gray-5);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-be049a53:where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_be049a53:where([data-disabled]) {
       background-color: var(--mantine-color-dark-6);
       color: var(--mantine-color-dark-3);
 }
 
-:where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
     background-color: var(--mantine-color-white);
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
     background-color: var(--mantine-color-dark-6);
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
-.m-3904c1af:not([data-disabled]):where([data-checked]) {
+.m_3904c1af:not([data-disabled]):where([data-checked]) {
     --chip-icon-color: var(--chip-color);
     border: var(--chip-bd);
   }
 
 @media (hover: hover) {
 
-  .m-3904c1af:not([data-disabled]):where([data-checked]):hover {
+  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
       background-color: var(--chip-hover);
   }
 }
 
 @media (hover: none) {
 
-  .m-3904c1af:not([data-disabled]):where([data-checked]):active {
+  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
       background-color: var(--chip-hover);
   }
 }
 
-.m-fa109255:not([data-disabled]),
-.m-f7e165c3:not([data-disabled]) {
+.m_fa109255:not([data-disabled]),
+.m_f7e165c3:not([data-disabled]) {
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   color: var(--mantine-color-text);
 }
 
-:where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
     background-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
     background-color: var(--mantine-color-dark-5);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
       background-color: var(--mantine-color-gray-2);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
       background-color: var(--mantine-color-gray-2);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
-.m-fa109255:not([data-disabled]):where([data-checked]), .m-f7e165c3:not([data-disabled]):where([data-checked]) {
+.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
     --chip-icon-color: var(--chip-color);
     color: var(--chip-color);
     background-color: var(--chip-bg);
@@ -165,19 +165,19 @@
 
 @media (hover: hover) {
 
-  .m-fa109255:not([data-disabled]):where([data-checked]):hover, .m-f7e165c3:not([data-disabled]):where([data-checked]):hover {
+  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
       background-color: var(--chip-hover);
   }
 }
 
 @media (hover: none) {
 
-  .m-fa109255:not([data-disabled]):where([data-checked]):active, .m-f7e165c3:not([data-disabled]):where([data-checked]):active {
+  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
       background-color: var(--chip-hover);
   }
 }
 
-.m-9ac86df9 {
+.m_9ac86df9 {
   width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
   max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
   height: var(--chip-icon-size);
@@ -186,14 +186,14 @@
   overflow: hidden;
 }
 
-.m-d6d72580 {
+.m_d6d72580 {
   width: var(--chip-icon-size);
   height: var(--chip-icon-size);
   display: block;
   color: var(--chip-icon-color, inherit);
 }
 
-.m-bde07329 {
+.m_bde07329 {
   width: 0;
   height: 0;
   padding: 0;
@@ -201,7 +201,7 @@
   margin: 0;
 }
 
-.m-bde07329:focus-visible + .m-be049a53 {
+.m_bde07329:focus-visible + .m_be049a53 {
     outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }

package/styles/Chip.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f59ffda3 {
+@layer mantine {.m_f59ffda3 {
   --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
   --chip-size-sm: calc(1.75rem * var(--mantine-scale));
   --chip-size-md: calc(2rem * var(--mantine-scale));
@@ -40,7 +40,7 @@
   --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
 }
 
-.m-be049a53 {
+.m_be049a53 {
   display: inline-flex;
   align-items: center;
   user-select: none;
@@ -56,108 +56,108 @@
   color: var(--mantine-color-text);
 }
 
-.m-be049a53:where([data-checked]) {
+.m_be049a53:where([data-checked]) {
     padding: var(--chip-checked-padding);
   }
 
-.m-be049a53:where([data-disabled]) {
+.m_be049a53:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-be049a53:where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_be049a53:where([data-disabled]) {
       background-color: var(--mantine-color-gray-2);
       color: var(--mantine-color-gray-5);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-be049a53:where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_be049a53:where([data-disabled]) {
       background-color: var(--mantine-color-dark-6);
       color: var(--mantine-color-dark-3);
 }
 
-:where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
     background-color: var(--mantine-color-white);
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
     background-color: var(--mantine-color-dark-6);
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-3904c1af:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-3904c1af:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
-.m-3904c1af:not([data-disabled]):where([data-checked]) {
+.m_3904c1af:not([data-disabled]):where([data-checked]) {
     --chip-icon-color: var(--chip-color);
     border: var(--chip-bd);
   }
 
 @media (hover: hover) {
 
-  .m-3904c1af:not([data-disabled]):where([data-checked]):hover {
+  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
       background-color: var(--chip-hover);
   }
 }
 
 @media (hover: none) {
 
-  .m-3904c1af:not([data-disabled]):where([data-checked]):active {
+  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
       background-color: var(--chip-hover);
   }
 }
 
-.m-fa109255:not([data-disabled]),
-.m-f7e165c3:not([data-disabled]) {
+.m_fa109255:not([data-disabled]),
+.m_f7e165c3:not([data-disabled]) {
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   color: var(--mantine-color-text);
 }
 
-:where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
     background-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
     background-color: var(--mantine-color-dark-5);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
       background-color: var(--mantine-color-gray-2);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]):hover {
+    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m-f7e165c3:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
       background-color: var(--mantine-color-gray-2);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m-f7e165c3:not([data-disabled]):active {
+    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
-.m-fa109255:not([data-disabled]):where([data-checked]), .m-f7e165c3:not([data-disabled]):where([data-checked]) {
+.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
     --chip-icon-color: var(--chip-color);
     color: var(--chip-color);
     background-color: var(--chip-bg);
@@ -165,19 +165,19 @@
 
 @media (hover: hover) {
 
-  .m-fa109255:not([data-disabled]):where([data-checked]):hover, .m-f7e165c3:not([data-disabled]):where([data-checked]):hover {
+  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
       background-color: var(--chip-hover);
   }
 }
 
 @media (hover: none) {
 
-  .m-fa109255:not([data-disabled]):where([data-checked]):active, .m-f7e165c3:not([data-disabled]):where([data-checked]):active {
+  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
       background-color: var(--chip-hover);
   }
 }
 
-.m-9ac86df9 {
+.m_9ac86df9 {
   width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
   max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
   height: var(--chip-icon-size);
@@ -186,14 +186,14 @@
   overflow: hidden;
 }
 
-.m-d6d72580 {
+.m_d6d72580 {
   width: var(--chip-icon-size);
   height: var(--chip-icon-size);
   display: block;
   color: var(--chip-icon-color, inherit);
 }
 
-.m-bde07329 {
+.m_bde07329 {
   width: 0;
   height: 0;
   padding: 0;
@@ -201,7 +201,7 @@
   margin: 0;
 }
 
-.m-bde07329:focus-visible + .m-be049a53 {
+.m_bde07329:focus-visible + .m_be049a53 {
     outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }

package/styles/CloseButton.css

@@ -1,4 +1,4 @@
-.m-86a44da5 {
+.m_86a44da5 {
   --cb-size-xs: calc(1.125rem * var(--mantine-scale));
   --cb-size-sm: calc(1.375rem * var(--mantine-scale));
   --cb-size-md: calc(1.75rem * var(--mantine-scale));
@@ -23,30 +23,36 @@
   border-radius: var(--cb-radius);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-86a44da5 {
+  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
     color: var(--mantine-color-gray-7);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-86a44da5 {
+  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
     color: var(--mantine-color-dark-1);
 }
 
+  .m_86a44da5[data-disabled],
+  .m_86a44da5:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-220c80f2:hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-220c80f2:hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-220c80f2:active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-220c80f2:active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/CloseButton.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-86a44da5 {
+@layer mantine {.m_86a44da5 {
   --cb-size-xs: calc(1.125rem * var(--mantine-scale));
   --cb-size-sm: calc(1.375rem * var(--mantine-scale));
   --cb-size-md: calc(1.75rem * var(--mantine-scale));
@@ -23,30 +23,36 @@
   border-radius: var(--cb-radius);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-86a44da5 {
+  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
     color: var(--mantine-color-gray-7);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-86a44da5 {
+  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
     color: var(--mantine-color-dark-1);
 }
 
+  .m_86a44da5[data-disabled],
+  .m_86a44da5:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-220c80f2:hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-220c80f2:hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-220c80f2:active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-220c80f2:active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/Code.css

@@ -1,4 +1,4 @@
-.m-b183c0a2 {
+.m_b183c0a2 {
   font-family: var(--mantine-font-family-monospace);
   line-height: var(--mantine-line-height);
   padding: calc(0.125rem * var(--mantine-scale)) calc(var(--mantine-spacing-xs) / 2);
@@ -8,16 +8,16 @@
   overflow: auto;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-b183c0a2 {
+  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
     background-color: var(--code-bg, var(--mantine-color-gray-1));
     color: var(--mantine-color-black);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-b183c0a2 {
+  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
     background-color: var(--code-bg, var(--mantine-color-dark-5));
     color: var(--mantine-color-white);
 }
 
-  .m-b183c0a2[data-block] {
+  .m_b183c0a2[data-block] {
     padding: var(--mantine-spacing-xs);
   }

package/styles/Code.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-b183c0a2 {
+@layer mantine {.m_b183c0a2 {
   font-family: var(--mantine-font-family-monospace);
   line-height: var(--mantine-line-height);
   padding: calc(0.125rem * var(--mantine-scale)) calc(var(--mantine-spacing-xs) / 2);
@@ -8,17 +8,17 @@
   overflow: auto;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-b183c0a2 {
+  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
     background-color: var(--code-bg, var(--mantine-color-gray-1));
     color: var(--mantine-color-black);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-b183c0a2 {
+  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
     background-color: var(--code-bg, var(--mantine-color-dark-5));
     color: var(--mantine-color-white);
 }
 
-  .m-b183c0a2[data-block] {
+  .m_b183c0a2[data-block] {
     padding: var(--mantine-spacing-xs);
   }
 }