@mantine/core 7.7.0 → 7.7.1

package/styles/ScrollArea.layer.css

@@ -1,11 +1,11 @@
-@layer mantine {.m-d57069b5 {
+@layer mantine {.m_d57069b5 {
   --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
 
   position: relative;
   overflow: hidden;
 }
 
-.m-c0783ff9 {
+.m_c0783ff9 {
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
@@ -13,25 +13,25 @@
   height: 100%;
 }
 
-.m-c0783ff9::-webkit-scrollbar {
+.m_c0783ff9::-webkit-scrollbar {
     display: none;
   }
 
-.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
       padding-inline-end: var(--scrollarea-scrollbar-size);
       padding-inline-start: unset;
     }
 
-.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
       padding-bottom: var(--scrollarea-scrollbar-size);
     }
 
-.m-f8f631dd {
+.m_f8f631dd {
   min-width: 100%;
   display: table;
 }
 
-.m-c44ba933 {
+.m_c44ba933 {
   user-select: none;
   touch-action: none;
   box-sizing: border-box;
@@ -46,53 +46,53 @@
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-c44ba933:hover {
+    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) .m-c44ba933:hover > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover {
+    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-c44ba933:active {
+    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) .m-c44ba933:active > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) .m-c44ba933:active {
+    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-c44ba933:active > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
-.m-c44ba933:where([data-hidden], [data-state='hidden']) {
+.m_c44ba933:where([data-hidden], [data-state='hidden']) {
     display: none;
   }
 
-.m-c44ba933:where([data-orientation='vertical']) {
+.m_c44ba933:where([data-orientation='vertical']) {
     width: var(--scrollarea-scrollbar-size);
     top: 0;
     bottom: var(--sa-corner-width);
     inset-inline-end: 0;
   }
 
-.m-c44ba933:where([data-orientation='horizontal']) {
+.m_c44ba933:where([data-orientation='horizontal']) {
     height: var(--scrollarea-scrollbar-size);
     flex-direction: column;
     bottom: 0;
@@ -100,7 +100,7 @@
     inset-inline-start: var(--sa-corner-height);
   }
 
-.m-d8b5e363 {
+.m_d8b5e363 {
   flex: 1;
   border-radius: var(--scrollarea-scrollbar-size);
   position: relative;
@@ -108,7 +108,7 @@
   overflow: hidden;
 }
 
-.m-d8b5e363::before {
+.m_d8b5e363::before {
     content: '""';
     position: absolute;
     top: 50%;
@@ -120,15 +120,15 @@
     min-height: calc(2.75rem * var(--mantine-scale));
   }
 
-:where([data-mantine-color-scheme='light']) .m-d8b5e363 {
+:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
+:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
-.m-21657268 {
+.m_21657268 {
   position: absolute;
   opacity: 0;
   transition: opacity 150ms ease;
@@ -137,19 +137,19 @@
   bottom: 0;
 }
 
-:where([data-mantine-color-scheme='light']) .m-21657268 {
+:where([data-mantine-color-scheme='light']) .m_21657268 {
     background-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-21657268 {
+:where([data-mantine-color-scheme='dark']) .m_21657268 {
     background-color: var(--mantine-color-dark-8);
 }
 
-.m-21657268:where([data-hovered]) {
+.m_21657268:where([data-hovered]) {
     opacity: 1;
   }
 
-.m-21657268:where([data-hidden]) {
+.m_21657268:where([data-hidden]) {
     display: none;
   }
 }

package/styles/SegmentedControl.css

@@ -1,4 +1,4 @@
-.m-cf365364 {
+.m_cf365364 {
   --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
   --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
   --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
@@ -19,46 +19,46 @@
   padding: 4px;
 } /* px required for correct indicator calculations */
 
-  .m-cf365364:where([data-full-width]) {
+  .m_cf365364:where([data-full-width]) {
     display: flex;
   }
 
-  .m-cf365364:where([data-orientation='vertical']) {
+  .m_cf365364:where([data-orientation='vertical']) {
     display: flex;
     flex-direction: column;
     width: max-content;
   }
 
-  .m-cf365364:where([data-orientation='vertical']):where([data-full-width]) {
+  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
       width: auto;
     }
 
-  :where([data-mantine-color-scheme='light']) .m-cf365364 {
+  :where([data-mantine-color-scheme='light']) .m_cf365364 {
     background-color: var(--mantine-color-gray-1);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-cf365364 {
+  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
     background-color: var(--mantine-color-dark-8);
 }
 
-.m-9e182ccd {
+.m_9e182ccd {
   position: absolute;
   display: block;
   z-index: 1;
   border-radius: var(--sc-radius, var(--mantine-radius-default));
 }
 
-:where([data-mantine-color-scheme='light']) .m-9e182ccd {
+:where([data-mantine-color-scheme='light']) .m_9e182ccd {
     box-shadow: var(--sc-shadow, none);
     background-color: var(--sc-color, var(--mantine-color-white));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-9e182ccd {
+:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
     box-shadow: none;
     background-color: var(--sc-color, var(--mantine-color-dark-5));
 }
 
-.m-1738fcb2 {
+.m_1738fcb2 {
   -webkit-tap-highlight-color: transparent;
   font-weight: 500;
   display: block;
@@ -77,44 +77,44 @@
   outline: var(--segmented-control-outline, none);
 }
 
-:where([data-mantine-color-scheme='light']) .m-1738fcb2 {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2 {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
     color: var(--mantine-color-dark-1);
 }
 
-.m-1738fcb2:where([data-read-only]) {
+.m_1738fcb2:where([data-read-only]) {
     cursor: default;
   }
 
-fieldset:disabled .m-1738fcb2,
-  .m-1738fcb2:where([data-disabled]) {
+fieldset:disabled .m_1738fcb2,
+  .m_1738fcb2:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2, :where([data-mantine-color-scheme='light']) .m-1738fcb2:where([data-disabled]) {
+: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]) {
+: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]) {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
       color: var(--sc-label-color, var(--mantine-color-black));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2:where([data-active]) {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
       color: var(--sc-label-color, var(--mantine-color-white));
 }
 
-.m-cf365364:where([data-initialized]) .m-1738fcb2:where([data-active])::before {
+.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
         display: none;
       }
 
-.m-1738fcb2:where([data-active])::before {
+.m_1738fcb2:where([data-active])::before {
       content: '';
       inset: 0;
       z-index: 0;
@@ -122,57 +122,57 @@ fieldset:disabled .m-1738fcb2,
       border-radius: var(--sc-radius, var(--mantine-radius-default));
 }
 
-:where([data-mantine-color-scheme='light']) .m-1738fcb2:where([data-active])::before {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
         box-shadow: var(--sc-shadow, none);
         background-color: var(--sc-color, var(--mantine-color-white));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2:where([data-active])::before {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
         box-shadow: none;
         background-color: var(--sc-color, var(--mantine-color-dark-5));
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
+      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
         color: var(--mantine-color-black);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
+      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
         color: var(--mantine-color-white);
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
+      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
         color: var(--mantine-color-black);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
+      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
         color: var(--mantine-color-white);
   }
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2: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 {
+      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:hover {
         color: var(--mantine-color-dark-3) !important;
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2:active {
+      :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 {
+      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:active {
         color: var(--mantine-color-dark-3) !important;
   }
 }
 
-.m-1714d588 {
+.m_1714d588 {
   height: 0;
   width: 0;
   position: absolute;
@@ -181,22 +181,22 @@ fieldset:disabled .m-1738fcb2,
   opacity: 0;
 }
 
-.m-1714d588[data-focus-ring='auto']:focus:focus-visible + .m-1738fcb2 {
+.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
         --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-1714d588[data-focus-ring='always']:focus + .m-1738fcb2 {
+.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
         --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-69686b9b {
+.m_69686b9b {
   position: relative;
   flex: 1;
   z-index: 2;
   transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
 }
 
-.m-cf365364[data-with-items-borders] :where(.m-69686b9b)::before {
+.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
     content: '';
     position: absolute;
     top: 0;
@@ -207,7 +207,7 @@ fieldset:disabled .m-1738fcb2,
     transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
   }
 
-.m-69686b9b[data-orientation='vertical']::before {
+.m_69686b9b[data-orientation='vertical']::before {
       top: 0;
       inset-inline: 0;
       bottom: auto;
@@ -215,23 +215,23 @@ fieldset:disabled .m-1738fcb2,
       width: auto;
     }
 
-:where([data-mantine-color-scheme='light']) .m-69686b9b {
+:where([data-mantine-color-scheme='light']) .m_69686b9b {
     --separator-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-69686b9b {
+:where([data-mantine-color-scheme='dark']) .m_69686b9b {
     --separator-color: var(--mantine-color-dark-4);
 }
 
-.m-69686b9b:first-of-type::before {
+.m_69686b9b:first-of-type::before {
       --separator-color: transparent;
     }
 
-[data-mantine-color-scheme] .m-69686b9b[data-active]::before, [data-mantine-color-scheme] .m-69686b9b[data-active] + .m-69686b9b::before {
+[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
           --separator-color: transparent;
         }
 
-.m-78882f40 {
+.m_78882f40 {
   position: relative;
   z-index: 2;
 }

package/styles/SegmentedControl.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-cf365364 {
+@layer mantine {.m_cf365364 {
   --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
   --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
   --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
@@ -19,46 +19,46 @@
   padding: 4px;
 } /* px required for correct indicator calculations */
 
-  .m-cf365364:where([data-full-width]) {
+  .m_cf365364:where([data-full-width]) {
     display: flex;
   }
 
-  .m-cf365364:where([data-orientation='vertical']) {
+  .m_cf365364:where([data-orientation='vertical']) {
     display: flex;
     flex-direction: column;
     width: max-content;
   }
 
-  .m-cf365364:where([data-orientation='vertical']):where([data-full-width]) {
+  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
       width: auto;
     }
 
-  :where([data-mantine-color-scheme='light']) .m-cf365364 {
+  :where([data-mantine-color-scheme='light']) .m_cf365364 {
     background-color: var(--mantine-color-gray-1);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-cf365364 {
+  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
     background-color: var(--mantine-color-dark-8);
 }
 
-.m-9e182ccd {
+.m_9e182ccd {
   position: absolute;
   display: block;
   z-index: 1;
   border-radius: var(--sc-radius, var(--mantine-radius-default));
 }
 
-:where([data-mantine-color-scheme='light']) .m-9e182ccd {
+:where([data-mantine-color-scheme='light']) .m_9e182ccd {
     box-shadow: var(--sc-shadow, none);
     background-color: var(--sc-color, var(--mantine-color-white));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-9e182ccd {
+:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
     box-shadow: none;
     background-color: var(--sc-color, var(--mantine-color-dark-5));
 }
 
-.m-1738fcb2 {
+.m_1738fcb2 {
   -webkit-tap-highlight-color: transparent;
   font-weight: 500;
   display: block;
@@ -77,44 +77,44 @@
   outline: var(--segmented-control-outline, none);
 }
 
-:where([data-mantine-color-scheme='light']) .m-1738fcb2 {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2 {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
     color: var(--mantine-color-dark-1);
 }
 
-.m-1738fcb2:where([data-read-only]) {
+.m_1738fcb2:where([data-read-only]) {
     cursor: default;
   }
 
-fieldset:disabled .m-1738fcb2,
-  .m-1738fcb2:where([data-disabled]) {
+fieldset:disabled .m_1738fcb2,
+  .m_1738fcb2:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2, :where([data-mantine-color-scheme='light']) .m-1738fcb2:where([data-disabled]) {
+: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]) {
+: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]) {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
       color: var(--sc-label-color, var(--mantine-color-black));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2:where([data-active]) {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
       color: var(--sc-label-color, var(--mantine-color-white));
 }
 
-.m-cf365364:where([data-initialized]) .m-1738fcb2:where([data-active])::before {
+.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
         display: none;
       }
 
-.m-1738fcb2:where([data-active])::before {
+.m_1738fcb2:where([data-active])::before {
       content: '';
       inset: 0;
       z-index: 0;
@@ -122,57 +122,57 @@ fieldset:disabled .m-1738fcb2,
       border-radius: var(--sc-radius, var(--mantine-radius-default));
 }
 
-:where([data-mantine-color-scheme='light']) .m-1738fcb2:where([data-active])::before {
+:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
         box-shadow: var(--sc-shadow, none);
         background-color: var(--sc-color, var(--mantine-color-white));
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1738fcb2:where([data-active])::before {
+:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
         box-shadow: none;
         background-color: var(--sc-color, var(--mantine-color-dark-5));
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
+      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
         color: var(--mantine-color-black);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
+      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
         color: var(--mantine-color-white);
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
+      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
         color: var(--mantine-color-black);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
+      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
         color: var(--mantine-color-white);
   }
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2: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 {
+      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:hover {
         color: var(--mantine-color-dark-3) !important;
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) fieldset:disabled .m-1738fcb2:active {
+      :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 {
+      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:active {
         color: var(--mantine-color-dark-3) !important;
   }
 }
 
-.m-1714d588 {
+.m_1714d588 {
   height: 0;
   width: 0;
   position: absolute;
@@ -181,22 +181,22 @@ fieldset:disabled .m-1738fcb2,
   opacity: 0;
 }
 
-.m-1714d588[data-focus-ring='auto']:focus:focus-visible + .m-1738fcb2 {
+.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
         --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-1714d588[data-focus-ring='always']:focus + .m-1738fcb2 {
+.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
         --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-69686b9b {
+.m_69686b9b {
   position: relative;
   flex: 1;
   z-index: 2;
   transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
 }
 
-.m-cf365364[data-with-items-borders] :where(.m-69686b9b)::before {
+.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
     content: '';
     position: absolute;
     top: 0;
@@ -207,7 +207,7 @@ fieldset:disabled .m-1738fcb2,
     transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
   }
 
-.m-69686b9b[data-orientation='vertical']::before {
+.m_69686b9b[data-orientation='vertical']::before {
       top: 0;
       inset-inline: 0;
       bottom: auto;
@@ -215,23 +215,23 @@ fieldset:disabled .m-1738fcb2,
       width: auto;
     }
 
-:where([data-mantine-color-scheme='light']) .m-69686b9b {
+:where([data-mantine-color-scheme='light']) .m_69686b9b {
     --separator-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-69686b9b {
+:where([data-mantine-color-scheme='dark']) .m_69686b9b {
     --separator-color: var(--mantine-color-dark-4);
 }
 
-.m-69686b9b:first-of-type::before {
+.m_69686b9b:first-of-type::before {
       --separator-color: transparent;
     }
 
-[data-mantine-color-scheme] .m-69686b9b[data-active]::before, [data-mantine-color-scheme] .m-69686b9b[data-active] + .m-69686b9b::before {
+[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
           --separator-color: transparent;
         }
 
-.m-78882f40 {
+.m_78882f40 {
   position: relative;
   z-index: 2;
 }

package/styles/SimpleGrid.css

@@ -1,4 +1,4 @@
-.m-2415a157 {
+.m_2415a157 {
   display: grid;
   grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
   gap: var(--sg-spacing-y) var(--sg-spacing-x);