@mantine/core 8.0.0-alpha.3 → 8.0.1

package/styles.layer.css

@@ -346,6 +346,9 @@ fieldset:disabled .mantine-active:active {
   --mantine-color-default-color: var(--mantine-color-white);
   --mantine-color-default-border: var(--mantine-color-dark-4);
   --mantine-color-dimmed: var(--mantine-color-dark-2);
+  --mantine-color-disabled: var(--mantine-color-dark-6);
+  --mantine-color-disabled-color: var(--mantine-color-dark-3);
+  --mantine-color-disabled-border: var(--mantine-color-gray-6);
   --mantine-color-dark-text: var(--mantine-color-dark-4);
   --mantine-color-dark-filled: var(--mantine-color-dark-8);
   --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
@@ -474,6 +477,9 @@ fieldset:disabled .mantine-active:active {
   --mantine-color-default-color: var(--mantine-color-black);
   --mantine-color-default-border: var(--mantine-color-gray-4);
   --mantine-color-dimmed: var(--mantine-color-gray-6);
+  --mantine-color-disabled: var(--mantine-color-gray-2);
+  --mantine-color-disabled-color: var(--mantine-color-gray-5);
+  --mantine-color-disabled-border: var(--mantine-color-gray-3);
   --mantine-color-dark-text: var(--mantine-color-dark-filled);
   --mantine-color-dark-filled: var(--mantine-color-dark-6);
   --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
@@ -1062,18 +1068,10 @@ fieldset:disabled .mantine-active:active {
   .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
     cursor: not-allowed;
     border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+    color: var(--mantine-color-disabled-color);
+    background-color: var(--mantine-color-disabled);
   }
 
-  :where([data-mantine-color-scheme='light']) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
-      background-color: var(--mantine-color-gray-1);
-      color: var(--mantine-color-gray-5);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
-      background-color: var(--mantine-color-dark-6);
-      color: var(--mantine-color-dark-3);
-}
-
   .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
       transform: none;
     }
@@ -1311,7 +1309,7 @@ fieldset:disabled .mantine-active:active {
     z-index: 1001;
   }
 
-.m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
+[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
     padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
   }
 
@@ -1356,6 +1354,8 @@ fieldset:disabled .mantine-active:active {
   --input-padding-inline-end: var(--input-padding);
   --input-placeholder-color: var(--mantine-color-placeholder);
   --input-color: var(--mantine-color-text);
+  --input-disabled-bg: var(--mantine-color-disabled);
+  --input-disabled-color: var(--mantine-color-disabled-color);
 
   --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
 
@@ -1405,11 +1405,6 @@ fieldset:disabled .mantine-active:active {
     --input-padding-inline-end: var(--input-right-section-size);
   }
 
-  [data-mantine-color-scheme='light'] .m_6c018570 {
-    --input-disabled-bg: var(--mantine-color-gray-1);
-    --input-disabled-color: var(--mantine-color-gray-6);
-}
-
   [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
       --input-bd: var(--mantine-color-gray-4);
       --input-bg: var(--mantine-color-white);
@@ -1428,11 +1423,6 @@ fieldset:disabled .mantine-active:active {
       --input-bd-focus: transparent;
     }
 
-  [data-mantine-color-scheme='dark'] .m_6c018570 {
-    --input-disabled-bg: var(--mantine-color-dark-6);
-    --input-disabled-color: var(--mantine-color-dark-2);
-}
-
   [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
       --input-bd: var(--mantine-color-dark-4);
       --input-bg: var(--mantine-color-dark-6);
@@ -2116,10 +2106,9 @@ fieldset:disabled .mantine-active:active {
 
 .m_bc02ba3d {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
+  inset-block: 0;
+  inset-inline-start: calc(50% - 1.5px);
+  inset-inline-end: 0;
   height: 100%;
   width: calc(0.1875rem * var(--mantine-scale));
   outline: none;
@@ -2549,13 +2538,10 @@ fieldset:disabled .m_d3ea56bb,
   padding-inline-end: var(--label-offset-end);
 }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='light']) .m_8ee546b8:where([data-disabled]) {
-      color: var(--mantine-color-gray-5);
-}
-
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='dark']) .m_8ee546b8:where([data-disabled]) {
-      color: var(--mantine-color-dark-3);
-}
+fieldset:disabled .m_8ee546b8,
+  .m_8ee546b8:where([data-disabled]) {
+    color: var(--mantine-color-disabled-color);
+  }
 
 .m_328f68c0 {
   margin-top: calc(var(--mantine-spacing-xs) / 2);
@@ -2646,18 +2632,10 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_5e5256ee[data-disabled] {
     cursor: not-allowed;
+    border-color: var(--mantine-color-disabled-border);
+    background-color: var(--mantine-color-disabled);
   }
 
-  :where([data-mantine-color-scheme='light']) .m_5e5256ee[data-disabled] {
-      background-color: var(--mantine-color-gray-2);
-      border-color: var(--mantine-color-gray-3);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_5e5256ee[data-disabled] {
-      background-color: var(--mantine-color-dark-6);
-      border-color: var(--mantine-color-dark-6);
-}
-
   [data-mantine-color-scheme='light'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
         color: var(--mantine-color-gray-5);
 }
@@ -2756,25 +2734,13 @@ fieldset:disabled .m_d3ea56bb,
 
 .m_26063560:disabled {
     cursor: not-allowed;
+    border-color: var(--mantine-color-disabled-border);
+    background-color: var(--mantine-color-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 {
-      background-color: var(--mantine-color-dark-6);
-      border-color: var(--mantine-color-dark-6);
-}
-
-[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 {
-        color: var(--mantine-color-dark-3);
-}
+.m_26063560:disabled + .m_bf295423 {
+      color: var(--mantine-color-disabled-color);
+    }
 
 .m_215c4542 + .m_bf295423 {
     color: var(--checkbox-color);
@@ -3218,18 +3184,10 @@ fieldset:disabled .m_d3ea56bb,
     cursor: not-allowed;
     border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
     transform: none;
+    color: var(--mantine-color-disabled-color);
+    background: var(--mantine-color-disabled);
   }
 
-  :where([data-mantine-color-scheme='light']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
-      color: var(--mantine-color-gray-5);
-      background: var(--mantine-color-gray-1);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
-      color: var(--mantine-color-dark-3);
-      background: var(--mantine-color-dark-6);
-}
-
   .m_77c9d27d::before {
     content: '';
     pointer-events: none;
@@ -3551,18 +3509,10 @@ fieldset:disabled .m_d3ea56bb,
 
 .m_be049a53:where([data-disabled]) {
     cursor: not-allowed;
+    background-color: var(--mantine-color-disabled);
+    color: var(--mantine-color-disabled-color);
   }
 
-: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]) {
-      background-color: var(--mantine-color-dark-6);
-      color: var(--mantine-color-dark-3);
-}
-
 :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
     background-color: var(--mantine-color-white);
     border: 1px solid var(--mantine-color-gray-3);
@@ -4409,7 +4359,7 @@ fieldset:disabled .m_d3ea56bb,
 }
 
 .m_99ac2aa1:where([data-disabled], :disabled) {
-    color: var(--mantine-color-dimmed);
+    color: var(--mantine-color-disabled-color);
     opacity: 0.6;
     cursor: not-allowed;
   }
@@ -4566,7 +4516,7 @@ fieldset:disabled .m_d3ea56bb,
 }
 
 :where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
-      background-color: var(--mantine-color-gray-3);
+      background-color: var(--mantine-color-disabled);
     }
 
 :where([data-mantine-color-scheme='light']) .m_e3a01f8 {
@@ -4574,7 +4524,7 @@ fieldset:disabled .m_d3ea56bb,
 }
 
 :where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
-      background-color: var(--mantine-color-gray-3);
+      background-color: var(--mantine-color-disabled);
     }
 
 .m_1e0e6180 {
@@ -4974,16 +4924,9 @@ fieldset:disabled .m_d3ea56bb,
     background-color: transparent;
     cursor: not-allowed;
     opacity: 0.6;
+    color: var(--mantine-color-disabled-color);
   }
 
-:where([data-mantine-color-scheme='light']) .m_80b4b171:where(:disabled) {
-      color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_80b4b171:where(:disabled) {
-      color: var(--mantine-color-dark-3);
-}
-
 .m_e2f5cd4e[data-error] :where(.m_80b4b171) {
     color: var(--mantine-color-error);
   }
@@ -5364,25 +5307,13 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_717d7ff6[data-disabled] {
     cursor: not-allowed;
+    background-color: var(--mantine-color-disabled);
+    border-color: var(--mantine-color-disabled-border);
   }
 
-  :where([data-mantine-color-scheme='light']) .m_717d7ff6[data-disabled] {
-      background-color: var(--mantine-color-gray-2);
-      border-color: var(--mantine-color-gray-3);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_717d7ff6[data-disabled] {
-      background-color: var(--mantine-color-dark-6);
-      border-color: var(--mantine-color-dark-6);
-}
-
-  [data-mantine-color-scheme='light'] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
-        color: var(--mantine-color-gray-5);
-}
-
-  [data-mantine-color-scheme='dark'] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
-        color: var(--mantine-color-dark-3);
-}
+  .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
+      color: var(--mantine-color-disabled-color);
+    }
 
 .m_2980836c[data-indeterminate]:not([data-disabled]),
   .m_2980836c[data-checked]:not([data-disabled]) {
@@ -5492,25 +5423,13 @@ fieldset:disabled .m_d3ea56bb,
 
 .m_8a3dbb89:disabled {
     cursor: not-allowed;
+    background-color: var(--mantine-color-disabled);
+    border-color: var(--mantine-color-disabled-border);
   }
 
-:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled {
-      background-color: var(--mantine-color-gray-1);
-      border-color: var(--mantine-color-gray-2);
-}
-
-:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
-        --radio-icon-color: var(--mantine-color-gray-3);
-      }
-
-:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled {
-      background-color: var(--mantine-color-dark-5);
-      border-color: var(--mantine-color-dark-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
-        --radio-icon-color: var(--mantine-color-dark-7);
-      }
+.m_8a3dbb89:disabled + .m_f3ed6b2b {
+      --radio-icon-color: var(--mantine-color-disabled-color);
+    }
 
 .m_8a3dbb89:where([data-error]) {
     border-color: var(--mantine-color-error);
@@ -5783,16 +5702,9 @@ fieldset:disabled .m_d3ea56bb,
 fieldset:disabled .m_1738fcb2,
   .m_1738fcb2:where([data-disabled]) {
     cursor: not-allowed;
+    color: var(--mantine-color-disabled-color);
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2, :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-disabled]) {
-      color: var(--mantine-color-gray-5);
-}
-
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2, :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-disabled]) {
-      color: var(--mantine-color-dark-3);
-}
-
 :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
       color: var(--sc-label-color, var(--mantine-color-black));
 }
@@ -5844,22 +5756,16 @@ fieldset:disabled .m_1738fcb2,
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2:hover {
-        color: var(--mantine-color-gray-5) !important;
-  }
 
-      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:hover {
-        color: var(--mantine-color-dark-3) !important;
+  fieldset:disabled .m_1738fcb2:hover {
+      color: var(--mantine-color-disabled-color) !important;
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2:active {
-        color: var(--mantine-color-gray-5) !important;
-  }
 
-      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:active {
-        color: var(--mantine-color-dark-3) !important;
+  fieldset:disabled .m_1738fcb2:active {
+      color: var(--mantine-color-disabled-color) !important;
   }
 }
 
@@ -6055,6 +5961,7 @@ fieldset:disabled .m_1738fcb2,
   --slider-size: var(--slider-size-md);
   --slider-radius: calc(62.5rem * var(--mantine-scale));
   --slider-color: var(--mantine-primary-color-filled);
+  --slider-track-disabled-bg: var(--mantine-color-disabled);
 
   -webkit-tap-highlight-color: transparent;
   outline: none;
@@ -6069,12 +5976,10 @@ fieldset:disabled .m_1738fcb2,
 
   [data-mantine-color-scheme='light'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-gray-2);
-    --slider-track-disabled-bg: var(--mantine-color-gray-4);
 }
 
   [data-mantine-color-scheme='dark'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-dark-4);
-    --slider-track-disabled-bg: var(--mantine-color-dark-3);
 }
 
 .m_c9357328 {
@@ -6201,13 +6106,10 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     background-color: var(--slider-track-bg);
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
-      background-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
-      background-color: var(--mantine-color-dark-3);
-}
+fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
+  .m_38aeed47:where([data-disabled]:not([data-inverted])) {
+    background-color: var(--mantine-color-disabled-color);
+  }
 
 .m_b7b0423a {
   position: absolute;
@@ -6239,13 +6141,9 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     border-color: var(--slider-color);
   }
 
-:where([data-mantine-color-scheme='light']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
-        border-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
-        border-color: var(--mantine-color-dark-3);
-}
+.m_dd33bc19:where([data-filled]):where([data-disabled]) {
+      border-color: var(--mantine-color-disabled-border);
+    }
 
 .m_68c77a5b {
   transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
@@ -6306,6 +6204,15 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   --stepper-spacing: var(--mantine-spacing-md);
   --stepper-radius: calc(62.5rem * var(--mantine-scale));
   --stepper-fz: var(--mantine-font-size-md);
+  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
+}
+
+  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
+    --stepper-outline-color: var(--mantine-color-gray-2);
+}
+
+  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
+    --stepper-outline-color: var(--mantine-color-dark-5);
 }
 
 .m_aaf89d0b {
@@ -6336,43 +6243,17 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   }
 
 .m_2a371ac9 {
-  --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
-
   transition: background-color 150ms ease;
   flex: 1;
-}
-
-:where([data-mantine-color-scheme='light']) .m_2a371ac9 {
-    background-color: var(--mantine-color-gray-2);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_2a371ac9 {
-    background-color: var(--mantine-color-dark-2);
+  height: var(--stepper-outline-thickness);
+  margin-inline: var(--mantine-spacing-md);
+  background-color: var(--stepper-outline-color);
 }
 
 .m_2a371ac9:where([data-active]) {
     background-color: var(--stepper-color);
   }
 
-.m_2a371ac9:where([data-orientation='horizontal']) {
-    height: calc(0.125rem * var(--mantine-scale));
-    margin-inline: var(--mantine-spacing-md);
-  }
-
-.m_2a371ac9:where([data-orientation='vertical']) {
-    width: calc(0.125rem * var(--mantine-scale));
-    margin-top: calc(var(--mantine-spacing-xs) / 2);
-    margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
-  }
-
-.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
-      margin-inline-start: var(--separator-offset);
-    }
-
-.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
-      margin-inline-end: var(--separator-offset);
-    }
-
 .m_78da155d {
   padding-top: var(--stepper-content-padding);
 }
@@ -6413,10 +6294,14 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     margin-top: 0;
   }
 
-.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
-    display: none;
+.m_833edb7e:where(:last-of-type) {
+    min-height: auto;
   }
 
+.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
+      display: none;
+    }
+
 .m_818e70b {
   position: relative;
 }
@@ -6426,15 +6311,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
   position: absolute;
-  border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
-}
-
-:where([data-mantine-color-scheme='light']) .m_6496b3f3 {
-    border-color: var(--mantine-color-gray-1);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_6496b3f3 {
-    border-color: var(--mantine-color-dark-5);
+  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
 }
 
 .m_6496b3f3:where([data-active]) {
@@ -6456,18 +6333,15 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   transition:
     background-color 150ms ease,
     border-color 150ms ease;
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
+  background-color: var(--stepper-outline-color);
 }
 
 :where([data-mantine-color-scheme='light']) .m_1959ad01 {
-    background-color: var(--mantine-color-gray-1);
-    border-color: var(--mantine-color-gray-1);
     color: var(--mantine-color-gray-7);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_1959ad01 {
-    background-color: var(--mantine-color-dark-5);
-    border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-dark-1);
 }
 
@@ -6560,6 +6434,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   --switch-track-label-padding: var(--switch-track-label-padding-sm);
   --switch-radius: calc(62.5rem * var(--mantine-scale));
   --switch-color: var(--mantine-primary-color-filled);
+  --switch-disabled-color: var(--mantine-color-disabled);
 
   position: relative;
 }
@@ -6623,13 +6498,11 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 [data-mantine-color-scheme='light'] .m_9307d992 {
     --switch-bg: var(--mantine-color-gray-3);
     --switch-text-color: var(--mantine-color-gray-6);
-    --switch-disabled-color: var(--mantine-color-gray-2);
 }
 
 [data-mantine-color-scheme='dark'] .m_9307d992 {
     --switch-bg: var(--mantine-color-dark-5);
     --switch-text-color: var(--mantine-color-dark-1);
-    --switch-disabled-color: var(--mantine-color-dark-4);
 }
 
 .m_9307d992[data-label-position='left'] {
@@ -6655,7 +6528,8 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     background-color: var(--switch-bg);
     position: absolute;
     border-radius: var(--switch-radius);
-    inset: 50%;
+    top: 50%;
+    left: 50%;
     transform: translate(-50%, -50%);
   }
 
@@ -6801,7 +6675,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     position: sticky;
   }
 
-.m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
       position: sticky;
       top: var(--table-sticky-header-offset, 0);
       background-color: var(--mantine-color-body);
@@ -7024,6 +6898,11 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     margin-inline-start: var(--mantine-spacing-xs);
   }
 
+.m_42bbd1ae {
+  flex: 1;
+  text-align: center;
+}
+
 /*************************************** default variant ***************************************/
 .m_576c9d4 {
   position: relative;

package/cjs/core/MantineProvider/suppress-nextjs-warning.cjs

@@ -1,14 +0,0 @@
-'use client';
-'use strict';
-
-function suppressNextjsWarning() {
-  const originalError = console.error;
-  console.error = (...args) => {
-    if (args.length > 1 && typeof args[0] === "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] === "string" && args[1].toLowerCase().includes("data-mantine-color-scheme")) ; else {
-      originalError(...args);
-    }
-  };
-}
-
-exports.suppressNextjsWarning = suppressNextjsWarning;
-//# sourceMappingURL=suppress-nextjs-warning.cjs.map

package/cjs/core/MantineProvider/suppress-nextjs-warning.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"suppress-nextjs-warning.cjs","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n  const originalError = console.error;\n\n  console.error = (...args) => {\n    if (\n      args.length > 1 &&\n      typeof args[0] === 'string' &&\n      args[0].toLowerCase().includes('extra attributes from the server') &&\n      typeof args[1] === 'string' &&\n      args[1].toLowerCase().includes('data-mantine-color-scheme')\n    ) {\n      // Suppress the warning\n    } else {\n      originalError(...args);\n    }\n  };\n}\n"],"names":[],"mappings":";;;AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAwB,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,CAAA,CAAQ,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,IAAI,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CACd,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,kCAAkC,CAAA,CAAA,CAAA,CAAA,CACjE,OAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CAEK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CACF,CAAA,CAAA,CAAA;AACF,CAAA;;"}

package/esm/core/MantineProvider/suppress-nextjs-warning.mjs

@@ -1,12 +0,0 @@
-'use client';
-function suppressNextjsWarning() {
-  const originalError = console.error;
-  console.error = (...args) => {
-    if (args.length > 1 && typeof args[0] === "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] === "string" && args[1].toLowerCase().includes("data-mantine-color-scheme")) ; else {
-      originalError(...args);
-    }
-  };
-}
-
-export { suppressNextjsWarning };
-//# sourceMappingURL=suppress-nextjs-warning.mjs.map

package/esm/core/MantineProvider/suppress-nextjs-warning.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"suppress-nextjs-warning.mjs","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n  const originalError = console.error;\n\n  console.error = (...args) => {\n    if (\n      args.length > 1 &&\n      typeof args[0] === 'string' &&\n      args[0].toLowerCase().includes('extra attributes from the server') &&\n      typeof args[1] === 'string' &&\n      args[1].toLowerCase().includes('data-mantine-color-scheme')\n    ) {\n      // Suppress the warning\n    } else {\n      originalError(...args);\n    }\n  };\n}\n"],"names":[],"mappings":";AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAwB,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,CAAA,CAAQ,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,IAAI,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CACd,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,kCAAkC,CAAA,CAAA,CAAA,CAAA,CACjE,OAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CAEK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CACF,CAAA,CAAA,CAAA;AACF,CAAA;;"}

package/lib/core/MantineProvider/suppress-nextjs-warning.d.ts

@@ -1 +0,0 @@
-export declare function suppressNextjsWarning(): void;