@mantine/core 7.14.2 → 7.15.0

package/styles/ActionIcon.layer.css

@@ -106,19 +106,19 @@
     flex-direction: row;
   }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child) {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--ai-border-width) / 2);
       }
@@ -127,19 +127,19 @@
     flex-direction: column;
   }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child) {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
         border-top-width: calc(var(--ai-border-width) / 2);
@@ -155,4 +155,43 @@
   width: 100%;
   height: 100%;
 }
+
+.m_437b6484 {
+  --section-height-xs: 18px;
+  --section-height-sm: 22px;
+  --section-height-md: 28px;
+  --section-height-lg: 34px;
+  --section-height-xl: 44px;
+
+  --section-height-input-xs: 30px;
+  --section-height-input-sm: 36px;
+  --section-height-input-md: 42px;
+  --section-height-input-lg: 50px;
+  --section-height-input-xl: 60px;
+
+  --section-padding-x-xs: 6px;
+  --section-padding-x-sm: 8px;
+  --section-padding-x-md: 10px;
+  --section-padding-x-lg: 12px;
+  --section-padding-x-xl: 16px;
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: 600;
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
 }

package/styles/Button.css

@@ -184,19 +184,19 @@
     flex-direction: row;
   }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--button-border-width) / 2);
       }
@@ -205,20 +205,65 @@
     flex-direction: column;
   }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
         border-top-width: calc(var(--button-border-width) / 2);
       }
+
+.m_70be2a01 {
+  --section-height-xs: 30px;
+  --section-height-sm: 36px;
+  --section-height-md: 42px;
+  --section-height-lg: 50px;
+  --section-height-xl: 60px;
+
+  --section-height-compact-xs: 22px;
+  --section-height-compact-sm: 26px;
+  --section-height-compact-md: 30px;
+  --section-height-compact-lg: 34px;
+  --section-height-compact-xl: 40px;
+
+  --section-padding-x-xs: 14px;
+  --section-padding-x-sm: 18px;
+  --section-padding-x-md: 22px;
+  --section-padding-x-lg: 26px;
+  --section-padding-x-xl: 32px;
+
+  --section-padding-x-compact-xs: 7px;
+  --section-padding-x-compact-sm: 8px;
+  --section-padding-x-compact-md: 10px;
+  --section-padding-x-compact-lg: 12px;
+  --section-padding-x-compact-xl: 14px;
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: 600;
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}

package/styles/Button.layer.css

@@ -184,19 +184,19 @@
     flex-direction: row;
   }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--button-border-width) / 2);
       }
@@ -205,21 +205,66 @@
     flex-direction: column;
   }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
         border-top-width: calc(var(--button-border-width) / 2);
       }
+
+.m_70be2a01 {
+  --section-height-xs: 30px;
+  --section-height-sm: 36px;
+  --section-height-md: 42px;
+  --section-height-lg: 50px;
+  --section-height-xl: 60px;
+
+  --section-height-compact-xs: 22px;
+  --section-height-compact-sm: 26px;
+  --section-height-compact-md: 30px;
+  --section-height-compact-lg: 34px;
+  --section-height-compact-xl: 40px;
+
+  --section-padding-x-xs: 14px;
+  --section-padding-x-sm: 18px;
+  --section-padding-x-md: 22px;
+  --section-padding-x-lg: 26px;
+  --section-padding-x-xl: 32px;
+
+  --section-padding-x-compact-xs: 7px;
+  --section-padding-x-compact-sm: 8px;
+  --section-padding-x-compact-md: 10px;
+  --section-padding-x-compact-lg: 12px;
+  --section-padding-x-compact-xl: 14px;
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: 600;
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
 }

package/styles/ScrollArea.css

@@ -106,6 +106,7 @@
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {

package/styles/ScrollArea.layer.css

@@ -106,6 +106,7 @@
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {

package/styles/Table.css

@@ -1,6 +1,7 @@
 .m_b23fa0ef {
   width: 100%;
   border-collapse: collapse;
+  border-spacing: 0;
   line-height: var(--mantine-line-height);
   font-size: var(--mantine-font-size-sm);
   table-layout: var(--table-layout, auto);
@@ -24,6 +25,22 @@
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: 500;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
 .m_4e7aa4f3 {
   text-align: left;
 }

package/styles/Table.layer.css

@@ -1,6 +1,7 @@
 @layer mantine {.m_b23fa0ef {
   width: 100%;
   border-collapse: collapse;
+  border-spacing: 0;
   line-height: var(--mantine-line-height);
   font-size: var(--mantine-font-size-sm);
   table-layout: var(--table-layout, auto);
@@ -24,6 +25,22 @@
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: 500;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
 .m_4e7aa4f3 {
   text-align: left;
 }

package/styles.css

@@ -695,6 +695,7 @@ fieldset:disabled .mantine-active:active {
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {
@@ -1048,19 +1049,19 @@ fieldset:disabled .mantine-active:active {
     flex-direction: row;
   }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child) {
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--ai-border-width) / 2);
       }
@@ -1069,19 +1070,19 @@ fieldset:disabled .mantine-active:active {
     flex-direction: column;
   }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--ai-border-width) / 2);
       }
 
-.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child) {
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
         border-top-width: calc(var(--ai-border-width) / 2);
@@ -1098,6 +1099,45 @@ fieldset:disabled .mantine-active:active {
   height: 100%;
 }
 
+.m_437b6484 {
+  --section-height-xs: calc(1.125rem * var(--mantine-scale));
+  --section-height-sm: calc(1.375rem * var(--mantine-scale));
+  --section-height-md: calc(1.75rem * var(--mantine-scale));
+  --section-height-lg: calc(2.125rem * var(--mantine-scale));
+  --section-height-xl: calc(2.75rem * var(--mantine-scale));
+
+  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
+  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
+  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
+  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
+  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));
+
+  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
+  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
+  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
+  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
+  --section-padding-x-xl: calc(1rem * var(--mantine-scale));
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: 600;
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .m_86a44da5 {
   --cb-size-xs: calc(1.125rem * var(--mantine-scale));
   --cb-size-sm: calc(1.375rem * var(--mantine-scale));
@@ -3235,19 +3275,19 @@ fieldset:disabled .m_d3ea56bb,
     flex-direction: row;
   }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--button-border-width) / 2);
       }
@@ -3256,24 +3296,69 @@ fieldset:disabled .m_d3ea56bb,
     flex-direction: column;
   }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
-.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
+.m_70be2a01 {
+  --section-height-xs: calc(1.875rem * var(--mantine-scale));
+  --section-height-sm: calc(2.25rem * var(--mantine-scale));
+  --section-height-md: calc(2.625rem * var(--mantine-scale));
+  --section-height-lg: calc(3.125rem * var(--mantine-scale));
+  --section-height-xl: calc(3.75rem * var(--mantine-scale));
+
+  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
+  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
+  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
+  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
+  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
+
+  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
+  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
+  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
+  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
+  --section-padding-x-xl: calc(2rem * var(--mantine-scale));
+
+  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
+  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
+  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
+  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
+  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: 600;
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .m_e615b15f {
   --card-padding: var(--mantine-spacing-md);
 
@@ -6553,6 +6638,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 .m_b23fa0ef {
   width: 100%;
   border-collapse: collapse;
+  border-spacing: 0;
   line-height: var(--mantine-line-height);
   font-size: var(--mantine-font-size-sm);
   table-layout: var(--table-layout, auto);
@@ -6576,6 +6662,22 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: 500;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
 .m_4e7aa4f3 {
   text-align: left;
 }