@neeyo/mantine-datatable 0.1.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +2 -1
  2. package/dist/index.d.mts +1195 -0
  3. package/dist/index.d.ts +1088 -1005
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/styles.css +41 -21
  9. package/dist/styles.layer.css +42 -22
  10. package/package.json +39 -30
package/dist/styles.css CHANGED
@@ -1,43 +1,63 @@
1
1
  .mantine-datatable-nowrap{white-space:nowrap}.mantine-datatable-ellipsis{overflow:hidden;text-overflow:ellipsis}.mantine-datatable-pointer-cursor{cursor:pointer}.mantine-datatable-context-menu-cursor{cursor:context-menu}.mantine-datatable-text-selection-disabled{user-select:none}.mantine-datatable-text-align-left{text-align:left}.mantine-datatable-text-align-center{text-align:center}.mantine-datatable-text-align-right{text-align:right}.mantine-datatable{--mantine-datatable-color:var(
2
- --mantine-datatable-color-light,var(--mantine-color-text)
2
+ --mantine-datatable-color-light,
3
+ var(--mantine-color-text)
3
4
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-color:var(
4
- --mantine-datatable-color-dark,var(--mantine-color-text)
5
+ --mantine-datatable-color-dark,
6
+ var(--mantine-color-text)
5
7
  )}.mantine-datatable{--mantine-datatable-background-color:var(
6
- --mantine-datatable-background-color-light,var(--mantine-color-body)
8
+ --mantine-datatable-background-color-light,
9
+ var(--mantine-color-body)
7
10
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-background-color:var(
8
- --mantine-datatable-background-color-dark,var(--mantine-color-body)
11
+ --mantine-datatable-background-color-dark,
12
+ var(--mantine-color-body)
9
13
  )}.mantine-datatable{--mantine-datatable-border-color:var(
10
- --mantine-datatable-border-color-light,var(--mantine-color-gray-3)
14
+ --mantine-datatable-border-color-light,
15
+ var(--mantine-color-gray-3)
11
16
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-border-color:var(
12
- --mantine-datatable-border-color-dark,var(--mantine-color-dark-4)
17
+ --mantine-datatable-border-color-dark,
18
+ var(--mantine-color-dark-4)
13
19
  )}.mantine-datatable{--mantine-datatable-row-border-color:var(
14
- --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color)
20
+ --mantine-datatable-row-border-color-light,
21
+ var(--mantine-datatable-border-color)
15
22
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-row-border-color:var(
16
- --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color)
23
+ --mantine-datatable-row-border-color-dark,
24
+ var(--mantine-datatable-border-color)
17
25
  )}.mantine-datatable{--mantine-datatable-striped-color:var(
18
- --mantine-datatable-striped-color-light,var(--mantine-color-gray-0)
26
+ --mantine-datatable-striped-color-light,
27
+ var(--mantine-color-gray-0)
19
28
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-striped-color:var(
20
- --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6)
29
+ --mantine-datatable-striped-color-dark,
30
+ var(--mantine-color-dark-6)
21
31
  )}.mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
22
- --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1)
32
+ --mantine-datatable-highlight-on-hover-color-light,
33
+ var(--mantine-color-gray-1)
23
34
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
24
- --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5)
25
- )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr:nth-of-type(odd){background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:5px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:5px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
26
- --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
35
+ --mantine-datatable-highlight-on-hover-color-dark,
36
+ var(--mantine-color-dark-5)
37
+ )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05), transparent), linear-gradient(rgba(0,0,0,.05) 30%, transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25), transparent), linear-gradient(rgba(0,0,0,.25) 30%, transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg, rgba(0,0,0,.05), transparent), linear-gradient(270deg, rgba(0,0,0,.05), transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg, rgba(0,0,0,.25), transparent), linear-gradient(270deg, rgba(0,0,0,.25), transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent, rgba(0,0,0,.05)), linear-gradient(transparent 30%, rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent, rgba(0,0,0,.25)), linear-gradient(transparent 30%, rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg, rgba(0,0,0,.05), transparent), linear-gradient(90deg, rgba(0,0,0,.05), transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg, rgba(0,0,0,.25), transparent), linear-gradient(90deg, rgba(0,0,0,.25), transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr[data-odd]{background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:not(.mantine-datatable-spacer-row):hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:3px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:3px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-resize-guide{position:fixed;width:2px;margin-left:-1px;background:var(--mantine-primary-color-filled);pointer-events:none;z-index:1000}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
38
+ --mantine-datatable-pagination-active-text-color-light,
39
+ var(--mantine-color-white)
27
40
  )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
28
- --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
41
+ --mantine-datatable-pagination-active-text-color-dark,
42
+ var(--mantine-color-white)
29
43
  )}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
30
- --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
44
+ --mantine-datatable-pagination-active-background-color-light,
45
+ var(--mantine-primary-color-filled)
31
46
  )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
32
- --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
47
+ --mantine-datatable-pagination-active-background-color-dark,
48
+ var(--mantine-primary-color-filled)
33
49
  )}.mantine-datatable-page-size-selector-active{opacity:1;color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color)}.mantine-datatable-pagination{background:inherit;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-xs)}.mantine-datatable-pagination-text{flex:1 1 auto}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
34
- --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
50
+ --mantine-datatable-pagination-active-text-color-light,
51
+ var(--mantine-color-white)
35
52
  )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
36
- --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
53
+ --mantine-datatable-pagination-active-text-color-dark,
54
+ var(--mantine-color-white)
37
55
  )}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
38
- --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
56
+ --mantine-datatable-pagination-active-background-color-light,
57
+ var(--mantine-primary-color-filled)
39
58
  )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
40
- --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
59
+ --mantine-datatable-pagination-active-background-color-dark,
60
+ var(--mantine-primary-color-filled)
41
61
  )}.mantine-datatable-pagination-pages{opacity:1;transition:opacity .2s}.mantine-datatable-pagination-pages-fetching{opacity:0}.mantine-datatable-pagination-pages-control{color:var(--mantine-datatable-color);border-color:var(--mantine-datatable-border-color)}.mantine-datatable-pagination-pages-control[data-active]{color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color);border-color:transparent}.mantine-datatable-row{--mantine-datatable-row-color:var(
42
62
  --mantine-datatable-row-color-light
43
63
  )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-color:var(
package/dist/styles.layer.css CHANGED
@@ -1,43 +1,63 @@
1
1
  @layer mantine-datatable{.mantine-datatable-nowrap{white-space:nowrap}.mantine-datatable-ellipsis{overflow:hidden;text-overflow:ellipsis}.mantine-datatable-pointer-cursor{cursor:pointer}.mantine-datatable-context-menu-cursor{cursor:context-menu}.mantine-datatable-text-selection-disabled{user-select:none}.mantine-datatable-text-align-left{text-align:left}.mantine-datatable-text-align-center{text-align:center}.mantine-datatable-text-align-right{text-align:right}.mantine-datatable{--mantine-datatable-color:var(
2
- --mantine-datatable-color-light,var(--mantine-color-text)
2
+ --mantine-datatable-color-light,
3
+ var(--mantine-color-text)
3
4
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-color:var(
4
- --mantine-datatable-color-dark,var(--mantine-color-text)
5
+ --mantine-datatable-color-dark,
6
+ var(--mantine-color-text)
5
7
  )}.mantine-datatable{--mantine-datatable-background-color:var(
6
- --mantine-datatable-background-color-light,var(--mantine-color-body)
8
+ --mantine-datatable-background-color-light,
9
+ var(--mantine-color-body)
7
10
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-background-color:var(
8
- --mantine-datatable-background-color-dark,var(--mantine-color-body)
11
+ --mantine-datatable-background-color-dark,
12
+ var(--mantine-color-body)
9
13
  )}.mantine-datatable{--mantine-datatable-border-color:var(
10
- --mantine-datatable-border-color-light,var(--mantine-color-gray-3)
14
+ --mantine-datatable-border-color-light,
15
+ var(--mantine-color-gray-3)
11
16
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-border-color:var(
12
- --mantine-datatable-border-color-dark,var(--mantine-color-dark-4)
17
+ --mantine-datatable-border-color-dark,
18
+ var(--mantine-color-dark-4)
13
19
  )}.mantine-datatable{--mantine-datatable-row-border-color:var(
14
- --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color)
20
+ --mantine-datatable-row-border-color-light,
21
+ var(--mantine-datatable-border-color)
15
22
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-row-border-color:var(
16
- --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color)
23
+ --mantine-datatable-row-border-color-dark,
24
+ var(--mantine-datatable-border-color)
17
25
  )}.mantine-datatable{--mantine-datatable-striped-color:var(
18
- --mantine-datatable-striped-color-light,var(--mantine-color-gray-0)
26
+ --mantine-datatable-striped-color-light,
27
+ var(--mantine-color-gray-0)
19
28
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-striped-color:var(
20
- --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6)
29
+ --mantine-datatable-striped-color-dark,
30
+ var(--mantine-color-dark-6)
21
31
  )}.mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
22
- --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1)
32
+ --mantine-datatable-highlight-on-hover-color-light,
33
+ var(--mantine-color-gray-1)
23
34
  )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
24
- --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5)
25
- )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr:nth-of-type(odd){background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:5px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:5px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
26
- --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
35
+ --mantine-datatable-highlight-on-hover-color-dark,
36
+ var(--mantine-color-dark-5)
37
+ )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05), transparent), linear-gradient(rgba(0,0,0,.05) 30%, transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25), transparent), linear-gradient(rgba(0,0,0,.25) 30%, transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg, rgba(0,0,0,.05), transparent), linear-gradient(270deg, rgba(0,0,0,.05), transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg, rgba(0,0,0,.25), transparent), linear-gradient(270deg, rgba(0,0,0,.25), transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent, rgba(0,0,0,.05)), linear-gradient(transparent 30%, rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent, rgba(0,0,0,.25)), linear-gradient(transparent 30%, rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg, rgba(0,0,0,.05), transparent), linear-gradient(90deg, rgba(0,0,0,.05), transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg, rgba(0,0,0,.25), transparent), linear-gradient(90deg, rgba(0,0,0,.25), transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr[data-odd]{background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:not(.mantine-datatable-spacer-row):hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}}@layer mantine-datatable{.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:3px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:3px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-resize-guide{position:fixed;width:2px;margin-left:-1px;background:var(--mantine-primary-color-filled);pointer-events:none;z-index:1000}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
38
+ --mantine-datatable-pagination-active-text-color-light,
39
+ var(--mantine-color-white)
27
40
  )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
28
- --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
41
+ --mantine-datatable-pagination-active-text-color-dark,
42
+ var(--mantine-color-white)
29
43
  )}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
30
- --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
44
+ --mantine-datatable-pagination-active-background-color-light,
45
+ var(--mantine-primary-color-filled)
31
46
  )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
32
- --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
47
+ --mantine-datatable-pagination-active-background-color-dark,
48
+ var(--mantine-primary-color-filled)
33
49
  )}.mantine-datatable-page-size-selector-active{opacity:1;color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color)}.mantine-datatable-pagination{background:inherit;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-xs)}.mantine-datatable-pagination-text{flex:1 1 auto}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
34
- --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
50
+ --mantine-datatable-pagination-active-text-color-light,
51
+ var(--mantine-color-white)
35
52
  )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
36
- --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
53
+ --mantine-datatable-pagination-active-text-color-dark,
54
+ var(--mantine-color-white)
37
55
  )}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
38
- --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
56
+ --mantine-datatable-pagination-active-background-color-light,
57
+ var(--mantine-primary-color-filled)
39
58
  )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
40
- --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
59
+ --mantine-datatable-pagination-active-background-color-dark,
60
+ var(--mantine-primary-color-filled)
41
61
  )}.mantine-datatable-pagination-pages{opacity:1;transition:opacity .2s}.mantine-datatable-pagination-pages-fetching{opacity:0}.mantine-datatable-pagination-pages-control{color:var(--mantine-datatable-color);border-color:var(--mantine-datatable-border-color)}.mantine-datatable-pagination-pages-control[data-active]{color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color);border-color:transparent}.mantine-datatable-row{--mantine-datatable-row-color:var(
42
62
  --mantine-datatable-row-color-light
43
63
  )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-color:var(
@@ -46,4 +66,4 @@
46
66
  --mantine-datatable-row-background-color-light
47
67
  )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-background-color:var(
48
68
  --mantine-datatable-row-background-color-dark
49
- )}.mantine-datatable-row{color:var(--mantine-datatable-row-color,inherit);background:var(--mantine-datatable-row-background-color,inherit)}.mantine-datatable .mantine-datatable-row[data-with-row-border]:not(:last-of-type) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row[data-selected] td{background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-expansion-cell{padding:0}tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}tr:last-of-type .mantine-datatable-row-expansion-cell-content{border-bottom:0}.mantine-datatable-row-expansion-cell-content{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}[data-with-row-border] .mantine-datatable-row-expansion-cell-content{border-top:0}.mantine-datatable-row-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-row-selector-cell{left:auto;right:0}tr[data-selected] .mantine-datatable-row-selector-cell{background:inherit}tr[data-selected] .mantine-datatable-row-selector-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-row-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}tr[data-with-row-border] .mantine-datatable-row-selector-cell:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tr:last-of-type .mantine-datatable-row-selector-cell:after{bottom:0}.mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-row-selector-cell-checkbox{cursor:pointer}.mantine-datatable-scroll-area{flex:1 1 100%}.mantine-datatable-scroll-area-corner{background:transparent}.mantine-datatable-scroll-area-scrollbar,.mantine-datatable-scroll-area-thumb{z-index:5}.mantine-datatable-scroll-area-scrollbar[data-state=visible]{background:transparent}.mantine-datatable-scroll-area-scrollbar div:before{pointer-events:none}.mantine-datatable-scroll-area-shadow{position:absolute;pointer-events:none;transition:opacity .2s}.mantine-datatable-scroll-area-top-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-top);top:var(--mantine-datatable-header-height);opacity:var(--mantine-datatable-top-shadow-opacity)}.mantine-datatable-scroll-area-left-shadow{z-index:5;top:0;left:0;bottom:0;width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-scroll-area-left-shadow{left:auto}.mantine-datatable-scroll-area-right-shadow,[dir=rtl] .mantine-datatable-scroll-area-left-shadow{right:0;background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-scroll-area-right-shadow{z-index:5;top:0;bottom:0;width:calc(var(--mantine-spacing-xs)/2)}[dir=rtl] .mantine-datatable-scroll-area-right-shadow{right:auto;left:0;background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}.mantine-datatable-scroll-area-shadow-behind{z-index:0}.mantine-datatable-scroll-area-bottom-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-bottom);bottom:var(--mantine-datatable-footer-height);opacity:var(--mantine-datatable-bottom-shadow-opacity)}}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}
69
+ )}.mantine-datatable-row{color:var(--mantine-datatable-row-color,inherit);background:var(--mantine-datatable-row-background-color,inherit)}.mantine-datatable .mantine-datatable-row[data-with-row-border]:not(:last-of-type) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row[data-selected] td{background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-expansion-cell{padding:0}tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}tr:last-of-type .mantine-datatable-row-expansion-cell-content{border-bottom:0}.mantine-datatable-row-expansion-cell-content{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}[data-with-row-border] .mantine-datatable-row-expansion-cell-content{border-top:0}.mantine-datatable-row-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-row-selector-cell{left:auto;right:0}tr[data-selected] .mantine-datatable-row-selector-cell{background:inherit}tr[data-selected] .mantine-datatable-row-selector-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-row-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}tr[data-with-row-border] .mantine-datatable-row-selector-cell:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tr:last-of-type .mantine-datatable-row-selector-cell:after{bottom:0}.mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-row-selector-cell-checkbox{cursor:pointer}.mantine-datatable-scroll-area{flex:1 1 100%}.mantine-datatable-scroll-area-corner{background:transparent}.mantine-datatable-scroll-area-scrollbar,.mantine-datatable-scroll-area-thumb{z-index:5}.mantine-datatable-scroll-area-scrollbar[data-state=visible]{background:transparent}.mantine-datatable-scroll-area-scrollbar div:before{pointer-events:none}.mantine-datatable-scroll-area-shadow{position:absolute;pointer-events:none;transition:opacity .2s}.mantine-datatable-scroll-area-top-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-top);top:var(--mantine-datatable-header-height);opacity:var(--mantine-datatable-top-shadow-opacity)}.mantine-datatable-scroll-area-left-shadow{z-index:5;top:0;left:0;bottom:0;width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-scroll-area-left-shadow{left:auto}.mantine-datatable-scroll-area-right-shadow,[dir=rtl] .mantine-datatable-scroll-area-left-shadow{right:0;background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-scroll-area-right-shadow{z-index:5;top:0;bottom:0;width:calc(var(--mantine-spacing-xs)/2)}[dir=rtl] .mantine-datatable-scroll-area-right-shadow{right:auto;left:0;background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}.mantine-datatable-scroll-area-shadow-behind{z-index:0}.mantine-datatable-scroll-area-bottom-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-bottom);bottom:var(--mantine-datatable-footer-height);opacity:var(--mantine-datatable-bottom-shadow-opacity)}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@neeyo/mantine-datatable",
3
- "version": "0.1.0",
4
- "description": "The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data rendering, row expansion, nesting, and much more",
3
+ "version": "0.2.1",
4
+ "description": "The lightweight, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data rendering, row expansion, nesting, and much more",
5
5
  "keywords": [
6
6
  "mantine",
7
7
  "data",
@@ -11,6 +11,7 @@
11
11
  "datagrid",
12
12
  "data table",
13
13
  "data grid",
14
+ "virtualization",
14
15
  "async",
15
16
  "nested",
16
17
  "sorting",
@@ -44,7 +45,7 @@
44
45
  "exports": {
45
46
  ".": {
46
47
  "import": {
47
- "types": "./dist/index.d.ts",
48
+ "types": "./dist/index.d.mts",
48
49
  "default": "./dist/index.mjs"
49
50
  },
50
51
  "require": {
@@ -57,45 +58,50 @@
57
58
  },
58
59
  "scripts": {
59
60
  "dev": "next dev",
60
- "build:package": "rm -rf dist; tsup --config scripts/tsup.esm.ts; tsup --config scripts/tsup.cjs.ts; tsup --config scripts/tsup.dts.ts; postcss package/styles*.css --dir dist",
61
+ "build:package": "rm -rf dist; tsdown; postcss package/styles*.css --dir dist",
61
62
  "build:docs": "next build",
62
63
  "build": "bun run build:package && bun run build:docs",
63
64
  "lint": "next typegen && biome check . && tsc --noEmit --pretty",
64
- "format": "biome format --write ."
65
+ "format": "biome format --write .",
66
+ "check-updates": "bunx npm-check-updates --interactive --format group"
65
67
  },
66
68
  "devDependencies": {
67
- "@biomejs/biome": "2.5.6",
68
- "@faker-js/faker": "10.5.0",
69
+ "@babel/core": "7.29.7",
70
+ "@biomejs/biome": "2.5.15",
71
+ "@faker-js/faker": "10.6.0",
69
72
  "@formkit/auto-animate": "0.10.0",
70
73
  "@hello-pangea/dnd": "18.0.1",
71
- "@mantine/code-highlight": "9.5.0",
72
- "@mantine/core": "^9.5.0",
73
- "@mantine/dates": "9.5.0",
74
- "@mantine/hooks": "^9.5.0",
75
- "@mantine/modals": "9.5.0",
76
- "@mantine/notifications": "9.5.0",
77
- "@tabler/icons-react": "3.45.0",
78
- "@tanstack/react-query": "5.101.4",
79
- "@types/lodash": "4.17.24",
80
- "@types/node": "26.1.2",
81
- "@types/react": "19.2.17",
82
- "@types/react-dom": "19.2.3",
74
+ "@mantine/code-highlight": "9.7.2",
75
+ "@mantine/core": "^9.7.2",
76
+ "@mantine/dates": "9.7.2",
77
+ "@mantine/hooks": "^9.7.2",
78
+ "@mantine/modals": "9.7.2",
79
+ "@mantine/notifications": "9.7.2",
80
+ "@rolldown/plugin-babel": "0.2.4",
81
+ "@tabler/icons-react": "3.49.0",
82
+ "@tanstack/react-query": "5.104.2",
83
+ "@types/babel__core": "7.20.5",
84
+ "@types/lodash": "4.17.26",
85
+ "@types/node": "26.6.5",
86
+ "@types/react": "19.3.0",
87
+ "@types/react-dom": "19.3.0",
88
+ "babel-plugin-react-compiler": "1.0.0",
83
89
  "clsx": "2.1.1",
84
- "cssnano": "8.0.2",
85
- "dayjs": "1.11.21",
90
+ "cssnano": "8.0.10",
91
+ "dayjs": "1.11.23",
86
92
  "lodash": "4.18.1",
87
- "next": "16.2.12",
88
- "postcss": "8.5.24",
93
+ "next": "16.4.1",
94
+ "postcss": "8.5.30",
89
95
  "postcss-cli": "11.0.1",
90
- "postcss-import": "16.1.1",
96
+ "postcss-import": "16.2.0",
91
97
  "postcss-preset-mantine": "1.18.0",
92
98
  "postcss-simple-vars": "7.0.1",
93
- "react": "^19.2.8",
94
- "react-dom": "^19.2.8",
95
- "sharp": "0.35.3",
96
- "shiki": "4.3.1",
97
- "swr": "2.4.2",
98
- "tsup": "8.5.1",
99
+ "react": "^19.3.1",
100
+ "react-dom": "^19.3.1",
101
+ "sharp": "0.35.5",
102
+ "shiki": "4.5.0",
103
+ "swr": "2.5.1",
104
+ "tsdown": "0.23.1",
99
105
  "typescript": "6.0.3"
100
106
  },
101
107
  "trustedDependencies": [
@@ -109,5 +115,8 @@
109
115
  "clsx": ">=2",
110
116
  "react": ">=19",
111
117
  "react-dom": ">=19"
118
+ },
119
+ "dependencies": {
120
+ "@tanstack/react-virtual": "^3.14.19"
112
121
  }
113
122
  }