@mantine/core 7.6.1 → 7.7.0

package/styles.css

@@ -705,11 +705,11 @@ body {
     min-height: calc(2.75rem * var(--mantine-scale));
   }
 
-[data-mantine-color-scheme='light'] .m-d8b5e363 {
+:where([data-mantine-color-scheme='light']) .m-d8b5e363 {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-[data-mantine-color-scheme='dark'] .m-d8b5e363 {
+:where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
@@ -801,12 +801,12 @@ body {
     outline: none;
   }
 
-  [data-mantine-color-scheme='light'] .m-38a85659 {
+  :where([data-mantine-color-scheme='light']) .m-38a85659 {
     --popover-border-color: var(--mantine-color-gray-2);
     background-color: var(--mantine-color-white);
 }
 
-  [data-mantine-color-scheme='dark'] .m-38a85659 {
+  :where([data-mantine-color-scheme='dark']) .m-38a85659 {
     --popover-border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
@@ -1528,6 +1528,27 @@ body {
   display: flex;
 }
 
+.m-96b553a6 {
+  --transition-duration: 150ms;
+
+  top: 0;
+  left: 0;
+  position: absolute;
+  z-index: 0;
+  transition-property: transform, width, height;
+  transition-timing-function: ease;
+  transition-duration: 0ms;
+}
+
+  .m-96b553a6:where([data-initialized]) {
+    transition-duration: var(--transition-duration);
+  }
+
+  .m-96b553a6:where([data-hidden]) {
+    background-color: red;
+    display: none;
+  }
+
 .m-9bdbb667 {
   --accordion-radius: var(--mantine-radius-default);
 }
@@ -2357,7 +2378,7 @@ fieldset:disabled .m-d3ea56bb,
     border-color: var(--mantine-color-gray-4);
 }
 
-[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);
 }
@@ -3109,12 +3130,12 @@ fieldset:disabled .m-d3ea56bb,
     cursor: not-allowed;
   }
 
-[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);
 }
 
-[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);
 }
@@ -3261,12 +3282,12 @@ fieldset:disabled .m-d3ea56bb,
   overflow: auto;
 }
 
-  [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);
 }
 
-  [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);
 }
@@ -3758,12 +3779,12 @@ fieldset:disabled .m-d3ea56bb,
 @keyframes m-885901b1 {
   0% {
     opacity: 0.6;
-    box-shadow: 0 0 0 0 var(--indicator-color);
+    transform: scale(0);
   }
 
   100% {
     opacity: 0;
-    box-shadow: 0 0 0 calc(0.5rem * var(--mantine-scale)) var(--indicator-color);
+    transform: scale(2.8);
   }
 }
 
@@ -3852,7 +3873,7 @@ fieldset:disabled .m-d3ea56bb,
     background-color: var(--mantine-color-gray-0);
 }
 
-  [data-mantine-color-scheme='dark'] .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
     border-color: var(--mantine-color-dark-4);
     color: var(--mantine-color-dark-0);
     background-color: var(--mantine-color-dark-6);
@@ -3945,11 +3966,11 @@ fieldset:disabled .m-d3ea56bb,
   border-top: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-[data-mantine-color-scheme='light'] .m-efdf90cb {
+:where([data-mantine-color-scheme='light']) .m-efdf90cb {
     border-color: var(--mantine-color-gray-2);
 }
 
-[data-mantine-color-scheme='dark'] .m-efdf90cb {
+:where([data-mantine-color-scheme='dark']) .m-efdf90cb {
     border-color: var(--mantine-color-dark-4);
 }
 
@@ -4433,38 +4454,38 @@ fieldset:disabled .m-d3ea56bb,
   text-overflow: ellipsis;
 }
 
-[data-mantine-color-scheme='light'] .m-3d733a3a {
+:where([data-mantine-color-scheme='light']) .m-3d733a3a {
     color: var(--mantine-color-black);
 }
 
-[data-mantine-color-scheme='dark'] .m-3d733a3a {
+:where([data-mantine-color-scheme='dark']) .m-3d733a3a {
     color: var(--mantine-color-dark-0);
 }
 
-[data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-gray-6);
 }
 
-[data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-dark-2);
 }
 
 @media (hover: hover) {
-    [data-mantine-color-scheme='light'] .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
       background-color: var(--mantine-color-dark-8);
   }
 }
 
 @media (hover: none) {
-    [data-mantine-color-scheme='light'] .m-919a4d88:active {
+    :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    [data-mantine-color-scheme='dark'] .m-919a4d88:active {
+    :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
       background-color: var(--mantine-color-dark-8);
   }
 }
@@ -4883,7 +4904,7 @@ fieldset:disabled .m-d3ea56bb,
     border-color: var(--mantine-color-gray-4);
 }
 
-[data-mantine-color-scheme='dark'] .m-8a3dbb89 {
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
@@ -5109,10 +5130,6 @@ fieldset:disabled .m-d3ea56bb,
   padding: 4px;
 } /* px required for correct indicator calculations */
 
-  .m-cf365364[data-initialization] {
-    --sc-transition-duration: 0ms !important;
-  }
-
   .m-cf365364:where([data-full-width]) {
     display: flex;
   }
@@ -5140,12 +5157,6 @@ fieldset:disabled .m-d3ea56bb,
   display: block;
   z-index: 1;
   border-radius: var(--sc-radius, var(--mantine-radius-default));
-  width: var(--sc-indicator-width);
-  height: var(--sc-indicator-height);
-  transform: var(--sc-indicator-transform);
-  transition:
-    transform var(--sc-transition-duration) var(--sc-transition-timing-function),
-    width var(--sc-transition-duration) var(--sc-transition-timing-function);
 }
 
 :where([data-mantine-color-scheme='light']) .m-9e182ccd {
@@ -5210,6 +5221,28 @@ fieldset:disabled .m-1738fcb2,
       color: var(--sc-label-color, var(--mantine-color-white));
 }
 
+.m-cf365364:where([data-initialized]) .m-1738fcb2:where([data-active])::before {
+        display: none;
+      }
+
+.m-1738fcb2:where([data-active])::before {
+      content: '';
+      inset: 0;
+      z-index: 0;
+      position: absolute;
+      border-radius: var(--sc-radius, var(--mantine-radius-default));
+}
+
+: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 {
+        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 {
         color: var(--mantine-color-black);
@@ -5309,6 +5342,11 @@ fieldset:disabled .m-1738fcb2,
           --separator-color: transparent;
         }
 
+.m-78882f40 {
+  position: relative;
+  z-index: 2;
+}
+
 .m-2415a157 {
   display: grid;
   grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
@@ -5560,11 +5598,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     border-color: var(--slider-color);
   }
 
-[data-mantine-color-scheme='light'] .m-dd33bc19:where([data-filled])[data-disabled] {
+:where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-gray-4);
 }
 
-[data-mantine-color-scheme='dark'] .m-dd33bc19:where([data-filled])[data-disabled] {
+:where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-dark-3);
 }
 
@@ -6794,11 +6832,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
@@ -6822,10 +6860,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     border: 0;
     border-top: calc(0.0625rem * var(--mantine-scale)) solid;
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
   .m-d6493fad :where(pre) {
@@ -6839,10 +6877,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
   .m-d6493fad :where(pre) :where(code) {
@@ -6870,7 +6908,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
@@ -6882,11 +6920,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }

package/styles.layer.css

@@ -705,11 +705,11 @@ body {
     min-height: calc(2.75rem * var(--mantine-scale));
   }
 
-[data-mantine-color-scheme='light'] .m-d8b5e363 {
+:where([data-mantine-color-scheme='light']) .m-d8b5e363 {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-[data-mantine-color-scheme='dark'] .m-d8b5e363 {
+:where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
@@ -801,12 +801,12 @@ body {
     outline: none;
   }
 
-  [data-mantine-color-scheme='light'] .m-38a85659 {
+  :where([data-mantine-color-scheme='light']) .m-38a85659 {
     --popover-border-color: var(--mantine-color-gray-2);
     background-color: var(--mantine-color-white);
 }
 
-  [data-mantine-color-scheme='dark'] .m-38a85659 {
+  :where([data-mantine-color-scheme='dark']) .m-38a85659 {
     --popover-border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
@@ -1528,6 +1528,27 @@ body {
   display: flex;
 }
 
+.m-96b553a6 {
+  --transition-duration: 150ms;
+
+  top: 0;
+  left: 0;
+  position: absolute;
+  z-index: 0;
+  transition-property: transform, width, height;
+  transition-timing-function: ease;
+  transition-duration: 0ms;
+}
+
+  .m-96b553a6:where([data-initialized]) {
+    transition-duration: var(--transition-duration);
+  }
+
+  .m-96b553a6:where([data-hidden]) {
+    background-color: red;
+    display: none;
+  }
+
 .m-9bdbb667 {
   --accordion-radius: var(--mantine-radius-default);
 }
@@ -2357,7 +2378,7 @@ fieldset:disabled .m-d3ea56bb,
     border-color: var(--mantine-color-gray-4);
 }
 
-[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);
 }
@@ -3109,12 +3130,12 @@ fieldset:disabled .m-d3ea56bb,
     cursor: not-allowed;
   }
 
-[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);
 }
 
-[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);
 }
@@ -3261,12 +3282,12 @@ fieldset:disabled .m-d3ea56bb,
   overflow: auto;
 }
 
-  [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);
 }
 
-  [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);
 }
@@ -3758,12 +3779,12 @@ fieldset:disabled .m-d3ea56bb,
 @keyframes m-885901b1 {
   0% {
     opacity: 0.6;
-    box-shadow: 0 0 0 0 var(--indicator-color);
+    transform: scale(0);
   }
 
   100% {
     opacity: 0;
-    box-shadow: 0 0 0 calc(0.5rem * var(--mantine-scale)) var(--indicator-color);
+    transform: scale(2.8);
   }
 }
 
@@ -3852,7 +3873,7 @@ fieldset:disabled .m-d3ea56bb,
     background-color: var(--mantine-color-gray-0);
 }
 
-  [data-mantine-color-scheme='dark'] .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
     border-color: var(--mantine-color-dark-4);
     color: var(--mantine-color-dark-0);
     background-color: var(--mantine-color-dark-6);
@@ -3945,11 +3966,11 @@ fieldset:disabled .m-d3ea56bb,
   border-top: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-[data-mantine-color-scheme='light'] .m-efdf90cb {
+:where([data-mantine-color-scheme='light']) .m-efdf90cb {
     border-color: var(--mantine-color-gray-2);
 }
 
-[data-mantine-color-scheme='dark'] .m-efdf90cb {
+:where([data-mantine-color-scheme='dark']) .m-efdf90cb {
     border-color: var(--mantine-color-dark-4);
 }
 
@@ -4433,38 +4454,38 @@ fieldset:disabled .m-d3ea56bb,
   text-overflow: ellipsis;
 }
 
-[data-mantine-color-scheme='light'] .m-3d733a3a {
+:where([data-mantine-color-scheme='light']) .m-3d733a3a {
     color: var(--mantine-color-black);
 }
 
-[data-mantine-color-scheme='dark'] .m-3d733a3a {
+:where([data-mantine-color-scheme='dark']) .m-3d733a3a {
     color: var(--mantine-color-dark-0);
 }
 
-[data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-gray-6);
 }
 
-[data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-dark-2);
 }
 
 @media (hover: hover) {
-    [data-mantine-color-scheme='light'] .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
       background-color: var(--mantine-color-dark-8);
   }
 }
 
 @media (hover: none) {
-    [data-mantine-color-scheme='light'] .m-919a4d88:active {
+    :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    [data-mantine-color-scheme='dark'] .m-919a4d88:active {
+    :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
       background-color: var(--mantine-color-dark-8);
   }
 }
@@ -4883,7 +4904,7 @@ fieldset:disabled .m-d3ea56bb,
     border-color: var(--mantine-color-gray-4);
 }
 
-[data-mantine-color-scheme='dark'] .m-8a3dbb89 {
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
@@ -5109,10 +5130,6 @@ fieldset:disabled .m-d3ea56bb,
   padding: 4px;
 } /* px required for correct indicator calculations */
 
-  .m-cf365364[data-initialization] {
-    --sc-transition-duration: 0ms !important;
-  }
-
   .m-cf365364:where([data-full-width]) {
     display: flex;
   }
@@ -5140,12 +5157,6 @@ fieldset:disabled .m-d3ea56bb,
   display: block;
   z-index: 1;
   border-radius: var(--sc-radius, var(--mantine-radius-default));
-  width: var(--sc-indicator-width);
-  height: var(--sc-indicator-height);
-  transform: var(--sc-indicator-transform);
-  transition:
-    transform var(--sc-transition-duration) var(--sc-transition-timing-function),
-    width var(--sc-transition-duration) var(--sc-transition-timing-function);
 }
 
 :where([data-mantine-color-scheme='light']) .m-9e182ccd {
@@ -5210,6 +5221,28 @@ fieldset:disabled .m-1738fcb2,
       color: var(--sc-label-color, var(--mantine-color-white));
 }
 
+.m-cf365364:where([data-initialized]) .m-1738fcb2:where([data-active])::before {
+        display: none;
+      }
+
+.m-1738fcb2:where([data-active])::before {
+      content: '';
+      inset: 0;
+      z-index: 0;
+      position: absolute;
+      border-radius: var(--sc-radius, var(--mantine-radius-default));
+}
+
+: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 {
+        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 {
         color: var(--mantine-color-black);
@@ -5309,6 +5342,11 @@ fieldset:disabled .m-1738fcb2,
           --separator-color: transparent;
         }
 
+.m-78882f40 {
+  position: relative;
+  z-index: 2;
+}
+
 .m-2415a157 {
   display: grid;
   grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
@@ -5560,11 +5598,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     border-color: var(--slider-color);
   }
 
-[data-mantine-color-scheme='light'] .m-dd33bc19:where([data-filled])[data-disabled] {
+:where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-gray-4);
 }
 
-[data-mantine-color-scheme='dark'] .m-dd33bc19:where([data-filled])[data-disabled] {
+:where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-dark-3);
 }
 
@@ -6794,11 +6832,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
@@ -6822,10 +6860,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     border: 0;
     border-top: calc(0.0625rem * var(--mantine-scale)) solid;
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
   .m-d6493fad :where(pre) {
@@ -6839,10 +6877,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
   .m-d6493fad :where(pre) :where(code) {
@@ -6870,7 +6908,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
@@ -6882,11 +6920,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
+  :where([data-mantine-color-scheme='light']) .m-d6493fad :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
+  :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }

package/cjs/components/SegmentedControl/get-root-padding.cjs

@@ -1,19 +0,0 @@
-'use client';
-'use strict';
-
-function getPaddingValue(value, defaultPaddingValue) {
-  const val = parseFloat(value.replace("px", ""));
-  return Number.isNaN(val) ? defaultPaddingValue : val;
-}
-function getRootPadding(root, defaultPaddingValue) {
-  const computedStyle = window.getComputedStyle(root);
-  return {
-    top: getPaddingValue(computedStyle.getPropertyValue("padding-top"), defaultPaddingValue),
-    right: getPaddingValue(computedStyle.getPropertyValue("padding-right"), defaultPaddingValue),
-    bottom: getPaddingValue(computedStyle.getPropertyValue("padding-bottom"), defaultPaddingValue),
-    left: getPaddingValue(computedStyle.getPropertyValue("padding-left"), defaultPaddingValue)
-  };
-}
-
-exports.getRootPadding = getRootPadding;
-//# sourceMappingURL=get-root-padding.cjs.map

package/cjs/components/SegmentedControl/get-root-padding.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-root-padding.cjs","sources":["../../../src/components/SegmentedControl/get-root-padding.ts"],"sourcesContent":["function getPaddingValue(value: string, defaultPaddingValue: number) {\n  const val = parseFloat(value.replace('px', ''));\n  return Number.isNaN(val) ? defaultPaddingValue : val;\n}\n\nexport function getRootPadding(root: HTMLDivElement, defaultPaddingValue: number) {\n  const computedStyle = window.getComputedStyle(root);\n  return {\n    top: getPaddingValue(computedStyle.getPropertyValue('padding-top'), defaultPaddingValue),\n    right: getPaddingValue(computedStyle.getPropertyValue('padding-right'), defaultPaddingValue),\n    bottom: getPaddingValue(computedStyle.getPropertyValue('padding-bottom'), defaultPaddingValue),\n    left: getPaddingValue(computedStyle.getPropertyValue('padding-left'), defaultPaddingValue),\n  };\n}\n"],"names":[],"mappings":"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"}