@tidbcloud/uikit 2.0.0-beta.70 → 2.0.0-beta.71

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.71
+
+### Patch Changes
+
+- fix ProTable Expaned styles
+
 ## 2.0.0-beta.70
 
 ### Patch Changes

package/dist/biz/Table/ProTable/ProTable.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
+;/* empty css                                                                                                                                                                                                 */
 const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@_vt5yipvilfkzbxaxgpuyvnodlm/node_modules/mantine-react-table/dist/index.esm.cjs");
 ;/* empty css                                                                                                                                                                                           */
 ;/* empty css                                                                                                                                                                                            */

package/dist/biz/Table/ProTable/ProTable.js

@@ -1,4 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+/* empty css                                                                                                                                                                                               */
 import { MantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@_vt5yipvilfkzbxaxgpuyvnodlm/node_modules/mantine-react-table/dist/index.esm.js";
 /* empty css                                                                                                                                                                                         */
 /* empty css                                                                                                                                                                                          */

package/dist/biz/Table/ProTable/helpers.cjs

@@ -36,6 +36,7 @@ function mergeProTableProps(props) {
     mantineBottomToolbarProps = {},
     withBorder = true,
     loading = false,
+    enableExpanding = false,
     enableStickyHeader,
     emptyMessage,
     errorMessage,
@@ -164,7 +165,11 @@ function mergeProTableProps(props) {
       noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
       ...localization
     },
-    state: { isLoading: loading, ...state },
+    state: {
+      isLoading: loading,
+      columnVisibility: { ...enableExpanding ? { "mrt-row-expand": false } : void 0, ...state == null ? void 0 : state.columnVisibility },
+      ...state
+    },
     ...rest
   };
 }

package/dist/biz/Table/ProTable/helpers.js

@@ -34,6 +34,7 @@ function mergeProTableProps(props) {
     mantineBottomToolbarProps = {},
     withBorder = true,
     loading = false,
+    enableExpanding = false,
     enableStickyHeader,
     emptyMessage,
     errorMessage,
@@ -162,7 +163,11 @@ function mergeProTableProps(props) {
       noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
       ...localization
     },
-    state: { isLoading: loading, ...state },
+    state: {
+      isLoading: loading,
+      columnVisibility: { ...enableExpanding ? { "mrt-row-expand": false } : void 0, ...state == null ? void 0 : state.columnVisibility },
+      ...state
+    },
     ...rest
   };
 }

package/dist/style.css

@@ -8597,3 +8597,1291 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   justify-content: center;
   width: 16px;
 }
+.MRT_EditActionButtons-module_root__BfxVZ {
+  display: flex;
+  gap: var(--mantine-spacing-xs);
+}
+
+.MRT_GrabHandleButton-module_grab-icon__mQimy {
+  cursor: grab;
+}
+  .MRT_GrabHandleButton-module_grab-icon__mQimy:active {
+    cursor: grabbing;
+  }
+
+.MRT_ExpandAllButton-module_root__gkBZD {
+  margin-left: 6px;
+  opacity: 0.8;
+}
+  .MRT_ExpandAllButton-module_root__gkBZD:disabled {
+    background-color: transparent;
+    border: none;
+  }
+  .MRT_ExpandAllButton-module_root__gkBZD:hover {
+    opacity: 1;
+  }
+  .MRT_ExpandAllButton-module_root__gkBZD.xl {
+    margin-left: -6px;
+  }
+  .MRT_ExpandAllButton-module_root__gkBZD.md {
+    margin-left: 0;
+  }
+  .MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j {
+    transition: transform 150ms;
+  }
+  .MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j.MRT_ExpandAllButton-module_up__Xth3U {
+      transform: rotate(-180deg);
+    }
+  .MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j.MRT_ExpandAllButton-module_right__bS4L- {
+      transform: rotate(-90deg);
+    }
+
+.MRT_ExpandButton-module_root__IFYio {
+  opacity: 0.8;
+}
+  .MRT_ExpandButton-module_root__IFYio:disabled {
+    background-color: transparent;
+    border: none;
+    opacity: 0.3;
+  }
+  .MRT_ExpandButton-module_root__IFYio:hover {
+    opacity: 1;
+  }
+
+.MRT_ExpandButton-module_root-ltr__FHNnp {
+  margin-left: calc(calc(var(--mrt-row-depth, 0)) * 16px);
+}
+
+.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P {
+    transition: transform 200ms;
+  }
+
+.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_right__-pC-A {
+      transform: rotate(270deg);
+    }
+
+.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_up__TZGBo {
+      transform: rotate(-180deg);
+    }
+
+.MRT_ExpandButton-module_root-rtl__zoudS {
+  margin-right: calc(calc(var(--mrt-row-depth, 0)) * 16px);
+}
+
+.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P {
+    transition: transform 200ms;
+  }
+
+.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_right__-pC-A {
+      transform: rotate(-270deg);
+    }
+
+.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_up__TZGBo {
+      transform: rotate(180deg);
+    }
+
+:root {
+  /* default background color for everything */
+  --mrt-base-background-color: var(--mantine-color-body);
+
+  /* cell borders */
+}
+
+  :root[data-mantine-color-scheme='light'] {
+    --mrt-striped-row-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 5%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mrt-striped-row-background-color: color-mix(in srgb, var(--mrt-base-background-color), white 4%);
+}
+
+  /* row hover */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mrt-row-hover-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 8%);
+    --mrt-striped-row-hover-background-color: color-mix(in srgb, var(--mrt-striped-row-background-color), black 12%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mrt-row-hover-background-color: color-mix(in srgb, var(--mrt-base-background-color), white 8%);
+    --mrt-striped-row-hover-background-color: color-mix(in srgb, var(--mrt-striped-row-background-color), white 8%);
+}
+
+  :root {
+  --mrt-selected-row-background-color: color-mix(in srgb, var(--mantine-primary-color-light), transparent 19.999999999999996%);
+}
+
+  /* row selection */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mrt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), black 5%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mrt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), white 5%);
+}
+
+  :root {
+  --mrt-pinned-row-background-color: var(--mrt-selected-row-background-color);
+  --mrt-pinned-row-hover-background-color: var(
+    --mrt-selected-row-hover-background-color
+  );
+}
+
+  /* row pinning */
+
+  /* column pinning */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mrt-pinned-column-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 1%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mrt-pinned-column-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 5%);
+}
+
+  :root {
+  --mrt-dragging-hovered-border-color: var(--mantine-primary-color-filled);
+  --mrt-dragging-drag-border-color: var(--mantine-color-gray-7);
+  --mrt-resize-column-border-color: var(--mantine-primary-color-filled);
+}
+
+.MRT_TablePaper-module_root__q0v5L {
+  background-color: var(--mrt-base-background-color);
+  overflow: hidden;
+  transition: all 150ms ease-in-out;
+}
+
+.MRT_TableContainer-module_root__JIsGB {
+  background-color: var(--mrt-base-background-color);
+  max-width: 100%;
+  overflow: auto;
+  position: relative;
+}
+
+.MRT_TableContainer-module_root-sticky__uC4qx {
+  max-height: clamp(
+    350px,
+    calc(100vh - calc(var(--mrt-top-toolbar-height) * 1px)),
+    9999px
+  );
+}
+
+.MRT_TableContainer-module_root-fullscreen__aM8Jg {
+  max-height: calc(
+    100vh - calc(var(--mrt-top-toolbar-height) * 1px)
+  ) !important;
+}
+
+.MRT_Table-module_root__ms2uS {
+  background-color: var(--mrt-base-background-color);
+}
+
+.MRT_Table-module_root-grid__2Pynz {
+  display: grid;
+}
+
+.MRT_TableBody-module_root__kGhRy {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+.MRT_TableBody-module_root-grid__WdOGg {
+  display: grid;
+}
+
+.MRT_TableBody-module_root-no-rows__iyi9K {
+  min-height: 100px;
+}
+
+.MRT_TableBody-module_root-virtualized__TxPAi {
+  height: var(--mrt-table-body-height);
+}
+
+.MRT_TableBody-module_empty-row-tr-grid__LTgxw {
+  display: grid;
+}
+
+.MRT_TableBody-module_empty-row-td-grid__pzlgG {
+  display: grid;
+}
+
+.MRT_TableBody-module_empty-row-td-content__Cc2XW {
+  color: var(--mantine-color-dimmed);
+  font-style: italic;
+  max-width: min(100vw, calc(var(--mrt-paper-width) * 1px));
+  padding-bottom: 2rem;
+  padding-top: 2rem;
+  text-align: center;
+  width: 100%;
+}
+
+.MRT_TableBody-module_pinned__XHpcs {
+  bottom: calc(var(--mrt-table-footer-height, unset) * 1px - 1px);
+  position: sticky;
+  top: calc(var(--mrt-table-head-height, unset) * 1px - 1px);
+  z-index: 1;
+}
+
+.MRT_TableBodyRow-module_root__2c3D4 {
+  --hover-thickness: 3px;
+  --drag-thickness: 1px;
+
+  box-sizing: border-box;
+  transition: all 150ms ease-in-out;
+  width: 100%;
+}
+
+  /* default background-color */
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-striped], [data-striped='false']) {
+    background-color: var(--mrt-base-background-color);
+  }
+  /* striped background-colors (take detail panels and virtualization into account) */
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-selected], [data-row-pinned])[data-striped='odd'] {
+      background-color: var(--mrt-striped-row-background-color);
+    }
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-selected], [data-row-pinned])[data-striped='even'] {
+      background-color: var(--mrt-striped-row-background-color);
+    }
+  /* column pinning styles */
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before {
+          background-color: var(--mrt-pinned-column-background-color);
+        }
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
+            background-color: var(--mrt-striped-row-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
+            background-color: var(--mrt-striped-row-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned] {
+      background-color: var(--mrt-pinned-column-background-color);
+      opacity: 0.97;
+      position: sticky;
+      z-index: 1;
+    }
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned]::before {
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='left'] {
+        left: calc(var(--mrt-table-cell-left, 0) * 1px);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
+            box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+          }
+  [data-mantine-color-scheme='dark'] .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
+            box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='right'] {
+        right: calc(var(--mrt-table-cell-right, 0) * 1px);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
+            box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+          }
+  [data-mantine-color-scheme='dark'] .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
+            box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+  /* end column pinning styles */
+  /* row pinning styles */
+  .MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] {
+    background-color: var(--mantine-color-body);
+    bottom: calc(var(--mrt-pinned-row-bottom) * 1px);
+    opacity: 0.97;
+    top: calc(var(--mrt-pinned-row-top) * 1px);
+  }
+  .MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td::before {
+        background-color: var(--mrt-pinned-row-background-color);
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td[data-column-pinned] {
+        background-color: var(--mrt-pinned-column-background-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td[data-column-pinned]::before {
+          background-color: var(--mrt-pinned-row-background-color);
+          content: '';
+          height: 100%;
+          left: 0;
+          position: absolute;
+          top: 0;
+          width: 100%;
+          z-index: -1;
+        }
+  .MRT_TableBodyRow-module_root__2c3D4[data-row-pinned='sticky'] {
+    z-index: 2;
+    position: sticky;
+  }
+  /* end row pinning styles */
+  /* selection styles */
+  .MRT_TableBodyRow-module_root__2c3D4[data-selected] {
+    background-color: var(--mantine-color-body);
+  }
+  .MRT_TableBodyRow-module_root__2c3D4[data-selected] td[data-column-pinned] {
+        background-color: var(--mrt-pinned-column-background-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-selected] td[data-column-pinned]::before {
+          background-color: var(--mrt-selected-row-background-color);
+        }
+  /* end selection styles */
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td {
+        background-color: var(--mrt-row-hover-background-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td[data-column-pinned] {
+          background-color: var(--mrt-base-background-color);
+        }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td[data-column-pinned]::before {
+            background-color: var(--mrt-row-hover-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td {
+            background-color: var(--mrt-striped-row-hover-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned] {
+              background-color: var(--mrt-base-background-color);
+            }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
+                background-color: var(--mrt-striped-row-hover-background-color);
+              }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td {
+            background-color: var(--mrt-striped-row-hover-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned] {
+              background-color: var(--mrt-base-background-color);
+            }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
+                background-color: var(--mrt-striped-row-hover-background-color);
+              }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td {
+          background-color: var(--mrt-selected-row-hover-background-color);
+        }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td[data-column-pinned] {
+            background-color: var(--mrt-base-background-color);
+          }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td[data-column-pinned]::before {
+              background-color: var(--mrt-selected-row-hover-background-color);
+            }
+  .MRT_TableBodyRow-module_root__2c3D4[data-dragging-row] {
+    opacity: 0.5;
+    border-bottom: var(--drag-thickness) dashed var(--drag-color);
+    border-top: var(--drag-thickness) dashed var(--drag-color);
+  }
+  .MRT_TableBodyRow-module_root__2c3D4[data-dragging-row] td:first-child {
+        border-left: var(--drag-thickness) dashed var(--drag-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-dragging-row] td:last-child {
+        border-right: var(--drag-thickness) dashed var(--drag-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td {
+      opacity: 0.5;
+      border-top: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+      border-bottom: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+    }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td:first-child {
+        border-left: var(--hover-thickness) dashed
+          var(--mrt-dragging-hovered-border-color);
+      }
+  .MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td:last-child {
+        border-right: var(--hover-thickness) dashed
+          var(--mrt-dragging-hovered-border-color);
+      }
+
+.MRT_TableBodyRow-module_root-grid__AwXTe {
+  display: flex;
+}
+
+.MRT_TableBodyRow-module_root-virtualized__zYgxq {
+  position: absolute !important;
+  top: 0;
+  transition: none !important;
+  transform: translateY(calc(var(--mrt-virtual-row-start) * 1px));
+  will-change: transform;
+}
+
+.MRT_TableBodyCell-module_root__Wf-zi {
+  --resize-thickness: 2px;
+
+  background-clip: padding-box;
+  text-align: var(--mrt-cell-align, left);
+  overflow: hidden;
+  position: relative;
+  transition: padding 150ms ease-in-out;
+}
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-dragging-column] {
+    z-index: 2;
+    border-left: var(--drag-thickness) dashed
+      var(--mrt-dragging-drag-border-color);
+    border-right: var(--drag-thickness) dashed
+      var(--mrt-dragging-drag-border-color);
+  }
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-dragging-column][data-last-row] {
+      border-bottom: var(--drag-thickness) dashed
+        var(--mrt-dragging-drag-border-color);
+    }
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-hovered-column-target] {
+    opacity: 0.5;
+    border-left: var(--hover-thickness) dashed
+      var(--mrt-dragging-hovered-border-color);
+    border-right: var(--hover-thickness) dashed
+      var(--mrt-dragging-hovered-border-color);
+  }
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-hovered-column-target][data-last-row] {
+      border-bottom: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+    }
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-resizing='ltr'] {
+    border-right: var(--resize-thickness) solid
+      var(--mrt-resize-column-border-color);
+  }
+
+  .MRT_TableBodyCell-module_root__Wf-zi[data-resizing='rtl'] {
+    border-left: var(--resize-thickness) solid
+      var(--mrt-resize-column-border-color);
+  }
+
+  .MRT_TableBodyCell-module_root__Wf-zi:hover {
+    outline-offset: -1px;
+    text-overflow: clip;
+  }
+
+.MRT_TableBodyCell-module_root-grid__zIuC- {
+  align-items: center;
+  justify-content: var(--mrt-cell-align, flex-start);
+  display: flex;
+}
+
+.MRT_TableBodyCell-module_root-virtualized__jLl8R {
+  transition: none;
+}
+
+.MRT_TableBodyCell-module_root-data-col__HHcxc {
+  text-overflow: ellipsis;
+}
+
+.MRT_TableBodyCell-module_root-nowrap__-k1Jo {
+  white-space: nowrap;
+}
+
+.MRT_TableBodyCell-module_root-cursor-pointer__4kw7J {
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+
+  .MRT_TableBodyCell-module_root-editable-hover__2DKSa:hover {
+    outline: 1px solid var(--mantine-color-gray-7);
+  }
+}
+
+@media (hover: none) {
+
+  .MRT_TableBodyCell-module_root-editable-hover__2DKSa:active {
+    outline: 1px solid var(--mantine-color-gray-7);
+  }
+}
+
+.MRT_CopyButton-module_root__mkXy4 {
+  background-color: transparent;
+  border: none;
+  border-radius: 4px;
+  color: inherit;
+  cursor: copy;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  justify-content: inherit;
+  letter-spacing: inherit;
+  margin: -4px;
+  min-width: unset;
+  padding: 4px;
+  text-align: inherit;
+  text-transform: inherit;
+}
+  .MRT_CopyButton-module_root__mkXy4:active {
+    transform: translateY(1px);
+  }
+  .MRT_CopyButton-module_root__mkXy4:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--mantine-primary-color-filled-hover) 10%,
+      transparent
+    );
+  }
+
+.MRT_TableDetailPanel-module_root__vQAlM {
+  display: table-row;
+  width: 100%;
+  background-color: var(--mrt-base-background-color);
+}
+
+.MRT_TableDetailPanel-module_root-grid__7UMC6 {
+  display: flex;
+}
+
+.MRT_TableDetailPanel-module_root-virtual-row__r-X4Z {
+  position: absolute;
+  top: var(--mrt-parent-row-height);
+  transform: translateY(var(--mrt-virtual-row-start));
+  transition: none;
+  z-index: 1;
+}
+
+.MRT_TableDetailPanel-module_inner__o-Fk- {
+  display: table-cell;
+  transition: all 150ms ease-in-out;
+  width: var(--mrt-inner-width);
+}
+
+.MRT_TableDetailPanel-module_inner-grid__WLZgF {
+  display: flex;
+}
+
+.MRT_TableDetailPanel-module_inner-expanded__6tg9T {
+  border-bottom: 1px solid var(--_table-border-color);
+}
+
+.MRT_TableDetailPanel-module_inner-virtual__TItRy {
+  transition: none;
+}
+
+.MRT_TableFooter-module_root__-JXpw {
+  background-color: var(--mrt-base-background-color);
+  display: table-row-group;
+}
+
+.MRT_TableFooter-module_grid__J3Ga- {
+  display: grid;
+}
+
+.MRT_TableFooter-module_sticky__GcoK6 {
+  bottom: 0;
+  opacity: 0.97;
+  position: sticky;
+  z-index: 1;
+  outline: 1px solid
+    var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] .MRT_TableFooter-module_sticky__GcoK6 {
+  outline: 1px solid
+    var(--mantine-color-gray-7);
+}
+
+.MRT_TableFooterRow-module_root__EuoPr {
+  width: 100%;
+  display: table-row;
+}
+  .MRT_TableFooterRow-module_root__EuoPr.MRT_TableFooterRow-module_layout-mode-grid__dUEMF {
+    display: flex;
+  }
+  .MRT_TableFooterRow-module_root__EuoPr {
+  background-color: var(--light-bg-color);
+}
+  [data-mantine-color-scheme='dark'] .MRT_TableFooterRow-module_root__EuoPr {
+  background-color: var(--dark-bg-color);
+}
+  .MRT_TableFooterRow-module_root__EuoPr {
+  border-top: 1px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] .MRT_TableFooterRow-module_root__EuoPr {
+  border-top: 1px solid
+    var(--mantine-color-dark-4);
+}
+
+.MRT_TableFooterCell-module_root__d8Scs {
+  font-size: 0.8rem;
+  font-weight: bold;
+  padding: 1rem;
+  text-align: var(--mrt-cell-align, left);
+  vertical-align: top;
+  z-index: 1;
+}
+
+  .MRT_TableFooterCell-module_root__d8Scs.MRT_TableFooterCell-module_grid__H9jLk {
+    display: flex;
+    justify-content: var(--mrt-cell-align, flex-start);
+  }
+
+  .MRT_TableFooterCell-module_root__d8Scs.MRT_TableFooterCell-module_group__l3-p- {
+    text-align: center;
+    justify-content: center;
+  }
+
+  .MRT_TableFooterCell-module_root__d8Scs {
+
+  background-color: var(--mrt-base-background-color);
+}
+
+  .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned] {
+    position: sticky;
+  }
+
+  .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='left'] {
+    left: calc(var(--mrt-table-cell-left, 0) * 1px);
+  }
+
+  .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='left'][data-last-left-pinned] {
+      box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+    }
+
+  [data-mantine-color-scheme='dark'] .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='left'][data-last-left-pinned] {
+      box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='right'] {
+    right: calc(var(--mrt-table-cell-right, 0) * 1px);
+  }
+
+  .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='right'][data-first-right-pinned] {
+      box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+    }
+
+  [data-mantine-color-scheme='dark'] .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned='right'][data-first-right-pinned] {
+      box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+.MRT_TableHead-module_root__j9NkO {
+  background-color: var(--mrt-base-background-color);
+  opacity: 0.97;
+  position: relative;
+}
+
+.MRT_TableHead-module_root-grid__c3aGl {
+  display: grid;
+}
+
+.MRT_TableHead-module_root-table-row-group__d9FO4 {
+  display: table-row-group;
+}
+
+.MRT_TableHead-module_root-sticky__0kuDE {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+
+.MRT_TableHead-module_banner-tr__EhT-x {
+  display: table-row;
+}
+
+.MRT_TableHead-module_banner-th__KwM5a {
+  display: table-cell;
+  padding: 0;
+}
+
+.MRT_TableHead-module_grid__OJ-td {
+  display: grid;
+}
+
+.MRT_TableHeadRow-module_root__hUKv4 {
+  background-color: var(--mrt-base-background-color);
+  display: table-row;
+}
+  .MRT_TableHeadRow-module_root__hUKv4.MRT_TableHeadRow-module_layout-mode-grid__4ZGri {
+    display: flex;
+  }
+
+.MRT_TableHeadRow-module_sticky__Ej7Ax {
+  position: sticky;
+  top: 0;
+}
+
+.MRT_TableHeadCell-module_root__6y50a {
+  --resize-border-color: var(--mantine-primary-color-filled);
+  --hover-color: var(--mantine-primary-color-filled);
+  --drag-color: var(--mantine-color-gray-7);
+  --resize-thickness: 2px;
+  --hover-thickness: 3px;
+  --drag-thickness: 1px;
+
+  background-color: var(--mrt-base-background-color);
+  background-clip: padding-box;
+  font-weight: bold;
+  overflow: visible;
+  position: relative;
+  transition: padding 150ms ease-in-out;
+  vertical-align: top;
+  z-index: 1;
+}
+
+  .MRT_TableHeadCell-module_root__6y50a:active {
+    z-index: 3;
+  }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-column-pinned] {
+    background-color: var(--mrt-base-background-color);
+    opacity: 0.97;
+    position: sticky;
+    z-index: 4;
+  }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='left'] {
+      left: calc(var(--mrt-table-cell-left, 0) * 1px);
+    }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
+        box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+      }
+
+  [data-mantine-color-scheme='dark'] .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
+        box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='right'] {
+      right: calc(var(--mrt-table-cell-right, 0) * 1px);
+    }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
+        box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+      }
+
+  [data-mantine-color-scheme='dark'] .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
+        box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  .MRT_TableHeadCell-module_root__6y50a[data-resizing][data-resizing='ltr'] {
+      border-right: var(--resize-thickness) solid var(--resize-border-color);
+    }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-resizing][data-resizing='rtl'] {
+      border-left: var(--resize-thickness) solid var(--resize-border-color);
+    }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-dragging-column] {
+    border-left: var(--drag-thickness) dashed var(--drag-color);
+    border-right: var(--drag-thickness) dashed var(--drag-color);
+    border-top: var(--drag-thickness) dashed var(--drag-color);
+    opacity: 0.5;
+    z-index: 3;
+  }
+
+  .MRT_TableHeadCell-module_root__6y50a[data-hovered-column-target] {
+    border-left: var(--hover-thickness) dashed var(--hover-color);
+    border-right: var(--hover-thickness) dashed var(--hover-color);
+    border-top: var(--hover-thickness) dashed var(--hover-color);
+    z-index: 2;
+  }
+
+  .MRT_TableHeadCell-module_root__6y50a .mantine-ActionIcon-root {
+    opacity: 0.7;
+    transition: opacity 100ms ease-in-out;
+  }
+
+  .MRT_TableHeadCell-module_root__6y50a:hover .mantine-ActionIcon-root {
+      opacity: 1;
+    }
+
+.MRT_TableHeadCell-module_root-grid__bAf1d {
+  display: flex;
+  flex-direction: column;
+}
+
+.MRT_TableHeadCell-module_root-virtualized__CWLit {
+  transition: none;
+}
+
+.MRT_TableHeadCell-module_root-no-select__BEOVU {
+  user-select: none;
+}
+
+.MRT_TableHeadCell-module_content__-pzSK {
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.MRT_TableHeadCell-module_content-spaced__S85Aa {
+  justify-content: space-between;
+}
+
+.MRT_TableHeadCell-module_content-center__c-17L {
+  justify-content: center;
+}
+
+.MRT_TableHeadCell-module_content-right__NSRZU {
+  flex-direction: row-reverse;
+}
+
+.MRT_TableHeadCell-module_content-wrapper__py6aJ {
+  text-overflow: ellipsis;
+}
+
+.MRT_TableHeadCell-module_content-wrapper-hidden-overflow__QY40r {
+  overflow: hidden;
+}
+
+.MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg {
+  white-space: nowrap;
+}
+
+.MRT_TableHeadCell-module_labels__oiMSr {
+  align-items: center;
+  gap: calc(0.125rem * var(--mantine-scale));
+  min-height: calc(1.375rem * var(--mantine-scale));
+}
+
+.MRT_TableHeadCell-module_labels-right__6ZJp- {
+  flex-direction: row-reverse;
+}
+
+.MRT_TableHeadCell-module_labels-center__MM9q8 {
+  padding-left: calc(var(--mrt-table-head-cell-labels-padding-left) * 1rem);
+}
+
+.MRT_TableHeadCell-module_labels-sortable__tyuLr {
+  cursor: pointer;
+}
+
+.MRT_TableHeadCell-module_labels-data__PvFGO {
+  overflow: hidden;
+}
+
+.MRT_TableHeadCell-module_content-actions__utxbm {
+  align-items: center;
+  align-self: center;
+  white-space: nowrap;
+  gap: calc(0.125rem * var(--mantine-scale));
+  margin-left: calc(0.125rem * var(--mantine-scale));
+}
+
+.MRT_TableHeadCellFilterContainer-module_filter-mode-label__8reK- {
+  white-space: nowrap;
+  margin-top: 4px;
+  font-size: 10px;
+}
+
+.MRT_FilterCheckBox-module_root__59h9r {
+  font-weight: normal;
+  margin-top: 8px;
+}
+
+.MRT_FilterRangeFields-module_root__KfCcg {
+  display: grid;
+  grid-template-columns: 6fr 6fr;
+  gap: 16px;
+}
+
+.MRT_FilterTextInput-module_root__Ss8Ql {
+  font-weight: normal;
+  border-bottom: 2px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] .MRT_FilterTextInput-module_root__Ss8Ql {
+  border-bottom: 2px solid
+    var(--mantine-color-gray-7);
+}
+  .MRT_FilterTextInput-module_root__Ss8Ql {
+  min-width: auto;
+}
+  .MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_date-filter__jOBLB {
+    min-width: calc(7.8125rem * var(--mantine-scale));
+  }
+  .MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_range-filter__JQHAL {
+    min-width: calc(5rem * var(--mantine-scale));
+  }
+  .MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_not-filter-chip__u8b1y {
+    min-width: calc(6.25rem * var(--mantine-scale));
+  }
+  .MRT_FilterTextInput-module_root__Ss8Ql {
+  width: 100%;
+}
+  .MRT_FilterTextInput-module_root__Ss8Ql .mantine-TextInput-input {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .MRT_FilterTextInput-module_root__Ss8Ql .mantine-DateInput-input {
+    height: 2.1rem;
+  }
+
+.MRT_FilterTextInput-module_filter-chip-badge__Sel2k {
+  margin: 5px;
+}
+
+.MRT_FilterRangeSlider-module_root__uwYEk {
+  margin: auto;
+  margin-top: 16px;
+  margin-bottom: 6px;
+  width: calc(100% - 8px);
+}
+
+.MRT_FilterOptionMenu-module_symbol__a1Bsy {
+  font-size: var(--mantine-font-size-xl);
+  text-align: center;
+  width: 2ch;
+  transform: translateY(-0.1em);
+}
+
+.MRT_TableHeadCellFilterLabel-module_root__Rur2R {
+  transition: all 150ms ease;
+  --ai-size: var(--ai-size-sm);
+  --ai-bg: transparent;
+  --ai-hover: var(--mantine-color-gray-1);
+}
+  [data-mantine-color-scheme='dark'] .MRT_TableHeadCellFilterLabel-module_root__Rur2R {
+  --ai-hover: var(--mantine-color-dark-6);
+}
+  .MRT_TableHeadCellFilterLabel-module_root__Rur2R {
+  --ai-hover-color: var(--mantine-color-bright);
+  color: var(--mantine-color-bright);
+}
+  .MRT_TableHeadCellFilterLabel-module_root__Rur2R[data-active] {
+    color: var(--mantine-primary-color-filled);
+  }
+
+.MRT_TableHeadCellResizeHandle-module_root__paufe {
+  --resize-handle-thickness: 4px;
+  background: var(--mantine-color-placeholder);
+  border-radius: 2px;
+  cursor: col-resize;
+  height: 24px;
+  position: absolute;
+  width: var(--resize-handle-thickness);
+}
+  .MRT_TableHeadCellResizeHandle-module_root__paufe:hover {
+    background: var(--mantine-primary-color-filled-hover);
+  }
+  .MRT_TableHeadCellResizeHandle-module_root__paufe:active {
+    background: var(--mantine-primary-color-filled);
+  }
+  .MRT_TableHeadCellResizeHandle-module_root__paufe {
+  transform: var(--mrt-transform);
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ {
+  right: 0px;
+  margin-right: -10px;
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ.md {
+    margin-right: -16px;
+  }
+
+.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ.xl {
+    margin-right: -22px;
+  }
+
+.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo {
+  left: 0px;
+  margin-left: -10px;
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo.md {
+    margin-left: -16px;
+  }
+
+.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo.xl {
+    margin-left: -22px;
+  }
+
+.MRT_TableHeadCellResizeHandle-module_root-hide__-ILlD:active {
+    opacity: 0;
+  }
+
+.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA {
+  transition: all 150ms ease;
+  --ai-size: var(--ai-size-xs);
+  --ai-bg: transparent;
+  --ai-hover: var(--mantine-color-gray-1);
+}
+  [data-mantine-color-scheme='dark'] .MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA {
+  --ai-hover: var(--mantine-color-dark-6);
+}
+  .MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA {
+  --ai-hover-color: var(--mantine-color-bright);
+  color: var(--mantine-color-bright);
+}
+  .MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA[data-sorted] {
+    color: var(--mantine-primary-color-filled);
+  }
+  .MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA {
+  margin-left: 1px;
+}
+
+.MRT_TableHeadCellSortLabel-module_multi-sort-indicator__MGBj2 {
+  --indicator-size: calc(1rem * var(--mantine-scale));
+  --indicator-color: transparent;
+  --indicator-text-color: var(--mantine-color-bright);
+  height: var(--indicator-size);
+}
+
+.MRT_ColumnActionMenu-module_left__cfNmY {
+  transform: rotate(90deg);
+}
+
+.MRT_ColumnActionMenu-module_right__-nK56 {
+  transform: rotate(-90deg);
+}
+
+.MRT_ToolbarAlertBanner-module_alert__PAhUK {
+  border-radius: 0;
+  font-size: 1rem;
+  left: 0;
+  position: relative;
+  padding: calc(0.5rem * var(--mantine-scale));
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-stacked__HR7Nq {
+  margin-bottom: 0;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-bottom__u9L-S {
+  margin-bottom: -16px;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-badge__GwDmX {
+  margin-left: 1ch;
+}
+
+.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU {
+  gap: var(--mantine-spacing-sm);
+  padding: 8px 16px;
+}
+
+.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK {
+    padding: 2px;
+  }
+
+.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK.xl {
+      padding: 16px;
+    }
+
+.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK.md {
+      padding: 8px;
+    }
+
+.MRT_BottomToolbar-module_root__VDeWo {
+  background-color: var(--mrt-base-background-color);
+  border-top: 1px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] .MRT_BottomToolbar-module_root__VDeWo {
+  border-top: 1px solid
+    var(--mantine-color-dark-4);
+}
+  .MRT_BottomToolbar-module_root__VDeWo {
+  bottom: var(--mrt-bottom-toolbar-bottom);
+  box-shadow: 0 1px 2px -1px color-mix(
+      in srgb,
+      var(--mantine-color-black) 10%,
+      transparent
+    ) inset;
+  left: 0;
+  right: 0;
+  position: relative;
+}
+
+.MRT_BottomToolbar-module_root-fullscreen__esE15 {
+  position: fixed !important;
+  bottom: 0;
+}
+
+.MRT_BottomToolbar-module_custom-toolbar-container__XcDRF {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  padding: calc(0.5rem * var(--mantine-scale));
+  width: 100%;
+}
+
+.MRT_BottomToolbar-module_paginator-container__A3eWY {
+  display: flex;
+  justify-content: flex-end;
+  right: 0;
+  top: 0;
+  position: absolute;
+}
+
+.MRT_BottomToolbar-module_paginator-container-alert-banner__gyqtO {
+  position: relative !important;
+}
+
+.common-styles-module_common-toolbar-styles__DnjR8 {
+  align-items: flex-start;
+  display: grid;
+  flex-wrap: wrap-reverse;
+  min-height: 3.5rem;
+  overflow: visible;
+  padding: 0;
+  transition: all 150ms ease-in-out;
+  z-index: 3;
+}
+
+.MRT_ProgressBar-module_collapse__rOLJH {
+  position: absolute;
+  width: 100%;
+  top: 0;
+}
+
+.MRT_ProgressBar-module_collapse-top__oCi0h {
+  bottom: 0;
+  top: unset;
+}
+
+.MRT_TablePagination-module_root__yZ8pm {
+  display: flex;
+  z-index: 2;
+  gap: var(--mantine-spacing-lg);
+  align-items: center;
+  justify-content: space-between;
+  padding-right: var(--mantine-spacing-sm);
+  padding-left: var(--mantine-spacing-sm);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+}
+  .MRT_TablePagination-module_root__yZ8pm .MRT_TablePagination-module_pagesize__-vmTn input {
+      width: calc(5rem * var(--mantine-scale));
+    }
+
+.MRT_TablePagination-module_with-top-margin__aM5-m {
+  margin-top: 3rem;
+}
+
+.MRT_ToolbarDropZone-module_root__eGTXb {
+  align-items: center;
+
+  border: dashed var(--mantine-primary-color-filled) 2px;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  z-index: 2;
+  background-color: color-mix(
+    in srgb,
+    var(--mantine-primary-color-filled) 10%,
+    transparent
+  );
+}
+
+.MRT_ToolbarDropZone-module_hovered__g7PeJ {
+  background-color: color-mix(
+    in srgb,
+    var(--mantine-primary-color-filled) 20%,
+    transparent
+  );
+}
+
+.MRT_TopToolbar-module_root__r4-V9 {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+.MRT_TopToolbar-module_root-fullscreen__3itT8 {
+  position: sticky !important;
+  top: 0;
+}
+
+.MRT_TopToolbar-module_actions-container__-uL0u {
+  align-items: flex-start;
+  box-sizing: border-box;
+  justify-content: space-between;
+  padding: calc(0.5rem * var(--mantine-scale));
+  right: 0;
+  top: 0;
+  width: 100%;
+  position: absolute;
+}
+
+.MRT_TopToolbar-module_actions-container-stack-alert__OYDL6 {
+  position: relative !important;
+}
+
+.MRT_ToolbarInternalButtons-module_root__NKoUG {
+  align-items: center;
+  gap: 2px;
+  z-index: 3;
+  margin-left: 4px;
+}
+
+.MRT_ShowHideColumnsMenu-module_root__2UWak {
+  max-height: calc(80vh - 100px);
+  overflow-y: auto;
+}
+  .MRT_ShowHideColumnsMenu-module_root__2UWak .MRT_ShowHideColumnsMenu-module_content__ehkWQ {
+    padding-top: calc(0.25rem * var(--mantine-scale));
+    padding-bottom: calc(0.25rem * var(--mantine-scale));
+    gap: calc(0.5rem * var(--mantine-scale));
+    justify-content: space-between;
+  }
+
+.MRT_ShowHideColumnsMenuItems-module_root__wYgv- {
+  align-items: center;
+  cursor: default;
+  justify-content: flex-start;
+  opacity: 1;
+  outline: none;
+  padding-left: var(--_column-depth);
+  padding-top: calc(0.375rem * var(--mantine-scale));
+  padding-bottom: calc(0.375rem * var(--mantine-scale));
+}
+  .MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-dragging] {
+    opacity: 0.5;
+    outline: 1px dashed var(--mantine-color-gray-7);
+  }
+  .MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-order-hovered]:not(.MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-dragging]) {
+    outline: 2px dashed var(--_hover-color);
+  }
+.MRT_ShowHideColumnsMenuItems-module_menu__CeATR {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: calc(0.5rem * var(--mantine-scale));
+}
+.MRT_ShowHideColumnsMenuItems-module_grab__a-d-y {
+  width: calc(1.75rem * var(--mantine-scale));
+}
+.MRT_ShowHideColumnsMenuItems-module_pin__P437b {
+  width: calc(4.375rem * var(--mantine-scale));
+}
+.MRT_ShowHideColumnsMenuItems-module_switch__tMsdt {
+  cursor: pointer !important;
+}
+.MRT_ShowHideColumnsMenuItems-module_header__xVkKb {
+  align-self: center;
+}
+
+.MRT_ColumnPinningButtons-module_root__scTtW {
+  min-width: 70px;
+  align-content: center;
+  justify-content: center;
+}
+  .MRT_ColumnPinningButtons-module_root__scTtW .MRT_ColumnPinningButtons-module_left__W6Aog {
+    transform: rotate(90deg);
+  }
+  .MRT_ColumnPinningButtons-module_root__scTtW .MRT_ColumnPinningButtons-module_right__7AJE3 {
+    transform: rotate(-90deg);
+  }
+
+.MRT_GlobalFilterTextInput-module_root__Xmcpv {
+  z-index: 2;
+  position: relative;
+}
+
+.MRT_GlobalFilterTextInput-module_collapse__v311d {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: nowrap;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.0-beta.70",
+  "version": "2.0.0-beta.71",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",