@mantine-vue/core 2.3.1 → 2.4.0

package/styles.css

@@ -2544,18 +2544,18 @@ fieldset:disabled .mantine-active:active {
   margin-inline-start: var(--col-offset);
   align-self: var(--col-align-self);
 }
-._root_kwra0_1 {
+._root_1sy9q_1 {
   --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
 
   position: relative;
   overflow: hidden;
 }
 
-  ._root_kwra0_1:where([data-autosize]) ._content_kwra0_7 {
+  ._root_1sy9q_1:where([data-autosize]) ._content_1sy9q_7 {
     min-width: min-content;
   }
 
-._viewport_kwra0_12 {
+._viewport_1sy9q_12 {
   scrollbar-width: none;
   overscroll-behavior: var(--scrollarea-over-scroll-behavior);
   -ms-overflow-style: none;
@@ -2564,11 +2564,11 @@ fieldset:disabled .mantine-active:active {
   height: 100%;
 }
 
-._viewport_kwra0_12::-webkit-scrollbar {
+._viewport_1sy9q_12::-webkit-scrollbar {
     display: none;
   }
 
-._viewport_kwra0_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
       [data-offset-scrollbars='xy'],
       [data-offset-scrollbars='y'],
       [data-offset-scrollbars='present']
@@ -2577,7 +2577,7 @@ fieldset:disabled .mantine-active:active {
         padding-inline-start: 0;
       }
 
-._viewport_kwra0_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
       [data-offset-scrollbars='xy'],
       [data-offset-scrollbars='y'],
       [data-offset-scrollbars='present']
@@ -2586,7 +2586,27 @@ fieldset:disabled .mantine-active:active {
         padding-inline-start: unset;
       }
 
-._viewport_kwra0_12:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='y'],
+      [data-offset-scrollbars='present']
+    ):not([data-vertical-hidden]):where([data-vertical-scrollbar-position='left']) {
+          padding-inline-end: unset;
+          padding-left: var(--scrollarea-scrollbar-size);
+          padding-right: unset;
+        }
+
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='y'],
+      [data-offset-scrollbars='present']
+    ):not([data-vertical-hidden]):where([data-vertical-scrollbar-position='right']) {
+          padding-inline-end: unset;
+          padding-left: unset;
+          padding-right: var(--scrollarea-scrollbar-size);
+        }
+
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
       [data-offset-scrollbars='xy'],
       [data-offset-scrollbars='x'],
       [data-offset-scrollbars='present']
@@ -2594,7 +2614,7 @@ fieldset:disabled .mantine-active:active {
         padding-bottom: 0;
       }
 
-._viewport_kwra0_12:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+._viewport_1sy9q_12:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
       [data-offset-scrollbars='xy'],
       [data-offset-scrollbars='x'],
       [data-offset-scrollbars='present']
@@ -2602,12 +2622,12 @@ fieldset:disabled .mantine-active:active {
         padding-bottom: var(--scrollarea-scrollbar-size);
       }
 
-._viewportInner_kwra0_59 {
+._viewportInner_1sy9q_71 {
   min-width: 100%;
   display: table;
 }
 
-._scrollbar_kwra0_64 {
+._scrollbar_1sy9q_76 {
   user-select: none;
   touch-action: none;
   box-sizing: border-box;
@@ -2622,53 +2642,65 @@ fieldset:disabled .mantine-active:active {
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._scrollbar_kwra0_64:hover {
+    :where([data-mantine-color-scheme='light']) ._scrollbar_1sy9q_76:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) ._scrollbar_kwra0_64:hover > ._thumb_kwra0_81 {
+      :where([data-mantine-color-scheme='light']) ._scrollbar_1sy9q_76:hover > ._thumb_1sy9q_93 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) ._scrollbar_kwra0_64:hover {
+    :where([data-mantine-color-scheme='dark']) ._scrollbar_1sy9q_76:hover {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) ._scrollbar_kwra0_64:hover > ._thumb_kwra0_81 {
+      :where([data-mantine-color-scheme='dark']) ._scrollbar_1sy9q_76:hover > ._thumb_1sy9q_93 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._scrollbar_kwra0_64:active {
+    :where([data-mantine-color-scheme='light']) ._scrollbar_1sy9q_76:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) ._scrollbar_kwra0_64:active > ._thumb_kwra0_81 {
+      :where([data-mantine-color-scheme='light']) ._scrollbar_1sy9q_76:active > ._thumb_1sy9q_93 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) ._scrollbar_kwra0_64:active {
+    :where([data-mantine-color-scheme='dark']) ._scrollbar_1sy9q_76:active {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) ._scrollbar_kwra0_64:active > ._thumb_kwra0_81 {
+      :where([data-mantine-color-scheme='dark']) ._scrollbar_1sy9q_76:active > ._thumb_1sy9q_93 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
-._scrollbar_kwra0_64:where([data-hidden], [data-state='hidden']) {
+._scrollbar_1sy9q_76:where([data-hidden], [data-state='hidden']) {
     display: none;
   }
 
-._scrollbar_kwra0_64:where([data-orientation='vertical']) {
+._scrollbar_1sy9q_76:where([data-orientation='vertical']) {
     width: var(--scrollarea-scrollbar-size);
     top: 0;
     bottom: var(--sa-corner-width);
     inset-inline-end: 0;
   }
 
-._scrollbar_kwra0_64:where([data-orientation='horizontal']) {
+._scrollbar_1sy9q_76:where([data-orientation='vertical']):where([data-vertical-scrollbar-position='left']) {
+      inset-inline-end: auto;
+      left: 0;
+      right: auto;
+    }
+
+._scrollbar_1sy9q_76:where([data-orientation='vertical']):where([data-vertical-scrollbar-position='right']) {
+      inset-inline-end: auto;
+      left: auto;
+      right: 0;
+    }
+
+._scrollbar_1sy9q_76:where([data-orientation='horizontal']) {
     height: var(--scrollarea-scrollbar-size);
     flex-direction: column;
     bottom: 0;
@@ -2676,7 +2708,21 @@ fieldset:disabled .mantine-active:active {
     inset-inline-end: var(--sa-corner-width);
   }
 
-._thumb_kwra0_81 {
+._scrollbar_1sy9q_76:where([data-orientation='horizontal']):where([data-vertical-scrollbar-position='left']) {
+      inset-inline-start: auto;
+      inset-inline-end: auto;
+      left: var(--sa-corner-width);
+      right: 0;
+    }
+
+._scrollbar_1sy9q_76:where([data-orientation='horizontal']):where([data-vertical-scrollbar-position='right']) {
+      inset-inline-start: auto;
+      inset-inline-end: auto;
+      left: 0;
+      right: var(--sa-corner-width);
+    }
+
+._thumb_1sy9q_93 {
   flex: 1;
   border-radius: var(--scrollarea-scrollbar-size);
   position: relative;
@@ -2685,7 +2731,7 @@ fieldset:disabled .mantine-active:active {
   opacity: var(--thumb-opacity);
 }
 
-._thumb_kwra0_81::before {
+._thumb_1sy9q_93::before {
     content: '';
     position: absolute;
     top: 50%;
@@ -2697,15 +2743,15 @@ fieldset:disabled .mantine-active:active {
     min-height: calc(2.75rem * var(--mantine-scale));
   }
 
-:where([data-mantine-color-scheme='light']) ._thumb_kwra0_81 {
+:where([data-mantine-color-scheme='light']) ._thumb_1sy9q_93 {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._thumb_kwra0_81 {
+:where([data-mantine-color-scheme='dark']) ._thumb_1sy9q_93 {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
-._corner_kwra0_144 {
+._corner_1sy9q_182 {
   position: absolute;
   opacity: 0;
   transition: opacity 150ms ease;
@@ -2714,23 +2760,35 @@ fieldset:disabled .mantine-active:active {
   bottom: 0;
 }
 
-:where([data-mantine-color-scheme='light']) ._corner_kwra0_144 {
+._corner_1sy9q_182:where([data-vertical-scrollbar-position='left']) {
+    inset-inline-end: auto;
+    left: 0;
+    right: auto;
+  }
+
+._corner_1sy9q_182:where([data-vertical-scrollbar-position='right']) {
+    inset-inline-end: auto;
+    left: auto;
+    right: 0;
+  }
+
+:where([data-mantine-color-scheme='light']) ._corner_1sy9q_182 {
     background-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) ._corner_kwra0_144 {
+:where([data-mantine-color-scheme='dark']) ._corner_1sy9q_182 {
     background-color: var(--mantine-color-dark-8);
 }
 
-._corner_kwra0_144:where([data-hovered]) {
+._corner_1sy9q_182:where([data-hovered]) {
     opacity: 1;
   }
 
-._corner_kwra0_144:where([data-hidden]) {
+._corner_1sy9q_182:where([data-hidden]) {
     display: none;
   }
 
-._content_kwra0_7 {
+._content_1sy9q_7 {
   min-width: 100%;
 }
 ._root_ltqd9_1 {
@@ -3420,7 +3478,7 @@ fieldset:disabled .mantine-active:active {
     transform: var(--rn-roll-to);
   }
 }
-._root_x5q16_1 {
+._root_1p5xp_1 {
   --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
   --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
   --tl-line-width: calc(0.25rem * var(--mantine-scale));
@@ -3428,28 +3486,28 @@ fieldset:disabled .mantine-active:active {
   --tl-color: var(--mantine-primary-color-filled);
 }
 
-  ._root_x5q16_1:where([data-align='left']) {
-    padding-inline-start: var(--offset);
-  }
+  ._root_1p5xp_1:where(:not([data-opposite])):where([data-align='left']) {
+      padding-inline-start: var(--offset);
+    }
 
-  ._root_x5q16_1:where([data-align='right']) {
-    padding-inline-end: var(--offset);
-  }
+  ._root_1p5xp_1:where(:not([data-opposite])):where([data-align='right']) {
+      padding-inline-end: var(--offset);
+    }
 
-._itemTitle_x5q16_17 {
+._itemTitle_1p5xp_19 {
   font-weight: var(--mantine-font-weight-medium);
   line-height: 1;
   margin-bottom: calc(var(--mantine-spacing-xs) / 2);
 }
 
-._item_x5q16_17 {
+._item_1p5xp_19 {
   --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
 
   position: relative;
   color: var(--mantine-color-text);
 }
 
-._item_x5q16_17::before {
+._item_1p5xp_19::before {
     content: '';
     pointer-events: none;
     position: absolute;
@@ -3461,47 +3519,57 @@ fieldset:disabled .mantine-active:active {
     display: var(--timeline-line-display, none);
   }
 
-._root_x5q16_1[data-align='left'] ._item_x5q16_17::before {
+._root_1p5xp_1:where(:not([data-opposite]))[data-align='left'] ._item_1p5xp_19::before {
       --timeline-line-start: calc(var(--tl-line-width) * -1);
       --timeline-line-end: auto;
     }
 
-._root_x5q16_1[data-align='right'] ._item_x5q16_17::before {
+._root_1p5xp_1:where(:not([data-opposite]))[data-align='right'] ._item_1p5xp_19::before {
       --timeline-line-start: auto;
       --timeline-line-end: calc(var(--tl-line-width) * -1);
     }
 
-._root_x5q16_1:where([data-align='left']) ._item_x5q16_17 {
+._root_1p5xp_1:where([data-opposite]) ._item_1p5xp_19::before {
+      --timeline-line-start: calc(50% - var(--tl-line-width) / 2);
+      --timeline-line-end: auto;
+    }
+
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='left']) ._item_1p5xp_19 {
     padding-inline-start: var(--offset);
     text-align: start;
   }
 
-._root_x5q16_1:where([data-align='right']) ._item_x5q16_17 {
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='right']) ._item_1p5xp_19 {
     padding-inline-end: var(--offset);
     text-align: end;
   }
 
-:where([data-mantine-color-scheme='light']) ._item_x5q16_17 {
+._root_1p5xp_1:where([data-opposite]) ._item_1p5xp_19 {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  }
+
+:where([data-mantine-color-scheme='light']) ._item_1p5xp_19 {
     --item-border-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) ._item_x5q16_17 {
+:where([data-mantine-color-scheme='dark']) ._item_1p5xp_19 {
     --item-border-color: var(--mantine-color-dark-4);
 }
 
-._item_x5q16_17:where([data-line-active])::before {
+._item_1p5xp_19:where([data-line-active])::before {
       border-color: var(--tli-color, var(--tl-color));
     }
 
-._item_x5q16_17:where(:not(:last-of-type)) {
+._item_1p5xp_19:where(:not(:last-of-type)) {
     --timeline-line-display: block;
   }
 
-._item_x5q16_17:where(:not(:first-of-type)) {
+._item_1p5xp_19:where(:not(:first-of-type)) {
     margin-top: var(--mantine-spacing-xl);
   }
 
-._itemBullet_x5q16_84 {
+._itemBullet_1p5xp_96 {
   width: var(--tl-bullet-size);
   height: var(--tl-bullet-size);
   border-radius: var(--tli-radius, var(--tl-radius));
@@ -3515,53 +3583,117 @@ fieldset:disabled .mantine-active:active {
   color: var(--mantine-color-text);
 }
 
-:where([data-mantine-color-scheme='light']) ._itemBullet_x5q16_84 {
+:where([data-mantine-color-scheme='light']) ._itemBullet_1p5xp_96 {
     border-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) ._itemBullet_x5q16_84 {
+:where([data-mantine-color-scheme='dark']) ._itemBullet_1p5xp_96 {
     border-color: var(--mantine-color-dark-4);
 }
 
-._root_x5q16_1:where([data-align='left']) ._itemBullet_x5q16_84 {
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='left']) ._itemBullet_1p5xp_96 {
     inset-inline-start: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
     inset-inline-end: auto;
   }
 
-._root_x5q16_1:where([data-align='right']) ._itemBullet_x5q16_84 {
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='right']) ._itemBullet_1p5xp_96 {
     inset-inline-start: auto;
     inset-inline-end: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
   }
 
-._itemBullet_x5q16_84:where([data-with-child]) {
+._root_1p5xp_1:where([data-opposite]) ._itemBullet_1p5xp_96 {
+    position: relative;
+    inset-inline-start: unset;
+    inset-inline-end: unset;
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+._itemBullet_1p5xp_96:where([data-with-child]) {
     border-width: var(--tl-line-width);
   }
 
-:where([data-mantine-color-scheme='light']) ._itemBullet_x5q16_84:where([data-with-child]) {
+:where([data-mantine-color-scheme='light']) ._itemBullet_1p5xp_96:where([data-with-child]) {
       background-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) ._itemBullet_x5q16_84:where([data-with-child]) {
+:where([data-mantine-color-scheme='dark']) ._itemBullet_1p5xp_96:where([data-with-child]) {
       background-color: var(--mantine-color-dark-4);
 }
 
-._itemBullet_x5q16_84:where([data-active]) {
+._itemBullet_1p5xp_96:where([data-active]) {
     border-color: var(--tli-color, var(--tl-color));
     background-color: var(--mantine-color-white);
     color: var(--tl-icon-color, var(--mantine-color-white));
   }
 
-._itemBullet_x5q16_84:where([data-active]):where([data-with-child]) {
+._itemBullet_1p5xp_96:where([data-active]):where([data-with-child]) {
       background-color: var(--tli-color, var(--tl-color));
       color: var(--tl-icon-color, var(--mantine-color-white));
     }
 
-._root_x5q16_1:where([data-align='left']) ._itemBody_x5q16_139 {
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='left']) ._itemBody_1p5xp_159 {
+    padding-inline-start: var(--offset);
+    text-align: start;
+  }
+
+._root_1p5xp_1:where(:not([data-opposite])):where([data-align='right']) ._itemBody_1p5xp_159 {
+    padding-inline-end: var(--offset);
+    text-align: end;
+  }
+
+._root_1p5xp_1:where([data-opposite]):where([data-align='left']) ._itemBody_1p5xp_159 {
+    grid-column: 3;
+    grid-row: 1;
+    padding-inline-start: var(--offset);
+    text-align: start;
+  }
+
+._root_1p5xp_1:where([data-opposite]):where([data-align='right']) ._itemBody_1p5xp_159 {
+    grid-column: 1;
+    grid-row: 1;
+    padding-inline-end: var(--offset);
+    text-align: end;
+  }
+
+._root_1p5xp_1:where([data-opposite]):where([data-align='left']) ._item_1p5xp_19:where([data-alternate]) ._itemBody_1p5xp_159 {
+    grid-column: 1;
+    padding-inline-start: 0;
+    padding-inline-end: var(--offset);
+    text-align: end;
+  }
+
+._root_1p5xp_1:where([data-opposite]):where([data-align='right']) ._item_1p5xp_19:where([data-alternate]) ._itemBody_1p5xp_159 {
+    grid-column: 3;
+    padding-inline-end: 0;
     padding-inline-start: var(--offset);
     text-align: start;
   }
 
-._root_x5q16_1:where([data-align='right']) ._itemBody_x5q16_139 {
+._root_1p5xp_1:where([data-align='left']) ._itemOpposite_1p5xp_199 {
+    grid-column: 1;
+    grid-row: 1;
+    padding-inline-end: var(--offset);
+    text-align: end;
+  }
+
+._root_1p5xp_1:where([data-align='right']) ._itemOpposite_1p5xp_199 {
+    grid-column: 3;
+    grid-row: 1;
+    padding-inline-start: var(--offset);
+    text-align: start;
+  }
+
+._root_1p5xp_1:where([data-align='left']) ._item_1p5xp_19:where([data-alternate]) ._itemOpposite_1p5xp_199 {
+    grid-column: 3;
+    padding-inline-end: 0;
+    padding-inline-start: var(--offset);
+    text-align: start;
+  }
+
+._root_1p5xp_1:where([data-align='right']) ._item_1p5xp_19:where([data-alternate]) ._itemOpposite_1p5xp_199 {
+    grid-column: 1;
+    padding-inline-start: 0;
     padding-inline-end: var(--offset);
     text-align: end;
   }
@@ -6968,11 +7100,13 @@ fieldset:disabled ._label_1va91_64,
     background-color: var(--toc-bg);
     color: var(--toc-color);
   }
-._root_kejg3_1 {
+._root_mstr0_1 {
   position: fixed;
   z-index: var(--floating-window-z-index);
+  width: var(--floating-window-width, auto);
+  height: var(--floating-window-height, auto);
 }
-._root_16d42_1 {
+._root_1osrz_1 {
   --slider-size-xs: calc(0.25rem * var(--mantine-scale));
   --slider-size-sm: calc(0.375rem * var(--mantine-scale));
   --slider-size-md: calc(0.5rem * var(--mantine-scale));
@@ -6995,22 +7129,22 @@ fieldset:disabled ._label_1va91_64,
   position: relative;
 }
 
-  [data-mantine-color-scheme='light'] ._root_16d42_1 {
+  [data-mantine-color-scheme='light'] ._root_1osrz_1 {
     --slider-track-bg: var(--mantine-color-gray-2);
 }
 
-  [data-mantine-color-scheme='dark'] ._root_16d42_1 {
+  [data-mantine-color-scheme='dark'] ._root_1osrz_1 {
     --slider-track-bg: var(--mantine-color-dark-4);
 }
 
-  ._root_16d42_1[data-orientation='vertical'] {
+  ._root_1osrz_1[data-orientation='vertical'] {
     width: calc(var(--slider-size) * 2);
     height: calc(12.5rem * var(--mantine-scale));
     padding-inline: 0;
     padding-block: var(--slider-size);
   }
 
-._label_16d42_39 {
+._label_1osrz_39 {
   position: absolute;
   top: calc(-2.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-xs);
@@ -7023,20 +7157,20 @@ fieldset:disabled ._label_1va91_64,
   touch-action: none;
 }
 
-:where([data-mantine-color-scheme='light']) ._label_16d42_39 {
+:where([data-mantine-color-scheme='light']) ._label_1osrz_39 {
     background-color: var(--mantine-color-gray-9);
 }
 
-:where([data-mantine-color-scheme='dark']) ._label_16d42_39 {
+:where([data-mantine-color-scheme='dark']) ._label_1osrz_39 {
     background-color: var(--mantine-color-dark-4);
 }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._label_16d42_39 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._label_1osrz_39 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
 
-._thumb_16d42_65 {
+._thumb_1osrz_65 {
   position: absolute;
   display: flex;
   height: var(--slider-thumb-size);
@@ -7058,34 +7192,34 @@ fieldset:disabled ._label_1va91_64,
   left: var(--slider-thumb-offset);
 }
 
-:where([dir="rtl"]) ._thumb_16d42_65 {
+:where([dir="rtl"]) ._thumb_1osrz_65 {
     left: auto;
     right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
 }
 
-fieldset:disabled ._thumb_16d42_65,
-  ._thumb_16d42_65:where([data-disabled]) {
+fieldset:disabled ._thumb_1osrz_65,
+  ._thumb_1osrz_65:where([data-disabled]) {
     display: none;
   }
 
-._thumb_16d42_65:where([data-dragging]) {
+._thumb_1osrz_65:where([data-dragging]) {
     transform: translate(-50%, -50%) scale(1.05);
     box-shadow: var(--mantine-shadow-sm);
   }
 
-:where([data-mantine-color-scheme='light']) ._thumb_16d42_65 {
+:where([data-mantine-color-scheme='light']) ._thumb_1osrz_65 {
     color: var(--slider-color);
     border-color: var(--slider-color);
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) ._thumb_16d42_65 {
+:where([data-mantine-color-scheme='dark']) ._thumb_1osrz_65 {
     color: var(--mantine-color-white);
     border-color: var(--mantine-color-white);
     background-color: var(--slider-color);
 }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._thumb_16d42_65 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._thumb_1osrz_65 {
     left: 50%;
     top: auto;
     right: auto;
@@ -7093,16 +7227,16 @@ fieldset:disabled ._thumb_16d42_65,
     transform: translate(-50%, 50%);
   }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._thumb_16d42_65:where([data-dragging]) {
+:where(._root_1osrz_1[data-orientation='vertical']) ._thumb_1osrz_65:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where(._root_16d42_1[data-orientation='vertical']) ._thumb_16d42_65 {
+:where([dir="rtl"]) :where(._root_1osrz_1[data-orientation='vertical']) ._thumb_1osrz_65 {
       left: 50%;
       right: auto;
 }
 
-._trackContainer_16d42_131 {
+._trackContainer_1osrz_131 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -7110,33 +7244,33 @@ fieldset:disabled ._thumb_16d42_65,
   cursor: pointer;
 }
 
-fieldset:disabled ._trackContainer_16d42_131,
-  ._trackContainer_16d42_131:where([data-disabled]) {
+fieldset:disabled ._trackContainer_1osrz_131,
+  ._trackContainer_1osrz_131:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._trackContainer_16d42_131 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._trackContainer_1osrz_131 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
   }
 
-._track_16d42_131 {
+._track_1osrz_131 {
   position: relative;
   width: 100%;
   height: var(--slider-size);
 }
 
-._track_16d42_131:where([data-inverted]:not([data-disabled])) {
+._track_1osrz_131:where([data-inverted]:not([data-disabled])) {
     --track-bg: var(--slider-color);
   }
 
-fieldset:disabled ._track_16d42_131:where([data-inverted]),
-  ._track_16d42_131:where([data-inverted][data-disabled]) {
+fieldset:disabled ._track_1osrz_131:where([data-inverted]),
+  ._track_1osrz_131:where([data-inverted][data-disabled]) {
     --track-bg: var(--slider-track-disabled-bg);
   }
 
-._track_16d42_131::before {
+._track_1osrz_131::before {
     content: '';
     position: absolute;
     top: 0;
@@ -7147,18 +7281,18 @@ fieldset:disabled ._track_16d42_131:where([data-inverted]),
     z-index: 0;
   }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._track_16d42_131 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._track_1osrz_131 {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._track_16d42_131::before {
+:where(._root_1osrz_1[data-orientation='vertical']) ._track_1osrz_131::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
     }
 
-._bar_16d42_187 {
+._bar_1osrz_187 {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -7169,16 +7303,16 @@ fieldset:disabled ._track_16d42_131:where([data-inverted]),
   inset-inline-start: var(--slider-bar-offset);
 }
 
-._bar_16d42_187:where([data-inverted]) {
+._bar_1osrz_187:where([data-inverted]) {
     background-color: var(--slider-track-bg);
   }
 
-fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
-  ._bar_16d42_187:where([data-disabled]:not([data-inverted])) {
+fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
+  ._bar_1osrz_187:where([data-disabled]:not([data-inverted])) {
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._bar_16d42_187 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._bar_1osrz_187 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -7186,7 +7320,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
     height: var(--slider-bar-width);
   }
 
-._markWrapper_16d42_215 {
+._markWrapper_1osrz_215 {
   position: absolute;
   inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
   top: 0;
@@ -7195,7 +7329,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._markWrapper_16d42_215 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._markWrapper_1osrz_215 {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -7203,7 +7337,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
     width: 0;
   }
 
-._mark_16d42_215 {
+._mark_1osrz_215 {
   border: calc(0.125rem * var(--mantine-scale)) solid;
   height: var(--slider-size);
   width: var(--slider-size);
@@ -7212,23 +7346,23 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-mantine-color-scheme='light']) ._mark_16d42_215 {
+:where([data-mantine-color-scheme='light']) ._mark_1osrz_215 {
     border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) ._mark_16d42_215 {
+:where([data-mantine-color-scheme='dark']) ._mark_1osrz_215 {
     border-color: var(--mantine-color-dark-4);
 }
 
-._mark_16d42_215:where([data-filled]) {
+._mark_1osrz_215:where([data-filled]) {
     border-color: var(--slider-color);
   }
 
-._mark_16d42_215:where([data-filled]):where([data-disabled]) {
+._mark_1osrz_215:where([data-filled]):where([data-disabled]) {
       border-color: var(--mantine-color-disabled-border);
     }
 
-._markLabel_16d42_257 {
+._markLabel_1osrz_257 {
   transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
   font-size: var(--mantine-font-size-sm);
   white-space: nowrap;
@@ -7236,15 +7370,19 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   user-select: none;
 }
 
-:where([data-mantine-color-scheme='light']) ._markLabel_16d42_257 {
+:where([dir="rtl"]) ._markLabel_1osrz_257 {
+    transform: translate(calc(50% - var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
+}
+
+:where([data-mantine-color-scheme='light']) ._markLabel_1osrz_257 {
     color: var(--mantine-color-gray-6);
 }
 
-:where([data-mantine-color-scheme='dark']) ._markLabel_16d42_257 {
+:where([data-mantine-color-scheme='dark']) ._markLabel_1osrz_257 {
     color: var(--mantine-color-dark-2);
 }
 
-:where(._root_16d42_1[data-orientation='vertical']) ._markLabel_16d42_257 {
+:where(._root_1osrz_1[data-orientation='vertical']) ._markLabel_1osrz_257 {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)
@@ -7693,18 +7831,18 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   --tree-line-color: var(--mantine-color-default-border);
 }
 
-._root_42z3r_7 {
+._root_ea12t_7 {
   margin: 0;
   padding: 0;
   user-select: none;
 }
 
-._subtree_42z3r_13 {
+._subtree_ea12t_13 {
   margin: 0;
   padding: 0;
 }
 
-._node_42z3r_18 {
+._node_ea12t_18 {
   cursor: pointer;
   list-style: none;
   margin: 0;
@@ -7712,29 +7850,29 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   outline: 0;
 }
 
-._node_42z3r_18:focus-visible > ._label_42z3r_26 {
+._node_ea12t_18:focus-visible > ._label_ea12t_27, ._node_ea12t_18[data-focus-ring]:focus > ._label_ea12t_27 {
       outline: 2px solid var(--mantine-primary-color-filled);
       outline-offset: calc(0.125rem * var(--mantine-scale));
     }
 
-._label_42z3r_26 {
+._label_ea12t_27 {
   position: relative;
   padding-inline-start: var(--label-offset);
 }
 
-:where([data-mantine-color-scheme='light']) ._label_42z3r_26:where([data-selected]) {
+:where([data-mantine-color-scheme='light']) ._label_ea12t_27:where([data-selected]) {
       background-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='dark']) ._label_42z3r_26:where([data-selected]) {
+:where([data-mantine-color-scheme='dark']) ._label_ea12t_27:where([data-selected]) {
       background-color: var(--mantine-color-dark-5);
 }
 
-._label_42z3r_26:where([data-dragging]) {
+._label_ea12t_27:where([data-dragging]) {
     opacity: 0.4;
   }
 
-._label_42z3r_26:where([data-drag-over='before'])::before {
+._label_ea12t_27:where([data-drag-over='before'])::before {
     content: '';
     position: absolute;
     top: calc(-0.0625rem * var(--mantine-scale));
@@ -7746,7 +7884,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
     z-index: 1;
   }
 
-._label_42z3r_26:where([data-drag-over='after'])::after {
+._label_ea12t_27:where([data-drag-over='after'])::after {
     content: '';
     position: absolute;
     bottom: calc(-0.0625rem * var(--mantine-scale));
@@ -7758,17 +7896,17 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
     z-index: 1;
   }
 
-._label_42z3r_26:where([data-drag-over='inside']) {
+._label_ea12t_27:where([data-drag-over='inside']) {
     background-color: var(--mantine-primary-color-light);
   }
 
-:where([data-with-lines]) ._node_42z3r_18 {
+:where([data-with-lines]) ._node_ea12t_18 {
     position: relative;
   }
 
 /* Horizontal connector at the node's own level — applies to both nested and flat layouts */
 
-:where([data-with-lines]) ._node_42z3r_18:not([data-level='1'])::before {
+:where([data-with-lines]) ._node_ea12t_18:not([data-level='1'])::before {
     content: '';
     position: absolute;
     top: calc(0.75rem * var(--mantine-scale));
@@ -7783,7 +7921,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
 /* Vertical line for nested layout (regular Tree): the line spans the parent <li>'s
      full height — including descendants — so ancestor columns stay continuous. */
 
-:where([data-with-lines]) ._subtree_42z3r_13 > ._node_42z3r_18::after {
+:where([data-with-lines]) ._subtree_ea12t_13 > ._node_ea12t_18::after {
       content: '';
       position: absolute;
       top: 0;
@@ -7795,17 +7933,17 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
       z-index: 1;
     }
 
-:where([data-with-lines]) ._subtree_42z3r_13 > ._node_42z3r_18:last-child::after {
+:where([data-with-lines]) ._subtree_ea12t_13 > ._node_ea12t_18:last-child::after {
       bottom: auto;
       height: calc(0.75rem * var(--mantine-scale));
     }
 
-:where([data-with-lines]) ._node_42z3r_18:where([data-dragging])::before,
-    :where([data-with-lines]) ._node_42z3r_18:where([data-dragging])::after {
+:where([data-with-lines]) ._node_ea12t_18:where([data-dragging])::before,
+    :where([data-with-lines]) ._node_ea12t_18:where([data-dragging])::after {
       display: none;
     }
 
-:where([data-with-lines]) ._node_42z3r_18:where([data-dragging]) ._flatLine_42z3r_125 {
+:where([data-with-lines]) ._node_ea12t_18:where([data-dragging]) ._flatLine_ea12t_126 {
       display: none;
     }
 
@@ -7813,7 +7951,7 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
    (e.g. virtualized trees) where ::after on a single node can't span ancestor rows.
    Each marker is positioned at column `--flat-line-column` and is only visible
    inside a `[data-with-lines]` tree. */
-._flatLine_42z3r_125 {
+._flatLine_ea12t_126 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -7825,11 +7963,11 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   display: none;
 }
 
-:where([data-with-lines]) ._flatLine_42z3r_125 {
+:where([data-with-lines]) ._flatLine_ea12t_126 {
   display: block;
 }
 
-._flatLineClosing_42z3r_151 {
+._flatLineClosing_ea12t_152 {
   bottom: auto;
   height: calc(0.75rem * var(--mantine-scale));
 }
@@ -8748,4 +8886,208 @@ fieldset:disabled ._bar_16d42_187:where(:not([data-inverted])),
   border-top: var(--ts-line-width) solid var(--ts-line-color);
   pointer-events: none;
 }
+._columnsList_1xc8g_1 {
+  --cascader-column-width: calc(12.5rem * var(--mantine-scale));
+
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+
+._column_1xc8g_1 {
+  display: flex;
+  flex-direction: column;
+  width: var(--cascader-column-width);
+  min-width: var(--cascader-column-width);
+  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color, var(--mantine-color-default-border));
+}
+
+._column_1xc8g_1:where([data-last]) {
+    border-inline-end-color: transparent;
+  }
+
+._columnScroll_1xc8g_21 {
+  flex: 1;
+  padding: var(--combobox-padding);
+}
+
+._columnsOverflow_1xc8g_26 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: stretch;
+  padding-inline: calc(var(--combobox-padding) / 2);
+  color: var(--mantine-color-dimmed);
+  cursor: pointer;
+  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color, var(--mantine-color-default-border));
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._columnsOverflow_1xc8g_26:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._columnsOverflow_1xc8g_26:hover {
+      background-color: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._columnsOverflow_1xc8g_26:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._columnsOverflow_1xc8g_26:active {
+      background-color: var(--mantine-color-dark-7);
+  }
+}
+
+._columnsOverflow_1xc8g_26 > svg {
+    width: 0.9em;
+    height: 0.9em;
+    transform: rotate(90deg);
+  }
+
+._columnsOverflow_1xc8g_26:where([data-position='start']) {
+    border-start-start-radius: var(--popover-radius, var(--mantine-radius-default));
+    border-end-start-radius: var(--popover-radius, var(--mantine-radius-default));
+  }
+
+._columnsOverflow_1xc8g_26:where([data-position='end']) {
+    border-inline-end-color: transparent;
+    border-start-end-radius: var(--popover-radius, var(--mantine-radius-default));
+    border-end-end-radius: var(--popover-radius, var(--mantine-radius-default));
+  }
+
+._columnsOverflow_1xc8g_26:where([data-position='end']) > svg {
+      transform: rotate(-90deg);
+    }
+
+:where([dir="rtl"]) ._columnsOverflow_1xc8g_26 > svg {
+      transform: rotate(-90deg);
+    }
+
+:where([dir="rtl"]) ._columnsOverflow_1xc8g_26:where([data-position='end']) > svg {
+      transform: rotate(90deg);
+    }
+
+._columnOption_1xc8g_78 {
+  display: flex;
+  align-items: center;
+  gap: var(--mantine-spacing-xs);
+  width: 100%;
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border-radius: var(--combobox-option-radius, var(--mantine-radius-default));
+  color: var(--mantine-color-text);
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) ._columnOption_1xc8g_78:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._columnOption_1xc8g_78:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) ._columnOption_1xc8g_78:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._columnOption_1xc8g_78:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) ._columnOption_1xc8g_78:where([data-in-path]) {
+      background-color: var(--mantine-color-gray-1);
+}
+
+:where([data-mantine-color-scheme='dark']) ._columnOption_1xc8g_78:where([data-in-path]) {
+      background-color: var(--mantine-color-dark-6);
+}
+
+._columnOption_1xc8g_78:where([data-active]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-color-white);
+  }
+
+@media (hover: hover) {
+
+  ._columnOption_1xc8g_78:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._columnOption_1xc8g_78:where([data-active]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+._columnOption_1xc8g_78:where([data-disabled]) {
+    color: var(--mantine-color-dimmed);
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+._flatOption_1xc8g_127 {
+  display: flex;
+  align-items: center;
+  gap: var(--mantine-spacing-xs);
+  width: 100%;
+}
+
+._columnOptionLabel_1xc8g_134 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._columnOptionIcon_1xc8g_141 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.9em;
+  min-width: 0.9em;
+  height: 0.9em;
+  color: var(--mantine-color-dimmed);
+  transform: rotate(-90deg);
+}
+
+:where([data-active]) ._columnOptionIcon_1xc8g_141 {
+    color: inherit;
+  }
+
+:where([dir="rtl"]) ._columnOptionIcon_1xc8g_141 {
+    transform: rotate(90deg);
+}
+
+._columnOptionCheck_1xc8g_160 {
+  width: 0.8em;
+  min-width: 0.8em;
+  height: 0.8em;
+  opacity: 0.4;
+}
+
+:where([data-active]) ._columnOptionCheck_1xc8g_160,
+  :where([data-combobox-selected]) ._columnOptionCheck_1xc8g_160 {
+    opacity: 1;
+  }
+
+._columnEmpty_1xc8g_172 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  white-space: nowrap;
+}
 /*$vite$:1*/