@mantine/core 7.0.0-alpha.20 → 7.0.0-alpha.22

package/cjs/index.css

@@ -48,12 +48,12 @@ body {
   }
 
 .mantine-focus-auto:focus-visible {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
 .mantine-focus-always:focus {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
@@ -81,7 +81,11 @@ body {
   --mantine-moz-font-smoothing: grayscale;
   --mantine-color-white: #fff;
   --mantine-color-black: #000;
-  --mantine-color-primary: var(--mantine-color-blue-filled);
+  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
+  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
+  --mantine-primary-color-light: var(--mantine-color-blue-light);
+  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
+  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
   --mantine-line-height: 1.55;
   --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
     sans-serif, Apple Color Emoji, Segoe UI Emoji;
@@ -315,7 +319,6 @@ body {
   --mantine-color-default-hover: #2c2e33;
   --mantine-color-default-color: #fff;
   --mantine-color-default-border: #373a40;
-  --mantine-color-primary: #1971c2;
   --mantine-color-dimmed: var(--mantine-color-dark-2);
   --mantine-color-dark-filled: #141517;
   --mantine-color-dark-filled-hover: #101113;
@@ -428,7 +431,6 @@ body {
   --mantine-color-default-hover: #f8f9fa;
   --mantine-color-default-color: #000;
   --mantine-color-default-border: #ced4da;
-  --mantine-color-primary: #228be6;
   --mantine-color-dimmed: var(--mantine-color-gray-6);
   --mantine-color-dark-filled: #25262b;
   --mantine-color-dark-filled-hover: #1a1b1e;
@@ -920,6 +922,12 @@ body {
   --ai-size-lg: calc(2.125rem * var(--mantine-scale));
   --ai-size-xl: calc(2.75rem * var(--mantine-scale));
 
+  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
+  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
+  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
+  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
+  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
+
   line-height: 1;
   display: inline-flex;
   align-items: center;
@@ -991,7 +999,6 @@ body {
 
 .m-1a0f1b21 {
   display: flex;
-  background-color: red;
 }
 
 .m-1a0f1b21[data-orientation='horizontal'] {
@@ -1102,7 +1109,7 @@ body {
   width: 100%;
   top: 0;
   bottom: 0;
-  z-index: calc(var(--mb-z-index) + 1);
+  z-index: var(--mb-z-index);
   pointer-events: none;
 }
 
@@ -1220,13 +1227,13 @@ body {
   [data-mantine-color-scheme='light'] .m-6c018570[data-variant='default'] {
       --_input-bd: var(--mantine-color-gray-4);
       --_input-bg: var(--mantine-color-white);
-      --_input-bd-focus: var(--mantine-color-primary);
+      --_input-bd-focus: var(--mantine-primary-color-filled);
     }
 
   [data-mantine-color-scheme='light'] .m-6c018570[data-variant='filled'] {
       --_input-bd: transparent;
       --_input-bg: var(--mantine-color-gray-1);
-      --_input-bd-focus: var(--mantine-color-primary);
+      --_input-bd-focus: var(--mantine-primary-color-filled);
     }
 
   [data-mantine-color-scheme='light'] .m-6c018570[data-variant='unstyled'] {
@@ -1243,13 +1250,13 @@ body {
   [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='default'] {
       --_input-bd: var(--mantine-color-dark-4);
       --_input-bg: var(--mantine-color-dark-6);
-      --_input-bd-focus: var(--mantine-color-primary);
+      --_input-bd-focus: var(--mantine-primary-color-filled);
     }
 
   [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='filled'] {
       --_input-bd: transparent;
       --_input-bg: var(--mantine-color-dark-5);
-      --_input-bd-focus: var(--mantine-color-primary);
+      --_input-bd-focus: var(--mantine-primary-color-filled);
     }
 
   [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='unstyled'] {
@@ -1429,6 +1436,10 @@ body {
   font-size: var(--input-description-size);
 }
 
+.m-8bffd616 {
+  display: flex;
+}
+
 .m-df78851f {
   word-break: break-word;
 }
@@ -1747,6 +1758,7 @@ body {
   font-weight: normal;
   margin: 0;
   padding: 0;
+  color: var(--text-color);
 }
 
   .m-b6d8b162[data-truncate] {
@@ -2049,7 +2061,7 @@ body {
 }
 
 .m-92253aa5[data-combobox-selected] {
-    --_option-bg: var(--mantine-color-primary);
+    --_option-bg: var(--mantine-primary-color-filled);
     --_option-color: var(--mantine-color-white);
   }
 
@@ -3225,7 +3237,7 @@ body {
 }
 
 .m-bde07329:focus-visible + .m-be049a53 {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
@@ -3454,6 +3466,22 @@ body {
   border-radius: 10000rem;
 }
 
+.m-b077c2bc {
+  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
+  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
+  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
+  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
+  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
+}
+
+.m-c5ccdcab {
+  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
+  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
+  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
+  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
+  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
+}
+
 .m-7485cace {
   --container-size-xs: calc(33.75rem * var(--mantine-scale));
   --container-size-sm: calc(45rem * var(--mantine-scale));
@@ -3468,6 +3496,31 @@ body {
   margin-right: auto;
 }
 
+.m-e2125a27 {
+  --dialog-size-xs: calc(10rem * var(--mantine-scale));
+  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
+  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
+  --dialog-size-lg: calc(25rem * var(--mantine-scale));
+  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
+
+  position: relative;
+  width: var(--dialog-size);
+  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
+  min-height: calc(3.125rem * var(--mantine-scale));
+}
+
+.m-5abab665 {
+  position: absolute;
+  top: calc(var(--mantine-spacing-md) / 2);
+  right: var(--_close-button-right, calc(var(--mantine-spacing-md) / 2));
+  left: var(--_close-button-left, auto);
+}
+
+[dir="rtl"] .m-5abab665 {
+    --_close-button-right: auto;
+    --_close-button-left: calc(var(--mantine-spacing-md) / 2);
+}
+
 .m-3eebeb36 {
   --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
   --divider-size-sm: calc(0.125rem * var(--mantine-scale));
@@ -3775,6 +3828,95 @@ body {
     --_kbd-bg: var(--mantine-color-dark-5);
 }
 
+.m-abbac491 {
+  list-style-position: inside;
+  font-size: var(--list-fz);
+  line-height: var(--list-lh);
+  margin: 0;
+  padding: 0;
+  padding-left: var(--_list-pl, 0);
+  padding-right: var(--_list-pr, 0);
+}
+
+  .m-abbac491[data-with-padding] {
+    --_list-pl: var(--mantine-spacing-md);
+  }
+
+  [dir="rtl"] .m-abbac491[data-with-padding] {
+      --_list-pl: 0;
+      --_list-pr: var(--mantine-spacing-md);
+}
+
+.m-abb6bec2 {
+  white-space: nowrap;
+  line-height: var(--_item-lh, var(--list-lh));
+  margin-top: var(--_item-mt, 0);
+  list-style: var(--_item-list-style);
+}
+
+.m-abb6bec2[data-with-icon] {
+    --_item-list-style: none;
+  }
+
+.m-abb6bec2[data-with-icon] .m-75cd9f71 {
+      --_item-wrapper-direction: row;
+      --_item-wrapper-align: center;
+    }
+
+.m-abb6bec2:not(:first-of-type) {
+    --_item-mt: var(--list-spacing);
+  }
+
+.m-abb6bec2[data-centered] {
+    --_item-lh: 1;
+  }
+
+.m-75cd9f71 {
+  display: inline-flex;
+  flex-direction: var(--_item-wrapper-direction, column);
+  align-items: var(--_item-wrapper-align, flex-start);
+  white-space: normal;
+}
+
+.m-60f83e5b {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: var(--_item-icon-mr, var(--mantine-spacing-sm));
+  margin-left: var(--_item-icon-ml, 0);
+}
+
+[dir="rtl"] .m-60f83e5b {
+    --_item-icon-mr: 0;
+    --_item-icon-ml: var(--mantine-spacing-sm);
+}
+
+.m-6e45937b {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  z-index: var(--lo-z-index);
+}
+
+.m-e8eb006c {
+  position: relative;
+  z-index: calc(var(--lo-z-index) + 1);
+}
+
+.m-df587f17 {
+  z-index: var(--lo-z-index);
+}
+
+[data-mantine-color-scheme='light'] .m-df587f17[data-dark] {
+      display: none;
+}
+
+[data-mantine-color-scheme='dark'] .m-df587f17[data-light] {
+      display: none;
+}
+
 .m-dc9b7c9f {
   padding: calc(0.25rem * var(--mantine-scale));
 }
@@ -4237,6 +4379,94 @@ body {
     --_close-button-hover-bg: var(--mantine-color-dark-8);
 }
 
+.m-95e17d22 {
+  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
+  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
+  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
+  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
+  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  max-width: calc(var(--ni-chevron-size) * 1.7);
+  margin-left: var(--_controls-ml, auto);
+  margin-right: var(--_controls-mr, 0);
+}
+
+  [dir="rtl"] .m-95e17d22 {
+    --_controls-ml: 0;
+    --_controls-mr: auto;
+}
+
+.m-80b4b171 {
+  --_control-bd: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
+  --_control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+
+  flex: 0 0 50%;
+  width: 100%;
+  padding: 0;
+  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-left: var(--_control-bdl, var(--_control-bd));
+  border-right: var(--_control-bdr, none);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-text);
+  background-color: var(--_control-bg, transparent);
+  pointer-events: var(--_control-pointer-events, auto);
+  opacity: var(--_control-opacity, 1);
+}
+
+.m-80b4b171:disabled {
+    --_control-pointer-events: none;
+    --_control-opacity: 0.4;
+  }
+
+[dir="rtl"] .m-80b4b171 {
+    --_control-bdl: none;
+    --_control-bdr: var(--_control-bd);
+}
+
+@media (hover: hover) {
+    [data-mantine-color-scheme='light'] .m-80b4b171:hover {
+      --_control-bg: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-80b4b171:hover {
+      --_control-bg: var(--mantine-color-dark-4);
+  }
+}
+
+@media (hover: none) {
+    [data-mantine-color-scheme='light'] .m-80b4b171:active {
+      --_control-bg: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-80b4b171:active {
+      --_control-bg: var(--mantine-color-dark-4);
+  }
+}
+
+.m-80b4b171:first-of-type {
+    border-bottom: calc(0.03125rem * var(--mantine-scale)) solid var(--_input-bd);
+    border-radius: 0 var(--_control-radius) 0 0;
+  }
+
+[dir="rtl"] .m-80b4b171:first-of-type {
+      border-radius: var(--_control-radius) 0 0 0;
+}
+
+.m-80b4b171:last-of-type {
+    border-top: calc(0.03125rem * var(--mantine-scale)) solid var(--_input-bd);
+    border-radius: 0 0 var(--_control-radius) 0;
+  }
+
+[dir="rtl"] .m-80b4b171:last-of-type {
+      border-radius: 0 0 0 var(--_control-radius);
+}
+
 .m-4addd315 {
   --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
   --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
@@ -4468,6 +4698,106 @@ body {
   padding-right: calc(0.25rem * var(--mantine-scale));
 }
 
+.m-f3f1af94 {
+  --radio-size-xs: calc(1rem * var(--mantine-scale));
+  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
+  --radio-size-md: calc(1.5rem * var(--mantine-scale));
+  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
+  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
+
+  --radio-icon-size: calc(var(--radio-size) / 2.25);
+}
+
+.m-89c4f5e4 {
+  position: relative;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  order: var(--_radio-order, 1);
+}
+
+.m-89c4f5e4[data-label-position='left'] {
+    --_radio-order: 2;
+  }
+
+.m-f3ed6b2b {
+  color: var(--_radio-icon-color, var(--mantine-color-white));
+  opacity: var(--_radio-icon-opacity, 0);
+  transform: var(--_radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
+  transition:
+    opacity 100ms ease,
+    transform 200ms ease;
+  pointer-events: none;
+  width: var(--radio-icon-size);
+  height: var(--radio-icon-size);
+  position: absolute;
+  top: calc(50% - var(--radio-icon-size) / 2);
+  left: calc(50% - var(--radio-icon-size) / 2);
+}
+
+.m-8a3dbb89 {
+  background-color: var(--_radio-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_radio-bd-color);
+  position: relative;
+  appearance: none;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  border-radius: var(--radio-radius);
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition-property: background-color, border-color;
+  transition-timing-function: ease;
+  transition-duration: 100ms;
+  cursor: var(--_cursor, var(--mantine-cursor-type));
+}
+
+[data-mantine-color-scheme='light'] .m-8a3dbb89 {
+    --_radio-bg: var(--mantine-color-white);
+    --_radio-bd-color: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-8a3dbb89 {
+    --_radio-bg: var(--mantine-color-dark-6);
+    --_radio-bd-color: var(--mantine-color-dark-4);
+}
+
+.m-8a3dbb89:checked {
+    --_radio-bg: var(--radio-color);
+    --_radio-bd-color: var(--radio-color);
+  }
+
+.m-8a3dbb89:checked + .m-f3ed6b2b {
+      --_radio-icon-opacity: 1;
+      --_radio-icon-transform: scale(1);
+    }
+
+.m-8a3dbb89:disabled {
+    --_cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .m-8a3dbb89:disabled {
+      --_radio-bg: var(--mantine-color-gray-1);
+      --_radio-bd-color: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='light'] .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --_radio-icon-color: var(--mantine-color-gray-3);
+      }
+
+[data-mantine-color-scheme='dark'] .m-8a3dbb89:disabled {
+      --_radio-bg: var(--mantine-color-dark-5);
+      --_radio-bd-color: var(--mantine-color-dark-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --_radio-icon-color: var(--mantine-color-dark-7);
+      }
+
+.m-8a3dbb89[data-error] {
+    --_radio-bd-color: var(--mantine-color-error);
+  }
+
 .m-f8d312f2 {
   --rating-size-xs: calc(0.875rem * var(--mantine-scale));
   --rating-size-sm: calc(1.125rem * var(--mantine-scale));
@@ -4526,7 +4856,7 @@ body {
 }
 
 .m-211007ba:focus-visible + label {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
@@ -5133,6 +5463,268 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   gap: var(--stack-gap);
 }
 
+.m-cbb4ea7e {
+  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
+  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
+  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
+  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
+  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
+}
+
+.m-aaf89d0b {
+  display: flex;
+  flex-wrap: var(--_steps-wrap, nowrap);
+  gap: var(--_steps-gap);
+  align-items: var(--_steps-align-items, center);
+  flex-direction: var(--_steps-direction);
+}
+
+.m-aaf89d0b[data-wrap] {
+    --_steps-wrap: wrap;
+    --_steps-gap: var(--mantine-spacing-md) 0;
+  }
+
+.m-aaf89d0b[data-orientation='vertical'] {
+    --_steps-direction: column;
+  }
+
+.m-aaf89d0b[data-orientation='vertical'][data-icon-position='left'] {
+      --_steps-align-items: flex-start;
+    }
+
+.m-aaf89d0b[data-orientation='vertical'][data-icon-position='right'] {
+      --_steps-align-items: flex-end;
+    }
+
+.m-aaf89d0b[data-orientation='horizontal'] {
+    --_steps-direction: row;
+  }
+
+.m-2a371ac9 {
+  --_separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
+
+  transition: background-color 150ms ease;
+  flex: 1 1;
+  height: var(--_separator-height);
+  width: var(--_separator-width);
+  margin-left: var(--_separator-ml);
+  margin-right: var(--_separator-mr);
+  margin-top: var(--_separator-mt);
+  margin-bottom: var(--_separator-mb);
+  background-color: var(--_separator-bg);
+}
+
+[data-mantine-color-scheme='light'] .m-2a371ac9 {
+    --_separator-bg: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .m-2a371ac9 {
+    --_separator-bg: var(--mantine-color-dark-2);
+}
+
+.m-2a371ac9[data-active] {
+    --_separator-bg: var(--stepper-color);
+  }
+
+.m-2a371ac9[data-orientation='horizontal'] {
+    --_separator-height: calc(0.125rem * var(--mantine-scale));
+    --_separator-ml: var(--mantine-spacing-md);
+    --_separator-mr: var(--mantine-spacing-md);
+  }
+
+.m-2a371ac9[data-orientation='vertical'] {
+    --_separator-width: calc(0.125rem * var(--mantine-scale));
+    --_separator-mt: calc(var(--mantine-spacing-xs) / 2);
+    --_separator-mb: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
+  }
+
+.m-2a371ac9[data-orientation='vertical'][data-icon-position='left'] {
+      --_separator-ml: var(--_separator-offset);
+      --_separator-mr: 0;
+    }
+
+[dir="rtl"] .m-2a371ac9[data-orientation='vertical'][data-icon-position='left'] {
+        --_separator-ml: 0;
+        --_separator-mr: var(--_separator-offset);
+}
+
+.m-2a371ac9[data-orientation='vertical'][data-icon-position='right'] {
+      --_separator-ml: 0;
+      --_separator-mr: var(--_separator-offset);
+    }
+
+[dir="rtl"] .m-2a371ac9[data-orientation='vertical'][data-icon-position='right'] {
+        --_separator-ml: var(--_separator-offset);
+        --_separator-mr: 0;
+}
+
+.m-78da155d {
+  padding-top: var(--stepper-content-padding);
+}
+
+.m-cbb57068 {
+  --_step-color: var(--step-color, var(--stepper-color));
+  display: flex;
+  flex-direction: var(--_step-direction);
+  cursor: var(--_step-cursor, default);
+}
+
+.m-cbb57068[data-allow-click] {
+    --_step-cursor: pointer;
+  }
+
+.m-cbb57068[data-icon-position='left'] {
+    --_step-direction: row;
+  }
+
+.m-cbb57068[data-icon-position='right'] {
+    --_step-direction: row-reverse;
+  }
+
+.m-f56b1e2c {
+  flex-direction: var(--_step-direction);
+  align-items: center;
+}
+
+.m-833edb7e {
+  --_separator-spacing: calc(var(--mantine-spacing-xs) / 2);
+
+  justify-content: flex-start;
+  min-height: calc(
+    var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--_separator-spacing)
+  );
+  margin-top: var(--_step-mt, var(--_separator-spacing));
+  overflow: hidden;
+}
+
+.m-833edb7e:first-of-type {
+    --_step-mt: 0;
+  }
+
+.m-833edb7e:last-of-type .m-6496b3f3 {
+    display: none;
+  }
+
+.m-818e70b {
+  position: relative;
+}
+
+.m-6496b3f3 {
+  top: calc(var(--stepper-icon-size) + var(--_separator-spacing));
+  left: calc(var(--stepper-icon-size) / 2);
+  height: 100vh;
+  position: absolute;
+  border-left: calc(0.125rem * var(--mantine-scale)) solid var(--_separator-border-color);
+}
+
+[data-mantine-color-scheme='light'] .m-6496b3f3 {
+    --_separator-border-color: var(--mantine-color-gray-1);
+}
+
+[data-mantine-color-scheme='dark'] .m-6496b3f3 {
+    --_separator-border-color: var(--mantine-color-dark-5);
+}
+
+[data-mantine-color-scheme] .m-6496b3f3[data-active] {
+    --_separator-border-color: var(--stepper-color);
+  }
+
+.m-1959ad01 {
+  height: var(--stepper-icon-size);
+  width: var(--stepper-icon-size);
+  min-height: var(--stepper-icon-size);
+  min-width: var(--stepper-icon-size);
+  border-radius: var(--stepper-radius);
+  font-size: var(--stepper-fz);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-weight: bold;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
+  background-color: var(--_step-icon-bg);
+  border: calc(0.125rem * var(--mantine-scale)) solid var(--_step-icon-border-color);
+  color: var(--_step-icon-color);
+}
+
+[data-mantine-color-scheme='light'] .m-1959ad01 {
+    --_step-icon-bg: var(--mantine-color-gray-1);
+    --_step-icon-border-color: var(--mantine-color-gray-1);
+    --_step-icon-color: var(--mantine-color-gray-7);
+}
+
+[data-mantine-color-scheme='dark'] .m-1959ad01 {
+    --_step-icon-bg: var(--mantine-color-dark-5);
+    --_step-icon-border-color: var(--mantine-color-dark-5);
+    --_step-icon-color: var(--mantine-color-dark-1);
+}
+
+[data-mantine-color-scheme] .m-1959ad01[data-progress] {
+    --_step-icon-border-color: var(--_step-color);
+  }
+
+[data-mantine-color-scheme] .m-1959ad01[data-completed] {
+    --_step-icon-color: var(--mantine-color-white);
+    --_step-icon-bg: var(--_step-color);
+    --_step-icon-border-color: var(--_step-color);
+  }
+
+.m-a79331dc {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-white);
+}
+
+.m-1956aa2a {
+  display: flex;
+  flex-direction: column;
+  margin-left: var(--_step-body-ml);
+  margin-right: var(--_step-body-mr);
+  margin-top: var(--_step-body-mt);
+  text-align: var(--_step-body-ta);
+}
+
+.m-1956aa2a[data-icon-position='left'] {
+    --_step-body-ta: left;
+    --_step-body-ml: var(--mantine-spacing-sm);
+  }
+
+[dir="rtl"] .m-1956aa2a[data-icon-position='left'] {
+      --_step-body-ta: right;
+      --_step-body-ml: 0;
+      --_step-body-mr: var(--mantine-spacing-sm);
+}
+
+.m-1956aa2a[data-icon-position='right'] {
+    --_step-body-ta: right;
+    --_step-body-mr: var(--mantine-spacing-sm);
+  }
+
+[dir="rtl"] .m-1956aa2a[data-icon-position='right'] {
+      --_step-body-ta: left;
+      --_step-body-ml: var(--mantine-spacing-sm);
+      --_step-body-mr: 0;
+}
+
+.m-12051f6c {
+  font-weight: 500;
+  font-size: var(--stepper-fz);
+  line-height: 1;
+}
+
+.m-164eea74 {
+  margin-top: calc(var(--stepper-spacing) / 3);
+  margin-bottom: calc(var(--stepper-spacing) / 3);
+  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
+  line-height: 1;
+  color: var(--mantine-color-dimmed);
+}
+
 .m-5f93f3bb {
   --switch-height-xs: calc(1rem * var(--mantine-scale));
   --switch-height-sm: calc(1.25rem * var(--mantine-scale));
@@ -5189,7 +5781,9 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   height: var(--switch-height);
   min-width: var(--switch-width);
   margin: 0;
-  transition: background-color 150ms ease, border-color 150ms ease;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
   appearance: none;
   display: flex;
   align-items: center;
@@ -5203,7 +5797,7 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
 }
 
 .m-926b4011:focus-visible + .m-9307d992 {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
@@ -5757,6 +6351,245 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   }
 }
 
+.m-7341320d {
+  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
+  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
+  --ti-size-md: calc(1.75rem * var(--mantine-scale));
+  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
+  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
+
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+
+  width: var(--ti-size);
+  height: var(--ti-size);
+  min-width: var(--ti-size);
+  min-height: var(--ti-size);
+  border-radius: var(--ti-radius);
+  background: var(--_ti-bg, var(--ti-bg));
+  color: var(--_ti-color, var(--ti-color));
+  border: var(--ti-bd);
+}
+
+.m-43657ece {
+  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
+
+  padding-left: var(--_tl-pl, 0);
+  padding-right: var(--_tl-pr, 0);
+}
+
+  .m-43657ece[data-align='left'] {
+    --_tl-pl: var(--offset);
+  }
+
+  [dir="rtl"] .m-43657ece[data-align='left'] {
+      --_tl-pl: 0;
+      --_tl-pr: var(--offset);
+}
+
+  .m-43657ece[data-align='right'] {
+    --_tl-pr: var(--offset);
+  }
+
+  [dir="rtl"] .m-43657ece[data-align='right'] {
+      --_tl-pl: var(--offset);
+      --_tl-pr: 0;
+}
+
+.m-2ebe8099 {
+  font-weight: 500;
+  line-height: 1;
+  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
+}
+
+.m-436178ff {
+  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--_item-border-color);
+
+  position: relative;
+  color: var(--mantine-color-text);
+  padding-left: var(--_item-pl, 0);
+  padding-right: var(--_item-pr, 0);
+  text-align: var(--_item-ta);
+  margin-top: var(--_item-mt);
+}
+
+.m-436178ff::before {
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: var(--_line-left, 0);
+    right: var(--_line-right, 0);
+    bottom: calc(var(--mantine-spacing-xl) * -1);
+    border-left: var(--_line-border-left, var(--item-border));
+    border-right: var(--_line-border-right, 0);
+    display: var(--_line-display, none);
+  }
+
+[dir="rtl"] .m-436178ff::before {
+      --_line-border-left: 0;
+      --_line-border-right: var(--item-border);
+}
+
+.m-43657ece[data-align='left'] .m-436178ff::before {
+      --_line-left: calc(var(--tl-line-width) * -1);
+      --_line-right: auto;
+    }
+
+[dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff::before {
+        --_line-left: auto;
+        --_line-right: calc(var(--tl-line-width) * -1);
+}
+
+.m-43657ece[data-align='right'] .m-436178ff::before {
+      --_line-left: auto;
+      --_line-right: calc(var(--tl-line-width) * -1);
+    }
+
+[dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff::before {
+        --_line-left: calc(var(--tl-line-width) * -1);
+        --_line-right: auto;
+}
+
+.m-43657ece[data-align='left'] .m-436178ff {
+    --_item-pl: var(--offset);
+    --_item-ta: left;
+  }
+
+[dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff {
+      --_item-pl: 0;
+      --_item-pr: var(--offset);
+}
+
+.m-43657ece[data-align='right'] .m-436178ff {
+    --_item-pr: var(--offset);
+    --_item-ta: right;
+  }
+
+[dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff {
+      --_item-pl: var(--offset);
+      --_item-pr: 0;
+}
+
+[data-mantine-color-scheme='light'] .m-436178ff {
+    --_item-border-color: var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] .m-436178ff {
+    --_item-border-color: var(--mantine-color-dark-4);
+}
+
+[data-mantine-color-scheme] .m-436178ff[data-line-active]::before {
+      border-color: var(--tli-color, var(--tl-color));
+    }
+
+.m-436178ff:not(:last-of-type) {
+    --_line-display: block;
+  }
+
+.m-436178ff:not(:first-of-type) {
+    --_item-mt: var(--mantine-spacing-xl);
+  }
+
+.m-8affcee1 {
+  width: var(--tl-bullet-size);
+  height: var(--tl-bullet-size);
+  border-radius: var(--tli-radius, var(--tl-radius));
+  border: var(--_bullet-border-width, var(--tl-line-width)) solid var(--_bullet-border-color);
+  background-color: var(--_bullet-bg-color, var(--mantine-color-body));
+  position: absolute;
+  top: 0;
+  left: var(--_bullet-left, 0);
+  right: var(--_bullet-right, 0);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--_bullet-color, var(--mantine-color-text));
+}
+
+[data-mantine-color-scheme='light'] .m-8affcee1 {
+    --_bullet-border-color: var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] .m-8affcee1 {
+    --_bullet-border-color: var(--mantine-color-dark-4);
+}
+
+.m-43657ece[data-align='left'] .m-8affcee1 {
+    --_bullet-left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+    --_bullet-right: auto;
+  }
+
+[dir="rtl"] .m-43657ece[data-align='left'] .m-8affcee1 {
+      --_bullet-left: auto;
+      --_bullet-right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+}
+
+.m-43657ece[data-align='right'] .m-8affcee1 {
+    --_bullet-left: auto;
+    --_bullet-right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+  }
+
+[dir="rtl"] .m-43657ece[data-align='right'] .m-8affcee1 {
+      --_bullet-left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+      --_bullet-right: auto;
+}
+
+.m-8affcee1[data-with-child] {
+    --_bullet-border-width: var(--tl-line-width);
+  }
+
+[data-mantine-color-scheme='light'] .m-8affcee1[data-with-child] {
+      --_bullet-bg-color: var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] .m-8affcee1[data-with-child] {
+      --_bullet-bg-color: var(--mantine-color-dark-4);
+}
+
+.m-8affcee1[data-active] {
+    --_bullet-border-color: var(--tli-color, var(--tl-color));
+    --_bullet-bg-color: var(--mantine-color-white);
+    --_bullet-color: var(--mantine-color-white);
+  }
+
+.m-8affcee1[data-active][data-with-child] {
+      --_bullet-bg-color: var(--tli-color, var(--tl-color));
+      --_bullet-color: var(--mantine-color-white);
+    }
+
+.m-540e8f41 {
+  padding-left: var(--_body-pl, 0);
+  padding-right: var(--_body-pr, 0);
+  text-align: var(--_body-ta);
+}
+
+.m-43657ece[data-align='left'] .m-540e8f41 {
+    --_body-pl: var(--offset);
+    --_body-ta: left;
+  }
+
+[dir="rtl"] .m-43657ece[data-align='left'] .m-540e8f41 {
+      --_body-pl: 0;
+      --_body-pr: var(--offset);
+      --_body-ta: right;
+}
+
+.m-43657ece[data-align='right'] .m-540e8f41 {
+    --_body-pr: var(--offset);
+    --_body-ta: right;
+  }
+
+[dir="rtl"] .m-43657ece[data-align='right'] .m-540e8f41 {
+      --_body-pl: var(--offset);
+      --_body-pr: 0;
+      --_body-ta: left;
+}
+
 .m-8a5d1357 {
   margin: 0;
   font-weight: var(--title-fw);