@jielga/tmdatagrid 1.0.0 → 1.0.1

package/dist/styles.css

@@ -1,2 +1,2 @@
-._root_nuit2_8[data-size=xs]{--dg-row-height:34px;--dg-header-height:32px;--dg-font-size:var(--mantine-font-size-xs);--dg-padding:6px}._root_nuit2_8[data-size=sm]{--dg-row-height:42px;--dg-header-height:38px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:8px}._root_nuit2_8[data-size=md]{--dg-row-height:52px;--dg-header-height:44px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:10px}._root_nuit2_8[data-size=lg]{--dg-row-height:62px;--dg-header-height:52px;--dg-font-size:var(--mantine-font-size-md);--dg-padding:14px}._root_nuit2_8[data-size=xl]{--dg-row-height:72px;--dg-header-height:60px;--dg-font-size:var(--mantine-font-size-lg);--dg-padding:18px}._root_nuit2_8{--dg-row-height:52px;--dg-header-height:44px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:10px;--dg-row-selected-bg:var(--mantine-primary-color-light);--dg-row-highlight-bg:var(--mantine-primary-color-light-hover);--dg-row-group-bg:var(--mantine-color-body);--dg-row-striped-bg:color-mix(in srgb, var(--mantine-color-text) 3.5%, var(--mantine-color-body));--dg-z-pinned-cell:2;--dg-z-focused-cell:3;--dg-z-pinned-row:4;--dg-z-pinned-row-pinned-cell:5;--dg-z-summary-row:4;--dg-z-summary-pinned-cell:5;--dg-z-header:6;--dg-z-header-pinned-cell:7;text-align:left;border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);background-color:var(--mantine-color-body);flex-direction:column;min-height:0;display:flex;overflow:hidden}._columnsPanel_1492o_1{flex-direction:column;width:280px;display:flex}._columnsPanelSearch_1492o_7{padding:var(--mantine-spacing-sm)}._columnsPanelList_1492o_11{gap:var(--mantine-spacing-sm);padding:0 var(--mantine-spacing-sm) var(--mantine-spacing-sm);flex-direction:column;display:flex}._columnsPanelFooter_1492o_18{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-sm);border-top:1px solid var(--mantine-color-default-border);display:flex}._detailsToggle_n39tz_3{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;display:flex}._detailsToggle_n39tz_3:hover ._chevron_n39tz_12{color:var(--mantine-color-text)}._chevron_n39tz_12{color:var(--mantine-color-dimmed);align-items:center;transition:transform .12s;display:flex}._chevron_n39tz_12[data-expanded=true]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){._chevron_n39tz_12{transition:none}}._groupToggle_h06xv_4{width:100%;min-width:0;font-size:var(--dg-font-size);color:inherit;align-items:center;gap:6px;display:flex}._chevron_h06xv_14{color:var(--mantine-color-dimmed);flex:none;align-items:center;transition:transform .12s;display:flex}._chevron_h06xv_14[data-expanded=true]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){._chevron_h06xv_14{transition:none}}._groupLabel_h06xv_34{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}._groupCount_h06xv_44{color:var(--mantine-color-dimmed);font-variant-numeric:tabular-nums;flex:none}._filterPanel_izakx_4{top:calc(var(--dg-header-height) + 2px);left:var(--mantine-spacing-md);z-index:5;padding:var(--mantine-spacing-sm);border-radius:var(--mantine-radius-md);border:1px solid var(--mantine-color-default-border);background-color:var(--mantine-color-body);box-shadow:var(--mantine-shadow-md);position:absolute}._filterRow_izakx_16{align-items:flex-end;gap:var(--mantine-spacing-xs);display:flex}._filterPanelHeader_izakx_22{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-md);padding-bottom:var(--mantine-spacing-xs);display:flex}._filterPanelFooter_izakx_30{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-md);display:flex}._filterPills_1yybb_3{align-items:center;gap:var(--mantine-spacing-xs);flex-wrap:wrap;display:flex}._filterPills_1yybb_3 ._pill_1yybb_15{background-color:var(--lightningcss-light,var(--mantine-color-gray-1))var(--lightningcss-dark,var(--mantine-color-dark-5));color:var(--lightningcss-light,var(--mantine-color-black))var(--lightningcss-dark,var(--mantine-color-dark-0));border:1px solid var(--lightningcss-light,var(--mantine-color-gray-3))var(--lightningcss-dark,var(--mantine-color-dark-3))}._pillLabel_1yybb_27{font:inherit;color:inherit;cursor:pointer}._pillLabel_1yybb_27:hover{text-decoration:underline}._footer_149ca_1{justify-content:flex-end;align-items:center;gap:var(--mantine-spacing-lg);padding:4px var(--mantine-spacing-sm);border-top:1px solid var(--mantine-color-default-border);flex-shrink:0;min-height:48px;display:flex}._footer_149ca_1[data-paging-suspended=true]{opacity:.55}._tableWrapper_18r3a_2{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}._scrollContainer_18r3a_10{flex:1;min-height:0;position:relative;overflow:auto;container-type:inline-size}._grid_18r3a_21{display:grid}._headerRow_18r3a_27{grid-column:1/-1;grid-template-columns:subgrid;z-index:var(--dg-z-header,6);display:grid;position:sticky;top:0}._headerRow_18r3a_27[data-dg-header-last]:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--dg-header-shadow-color,#00000024), transparent);opacity:0;height:6px;position:absolute;inset:100% 0 auto}@supports (animation-timeline:scroll()){._headerRow_18r3a_27[data-dg-header-last]:after{animation:linear both _dg-header-shadow_18r3a_1;animation-timeline:scroll();animation-range:0 24px}}@keyframes _dg-header-shadow_18r3a_1{0%{opacity:0}to{opacity:1}}._bodyRow_18r3a_76{--row-bg:var(--mantine-color-body);grid-column:1/-1;grid-template-columns:subgrid;align-items:stretch;display:grid}._bodyRow_18r3a_76[data-striped=true]{--row-bg:var(--dg-row-striped-bg)}._bodyRow_18r3a_76:hover{--row-bg:var(--mantine-color-default-hover)}._bodyRow_18r3a_76[data-grouped=true]{--row-bg:var(--dg-row-group-bg)}._bodyRow_18r3a_76[data-context-menu=true]{--row-bg:var(--mantine-color-default-hover)}._bodyRow_18r3a_76[data-selected-bg=true]{--row-bg:var(--dg-row-selected-bg)}._bodyRow_18r3a_76[data-highlighted=true]{--row-bg:var(--dg-row-highlight-bg)}._bodyRow_18r3a_76[data-selects-on-click=true]{-webkit-user-select:none;user-select:none}._bodyRow_18r3a_76:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}._bodyCell_18r3a_143{padding:0 var(--dg-padding);border-bottom:1px solid var(--mantine-color-default-border);background-color:var(--row-bg);font-size:var(--dg-font-size);align-items:center;display:flex}._bodyCell_18r3a_143[data-control-column=true]{padding:0}._grid_18r3a_21[data-range-dragging]{-webkit-user-select:none;user-select:none}._bodyCell_18r3a_143[data-selected=true]{background-color:color-mix(in srgb, var(--mantine-primary-color-filled) 14%, var(--row-bg));--dg-edge-top:transparent;--dg-edge-bottom:transparent;--dg-edge-left:transparent;--dg-edge-right:transparent;box-shadow:inset 0 1px 0 0 var(--dg-edge-top), inset 0 -1px 0 0 var(--dg-edge-bottom), inset 1px 0 0 0 var(--dg-edge-left), inset -1px 0 0 0 var(--dg-edge-right)}._bodyCell_18r3a_143[data-edge-top=true]{--dg-edge-top:var(--mantine-primary-color-filled)}._bodyCell_18r3a_143[data-edge-bottom=true]{--dg-edge-bottom:var(--mantine-primary-color-filled)}._bodyCell_18r3a_143[data-edge-left=true]{--dg-edge-left:var(--mantine-primary-color-filled)}._bodyCell_18r3a_143[data-edge-right=true]{--dg-edge-right:var(--mantine-primary-color-filled)}._bodyCell_18r3a_143[data-focused=true]{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}._cellContent_18r3a_141{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}._bodyCell_18r3a_143[data-editing]{padding:0 calc(var(--dg-padding) / 2)}._cellEditor_18r3a_243{align-items:center;gap:2px;width:100%;min-width:0;display:flex}._cellEditorActions_18r3a_252{flex:none;align-items:center;display:flex}._bodyCell_18r3a_143[data-dirty],._bodyCell_18r3a_143[data-invalid]{position:relative}._bodyCell_18r3a_143[data-dirty]:after,._bodyCell_18r3a_143[data-invalid]:after{content:"";border:5px solid #0000;border-top-color:var(--mantine-primary-color-filled);border-right-color:var(--mantine-primary-color-filled);position:absolute;top:0;right:0}._bodyCell_18r3a_143[data-invalid]:after{border-top-color:var(--mantine-color-error);border-right-color:var(--mantine-color-error)}._bodyCell_18r3a_143[data-align=right]{justify-content:flex-end}._bodyCell_18r3a_143[data-align=center]{justify-content:center}._bodyCell_18r3a_143[data-align=left] ._cellContent_18r3a_141{flex:auto}._detailsCell_18r3a_303{border-bottom:1px solid var(--mantine-color-default-border);background-color:var(--row-bg);padding:var(--dg-padding);-webkit-user-select:text;user-select:text;cursor:auto;grid-column:1/-1}._messageRow_18r3a_15{justify-content:center;justify-self:start;align-items:center;gap:var(--mantine-spacing-xs);width:100cqi;padding:var(--mantine-spacing-xl);flex-direction:column;grid-column:1/-1;display:flex;position:sticky;left:0}._bodyRow_18r3a_76[data-deleted=true]{opacity:.55;pointer-events:none;text-decoration:line-through}._entryBlock_18r3a_347{grid-column:1/-1;grid-template-columns:subgrid;top:var(--dg-header-height,0px);z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._entryRow_18r3a_356{grid-column:1/-1;grid-template-columns:subgrid;display:grid}._pinnedTopBlock_18r3a_369{grid-column:1/-1;grid-template-columns:subgrid;top:calc(var(--dg-header-height,0px) + var(--dg-entry-height,0px));z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._pinnedTopBlock_18r3a_369>:last-child>[role=cell]{border-bottom:2px solid var(--mantine-color-default-border)}._pinnedBottomBlock_18r3a_382{grid-column:1/-1;grid-template-columns:subgrid;bottom:var(--dg-summary-height,0px);z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._pinnedBottomBlock_18r3a_382>:first-child>[role=cell]{border-top:2px solid var(--mantine-color-default-border)}._entryCell_18r3a_395{padding:0 calc(var(--dg-padding) / 2);border-bottom:2px solid var(--mantine-primary-color-filled);background-color:var(--mantine-color-body);font-size:var(--dg-font-size);align-items:center;display:flex}._entryCell_18r3a_395[data-control-column=true]{justify-content:center;padding:0}._entryCell_18r3a_395[data-align=right]{justify-content:flex-end}._entryCell_18r3a_395[data-align=center]{justify-content:center}._matchHighlight_18r3a_422{background-color:var(--dg-match-highlight-bg,var(--lightningcss-light,var(--mantine-color-yellow-2))var(--lightningcss-dark,#fab00559));color:inherit;border-radius:2px}._summaryRow_18r3a_434{grid-column:1/-1;grid-template-columns:subgrid;z-index:var(--dg-z-summary-row,4);display:grid;position:sticky;bottom:0}._summaryCell_18r3a_443{padding:0 var(--dg-padding);border-top:1px solid var(--mantine-color-default-border);background-color:var(--mantine-color-body);font-size:var(--dg-font-size);align-items:center;font-weight:600;display:flex}._summaryCell_18r3a_443[data-control-column=true]{padding:0}._summaryCell_18r3a_443[data-align=right]{justify-content:flex-end}._summaryCell_18r3a_443[data-align=center]{justify-content:center}._stickyLeft_6z1iq_16:after,._stickyRight_6z1iq_17:after{content:"";pointer-events:none;width:8px;position:absolute;top:0;bottom:0}._stickyLeft_6z1iq_16:after{background:linear-gradient(90deg,var(--lightningcss-light,#00000012)var(--lightningcss-dark,#00000042),var(--lightningcss-light,#00000006)var(--lightningcss-dark,#00000017) 45%,#0000);left:100%}._stickyRight_6z1iq_17:after{background:linear-gradient(270deg,var(--lightningcss-light,#00000012)var(--lightningcss-dark,#00000042),var(--lightningcss-light,#00000006)var(--lightningcss-dark,#00000017) 45%,#0000);right:100%}@supports (animation-timeline:scroll()){._stickyLeft_6z1iq_16:after,._stickyRight_6z1iq_17:after{--dg-sticky-edge-range:20px;opacity:0;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(inline)}._stickyLeft_6z1iq_16:after{animation-name:_stickyEdgeIn_6z1iq_1;animation-range:0 var(--dg-sticky-edge-range)}._stickyRight_6z1iq_17:after{animation-name:_stickyEdgeOut_6z1iq_1;animation-range:calc(100% - var(--dg-sticky-edge-range)) 100%}}@keyframes _stickyEdgeIn_6z1iq_1{0%{opacity:0}to{opacity:1}}@keyframes _stickyEdgeOut_6z1iq_1{0%{opacity:1}to{opacity:0}}._headerCell_ikfbg_1{padding:0 var(--dg-padding);min-width:0;min-height:var(--dg-header-height);font-weight:600;font-size:var(--dg-font-size);background-color:var(--mantine-color-body);border-bottom:1px solid var(--mantine-color-default-border);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex;position:relative}._headerCell_ikfbg_1[data-align=right]{justify-content:flex-end}._headerCell_ikfbg_1[data-align=center]{justify-content:center}._headerCell_ikfbg_1[data-control-column=true]{padding:0}._headerCellFiltered_ikfbg_35 ._headerTitle_ikfbg_35{color:var(--mantine-primary-color-filled)}._headerTitle_ikfbg_35{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}._headerCell_ikfbg_1[data-align=right] ._headerTitle_ikfbg_35{text-align:right}._headerCell_ikfbg_1[data-align=center] ._headerTitle_ikfbg_35{justify-content:center;display:flex}._headerActions_ikfbg_58{flex-shrink:0;align-items:center;gap:0;margin-left:auto;display:flex}._headerCell_ikfbg_1[data-align=right] ._headerActions_ikfbg_58{order:-1;margin-left:0;margin-right:auto}._headerAction_ikfbg_58{display:none}._headerCell_ikfbg_1:hover ._headerAction_ikfbg_58,._headerCell_ikfbg_1:focus-within ._headerAction_ikfbg_58,._headerAction_ikfbg_58[data-pinned-visible=true]{display:flex}._headerCellSortable_ikfbg_87{cursor:pointer}._sortAction_ikfbg_93[data-sorted=false]{opacity:.55}._sortAction_ikfbg_93[data-sorted=false]:hover{opacity:1}._sortIndex_ikfbg_103{color:var(--mantine-color-dimmed);text-align:center;min-width:10px;font-size:10px;font-weight:600;line-height:1}._headerCellDragging_ikfbg_115{opacity:.4}._headerCellDropBefore_ikfbg_119:before,._headerCellDropAfter_ikfbg_120:before{content:"";background-color:var(--mantine-primary-color-filled);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}._headerCellDropBefore_ikfbg_119:before{left:0}._headerCellDropAfter_ikfbg_120:before{right:0}._columnSeparator_ikfbg_140{z-index:1;justify-content:center;width:10px;height:50%;display:flex;position:absolute;top:25%;right:0;transform:translate(50%)}._columnSeparatorResizable_ikfbg_152{cursor:col-resize;touch-action:none}._columnSeparator_ikfbg_140:after{content:"";background-color:#0000;width:1px;height:100%;transition:background-color .12s,width .12s}._headerCell_ikfbg_1:hover ._columnSeparator_ikfbg_140:after,._headerCell_ikfbg_1:focus-within ._columnSeparator_ikfbg_140:after{background-color:var(--mantine-color-default-border)}._columnSeparatorResizable_ikfbg_152:hover:after,._columnSeparatorActive_ikfbg_175:after{background-color:var(--mantine-primary-color-filled);width:2px}._menuItemActive_ikfbg_181{background-color:var(--mantine-color-default-hover);font-weight:600}._toolbar_4my8t_1{align-items:center;gap:var(--mantine-spacing-xs);padding:6px var(--mantine-spacing-xs);flex-shrink:0;min-height:42px;display:flex}._toolbarSpacer_4my8t_10{flex:1}
+._root_1e2oi_8[data-size=xs]{--dg-row-height:34px;--dg-header-height:32px;--dg-font-size:var(--mantine-font-size-xs);--dg-padding:6px}._root_1e2oi_8[data-size=sm]{--dg-row-height:42px;--dg-header-height:38px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:8px}._root_1e2oi_8[data-size=md]{--dg-row-height:52px;--dg-header-height:44px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:10px}._root_1e2oi_8[data-size=lg]{--dg-row-height:62px;--dg-header-height:52px;--dg-font-size:var(--mantine-font-size-md);--dg-padding:14px}._root_1e2oi_8[data-size=xl]{--dg-row-height:72px;--dg-header-height:60px;--dg-font-size:var(--mantine-font-size-lg);--dg-padding:18px}._root_1e2oi_8{--dg-row-height:52px;--dg-header-height:44px;--dg-font-size:var(--mantine-font-size-sm);--dg-padding:10px;--dg-row-selected-bg:var(--mantine-primary-color-light);--dg-row-highlight-bg:var(--mantine-primary-color-light-hover);--dg-row-group-bg:var(--mantine-color-body);--dg-row-striped-bg:color-mix(in srgb, var(--mantine-color-text) 3.5%, var(--mantine-color-body));--dg-z-pinned-cell:2;--dg-z-focused-cell:3;--dg-z-pinned-row:4;--dg-z-pinned-row-pinned-cell:5;--dg-z-summary-row:4;--dg-z-summary-pinned-cell:5;--dg-z-header:6;--dg-z-header-pinned-cell:7;text-align:left;border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);background-color:var(--mantine-color-body);flex-direction:column;min-height:0;display:flex;overflow:hidden}._columnsPanel_1492o_1{flex-direction:column;width:280px;display:flex}._columnsPanelSearch_1492o_7{padding:var(--mantine-spacing-sm)}._columnsPanelList_1492o_11{gap:var(--mantine-spacing-sm);padding:0 var(--mantine-spacing-sm) var(--mantine-spacing-sm);flex-direction:column;display:flex}._columnsPanelFooter_1492o_18{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-sm);border-top:1px solid var(--mantine-color-default-border);display:flex}._detailsToggle_n39tz_3{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;display:flex}._detailsToggle_n39tz_3:hover ._chevron_n39tz_12{color:var(--mantine-color-text)}._chevron_n39tz_12{color:var(--mantine-color-dimmed);align-items:center;transition:transform .12s;display:flex}._chevron_n39tz_12[data-expanded=true]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){._chevron_n39tz_12{transition:none}}._groupToggle_1954o_4{width:100%;min-width:0;font-size:var(--dg-font-size);color:inherit;align-items:center;gap:6px;display:flex}._chevron_1954o_14{color:var(--mantine-color-dimmed);flex:none;align-items:center;transition:transform .12s;display:flex}._chevron_1954o_14[data-expanded=true]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){._chevron_1954o_14{transition:none}}._groupLabel_1954o_34{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}._groupCount_1954o_44{color:var(--mantine-color-dimmed);font-variant-numeric:tabular-nums;flex:none}._filterPanel_izakx_4{top:calc(var(--dg-header-height) + 2px);left:var(--mantine-spacing-md);z-index:5;padding:var(--mantine-spacing-sm);border-radius:var(--mantine-radius-md);border:1px solid var(--mantine-color-default-border);background-color:var(--mantine-color-body);box-shadow:var(--mantine-shadow-md);position:absolute}._filterRow_izakx_16{align-items:flex-end;gap:var(--mantine-spacing-xs);display:flex}._filterPanelHeader_izakx_22{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-md);padding-bottom:var(--mantine-spacing-xs);display:flex}._filterPanelFooter_izakx_30{justify-content:space-between;align-items:center;gap:var(--mantine-spacing-md);display:flex}._filterPills_14wl0_3{align-items:center;gap:var(--mantine-spacing-xs);flex-wrap:wrap;display:flex}._filterPills_14wl0_3 ._pill_14wl0_15{background-color:var(--lightningcss-light,var(--mantine-color-gray-1))var(--lightningcss-dark,var(--mantine-color-dark-5));color:var(--lightningcss-light,var(--mantine-color-black))var(--lightningcss-dark,var(--mantine-color-dark-0));border:1px solid var(--lightningcss-light,var(--mantine-color-gray-3))var(--lightningcss-dark,var(--mantine-color-dark-3))}._pillLabel_14wl0_27{font:inherit;color:inherit;cursor:pointer}._pillLabel_14wl0_27:hover{text-decoration:underline}._footer_te0a3_1{justify-content:flex-end;align-items:center;gap:var(--mantine-spacing-lg);padding:4px var(--mantine-spacing-sm);border-top:1px solid var(--mantine-color-default-border);flex-shrink:0;min-height:48px;display:flex}._footer_te0a3_1[data-paging-suspended=true]{opacity:.55}._tableWrapper_15qzd_2{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}._scrollContainer_15qzd_10{flex:1;min-height:0;position:relative;overflow:auto;container-type:inline-size}._grid_15qzd_21{display:grid}._headerRow_15qzd_27{grid-column:1/-1;grid-template-columns:subgrid;z-index:var(--dg-z-header,6);display:grid;position:sticky;top:0}._headerRow_15qzd_27[data-dg-header-last]:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--dg-header-shadow-color,#00000024), transparent);opacity:0;height:6px;position:absolute;inset:100% 0 auto}@supports (animation-timeline:scroll()){._headerRow_15qzd_27[data-dg-header-last]:after{animation:linear both _dg-header-shadow_15qzd_1;animation-timeline:scroll();animation-range:0 24px}}@keyframes _dg-header-shadow_15qzd_1{0%{opacity:0}to{opacity:1}}._bodyRow_15qzd_76{--row-bg:var(--mantine-color-body);grid-column:1/-1;grid-template-columns:subgrid;align-items:stretch;display:grid}._bodyRow_15qzd_76[data-striped=true]{--row-bg:var(--dg-row-striped-bg)}._bodyRow_15qzd_76:hover{--row-bg:var(--mantine-color-default-hover)}._bodyRow_15qzd_76[data-grouped=true]{--row-bg:var(--dg-row-group-bg)}._bodyRow_15qzd_76[data-context-menu=true]{--row-bg:var(--mantine-color-default-hover)}._bodyRow_15qzd_76[data-selected-bg=true]{--row-bg:var(--dg-row-selected-bg)}._bodyRow_15qzd_76[data-highlighted=true]{--row-bg:var(--dg-row-highlight-bg)}._bodyRow_15qzd_76[data-selects-on-click=true]{-webkit-user-select:none;user-select:none}._bodyRow_15qzd_76:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}._bodyCell_15qzd_143{padding:0 var(--dg-padding);border-bottom:1px solid var(--mantine-color-default-border);background-color:var(--row-bg);font-size:var(--dg-font-size);align-items:center;display:flex}._bodyCell_15qzd_143[data-control-column=true]{padding:0}._grid_15qzd_21[data-range-dragging]{-webkit-user-select:none;user-select:none}._bodyCell_15qzd_143[data-selected=true]{background-color:color-mix(in srgb, var(--mantine-primary-color-filled) 14%, var(--row-bg));--dg-edge-top:transparent;--dg-edge-bottom:transparent;--dg-edge-left:transparent;--dg-edge-right:transparent;box-shadow:inset 0 1px 0 0 var(--dg-edge-top), inset 0 -1px 0 0 var(--dg-edge-bottom), inset 1px 0 0 0 var(--dg-edge-left), inset -1px 0 0 0 var(--dg-edge-right)}._bodyCell_15qzd_143[data-edge-top=true]{--dg-edge-top:var(--mantine-primary-color-filled)}._bodyCell_15qzd_143[data-edge-bottom=true]{--dg-edge-bottom:var(--mantine-primary-color-filled)}._bodyCell_15qzd_143[data-edge-left=true]{--dg-edge-left:var(--mantine-primary-color-filled)}._bodyCell_15qzd_143[data-edge-right=true]{--dg-edge-right:var(--mantine-primary-color-filled)}._bodyCell_15qzd_143[data-focused=true]{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}._cellContent_15qzd_141{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}._bodyCell_15qzd_143[data-editing]{padding:0 calc(var(--dg-padding) / 2)}._cellEditor_15qzd_243{align-items:center;gap:2px;width:100%;min-width:0;display:flex}._cellEditorActions_15qzd_252{flex:none;align-items:center;display:flex}._bodyCell_15qzd_143[data-dirty],._bodyCell_15qzd_143[data-invalid]{position:relative}._bodyCell_15qzd_143[data-dirty]:after,._bodyCell_15qzd_143[data-invalid]:after{content:"";border:5px solid #0000;border-top-color:var(--mantine-primary-color-filled);border-right-color:var(--mantine-primary-color-filled);position:absolute;top:0;right:0}._bodyCell_15qzd_143[data-invalid]:after{border-top-color:var(--mantine-color-error);border-right-color:var(--mantine-color-error)}._bodyCell_15qzd_143[data-align=right]{justify-content:flex-end}._bodyCell_15qzd_143[data-align=center]{justify-content:center}._bodyCell_15qzd_143[data-align=left] ._cellContent_15qzd_141{flex:auto}._detailsCell_15qzd_303{border-bottom:1px solid var(--mantine-color-default-border);background-color:var(--row-bg);padding:var(--dg-padding);-webkit-user-select:text;user-select:text;cursor:auto;grid-column:1/-1}._messageRow_15qzd_15{justify-content:center;justify-self:start;align-items:center;gap:var(--mantine-spacing-xs);width:100cqi;padding:var(--mantine-spacing-xl);flex-direction:column;grid-column:1/-1;display:flex;position:sticky;left:0}._bodyRow_15qzd_76[data-deleted=true]{opacity:.55;pointer-events:none;text-decoration:line-through}._entryBlock_15qzd_347{grid-column:1/-1;grid-template-columns:subgrid;top:var(--dg-header-height,0px);z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._entryRow_15qzd_356{grid-column:1/-1;grid-template-columns:subgrid;display:grid}._pinnedTopBlock_15qzd_369{grid-column:1/-1;grid-template-columns:subgrid;top:calc(var(--dg-header-height,0px) + var(--dg-entry-height,0px));z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._pinnedTopBlock_15qzd_369>:last-child>[role=cell]{border-bottom:2px solid var(--mantine-color-default-border)}._pinnedBottomBlock_15qzd_382{grid-column:1/-1;grid-template-columns:subgrid;bottom:var(--dg-summary-height,0px);z-index:var(--dg-z-pinned-row,4);display:grid;position:sticky}._pinnedBottomBlock_15qzd_382>:first-child>[role=cell]{border-top:2px solid var(--mantine-color-default-border)}._entryCell_15qzd_395{padding:0 calc(var(--dg-padding) / 2);border-bottom:2px solid var(--mantine-primary-color-filled);background-color:var(--mantine-color-body);font-size:var(--dg-font-size);align-items:center;display:flex}._entryCell_15qzd_395[data-control-column=true]{justify-content:center;padding:0}._entryCell_15qzd_395[data-align=right]{justify-content:flex-end}._entryCell_15qzd_395[data-align=center]{justify-content:center}._matchHighlight_15qzd_422{background-color:var(--dg-match-highlight-bg,var(--lightningcss-light,var(--mantine-color-yellow-2))var(--lightningcss-dark,#fab00559));color:inherit;border-radius:2px}._summaryRow_15qzd_434{grid-column:1/-1;grid-template-columns:subgrid;z-index:var(--dg-z-summary-row,4);display:grid;position:sticky;bottom:0}._summaryCell_15qzd_443{padding:0 var(--dg-padding);border-top:1px solid var(--mantine-color-default-border);background-color:var(--mantine-color-body);font-size:var(--dg-font-size);align-items:center;font-weight:600;display:flex}._summaryCell_15qzd_443[data-control-column=true]{padding:0}._summaryCell_15qzd_443[data-align=right]{justify-content:flex-end}._summaryCell_15qzd_443[data-align=center]{justify-content:center}._stickyLeft_1vw51_16:after,._stickyRight_1vw51_17:after{content:"";pointer-events:none;width:8px;position:absolute;top:0;bottom:0}._stickyLeft_1vw51_16:after{background:linear-gradient(90deg,var(--lightningcss-light,#00000012)var(--lightningcss-dark,#00000042),var(--lightningcss-light,#00000006)var(--lightningcss-dark,#00000017) 45%,#0000);left:100%}._stickyRight_1vw51_17:after{background:linear-gradient(270deg,var(--lightningcss-light,#00000012)var(--lightningcss-dark,#00000042),var(--lightningcss-light,#00000006)var(--lightningcss-dark,#00000017) 45%,#0000);right:100%}@supports (animation-timeline:scroll()){._stickyLeft_1vw51_16:after,._stickyRight_1vw51_17:after{--dg-sticky-edge-range:20px;opacity:0;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(inline)}._stickyLeft_1vw51_16:after{animation-name:_stickyEdgeIn_1vw51_1;animation-range:0 var(--dg-sticky-edge-range)}._stickyRight_1vw51_17:after{animation-name:_stickyEdgeOut_1vw51_1;animation-range:calc(100% - var(--dg-sticky-edge-range)) 100%}}@keyframes _stickyEdgeIn_1vw51_1{0%{opacity:0}to{opacity:1}}@keyframes _stickyEdgeOut_1vw51_1{0%{opacity:1}to{opacity:0}}._headerCell_188ed_1{padding:0 var(--dg-padding);min-width:0;min-height:var(--dg-header-height);font-weight:600;font-size:var(--dg-font-size);background-color:var(--mantine-color-body);border-bottom:1px solid var(--mantine-color-default-border);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex;position:relative}._headerCell_188ed_1[data-align=right]{justify-content:flex-end}._headerCell_188ed_1[data-align=center]{justify-content:center}._headerCell_188ed_1[data-control-column=true]{padding:0}._headerCellFiltered_188ed_35 ._headerTitle_188ed_35{color:var(--mantine-primary-color-filled)}._headerTitle_188ed_35{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}._headerCell_188ed_1[data-align=right] ._headerTitle_188ed_35{text-align:right}._headerCell_188ed_1[data-align=center] ._headerTitle_188ed_35{justify-content:center;display:flex}._headerActions_188ed_58{flex-shrink:0;align-items:center;gap:0;margin-left:auto;display:flex}._headerCell_188ed_1[data-align=right] ._headerActions_188ed_58{order:-1;margin-left:0;margin-right:auto}._headerAction_188ed_58{display:none}._headerCell_188ed_1:hover ._headerAction_188ed_58,._headerCell_188ed_1:focus-within ._headerAction_188ed_58,._headerAction_188ed_58[data-pinned-visible=true]{display:flex}._headerCellSortable_188ed_87{cursor:pointer}._sortAction_188ed_93[data-sorted=false]{opacity:.55}._sortAction_188ed_93[data-sorted=false]:hover{opacity:1}._sortIndex_188ed_103{color:var(--mantine-color-dimmed);text-align:center;min-width:10px;font-size:10px;font-weight:600;line-height:1}._headerCellDragging_188ed_115{opacity:.4}._headerCellDropBefore_188ed_119:before,._headerCellDropAfter_188ed_120:before{content:"";background-color:var(--mantine-primary-color-filled);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}._headerCellDropBefore_188ed_119:before{left:0}._headerCellDropAfter_188ed_120:before{right:0}._columnSeparator_188ed_140{z-index:1;justify-content:center;width:10px;height:50%;display:flex;position:absolute;top:25%;right:0;transform:translate(50%)}._columnSeparatorResizable_188ed_152{cursor:col-resize;touch-action:none}._columnSeparator_188ed_140:after{content:"";background-color:#0000;width:1px;height:100%;transition:background-color .12s,width .12s}._headerCell_188ed_1:hover ._columnSeparator_188ed_140:after,._headerCell_188ed_1:focus-within ._columnSeparator_188ed_140:after{background-color:var(--mantine-color-default-border)}._columnSeparatorResizable_188ed_152:hover:after,._columnSeparatorActive_188ed_175:after{background-color:var(--mantine-primary-color-filled);width:2px}._menuItemActive_188ed_181{background-color:var(--mantine-color-default-hover);font-weight:600}._toolbar_4my8t_1{align-items:center;gap:var(--mantine-spacing-xs);padding:6px var(--mantine-spacing-xs);flex-shrink:0;min-height:42px;display:flex}._toolbarSpacer_4my8t_10{flex:1}
 /*$vite$:1*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jielga/tmdatagrid",
-  "version": "1.0.0",
-  "description": "A React data grid built on TanStack Table v9 and Mantine — always virtualized, with resizable, reorderable, sortable, filterable, hideable and pinnable columns.",
+  "version": "1.0.1",
+  "description": "A React data grid built on TanStack Table v9 and Mantine - always virtualized, with resizable, reorderable, sortable, filterable, hideable and pinnable columns.",
   "license": "MIT",
   "type": "module",
   "sideEffects": [
@@ -60,6 +60,7 @@
     "build": "tsc -b && vite build",
     "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.lib.json && rolldown -c rolldown.dts.config.mjs",
     "lint": "oxlint",
+    "check:style": "node scripts/check-house-style.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "preview": "vite preview",

package/skills/columns/SKILL.md

@@ -11,14 +11,14 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/columns.md'
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/filterOperators.ts'
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/columnUtils.ts'
 ---
 
-# TMDataGrid — Columns
+# TMDataGrid - Columns
 
 `createTMDataGridColumnHelper<TData>()` returns a TanStack column helper bound to
 the grid feature set, which gives `meta` and `filterFn` their correct types.
@@ -160,7 +160,7 @@ When `header` is a component there is no string to fall back to, so the column
 manager and column menus show the raw id (`"fullName"`) instead of a name.
 
 ```tsx
-// Wrong — menus show "fullName".
+// Wrong - menus show "fullName".
 columnHelper.accessor("fullName", { header: () => <Icon /> });
 
 // Right.
@@ -185,7 +185,7 @@ const active = columnFilters.filter((filter) => isFilterActive(filter.value));
 ### Numeric operators on a column without meta.type
 
 `getColumnType(column)` defaults to `"string"`, so a numeric column that omits
-`meta: { type: "number" }` offers only the string operators — `greaterThan` and
+`meta: { type: "number" }` offers only the string operators - `greaterThan` and
 the other comparisons never appear in the panel, and comparisons run as text.
 
 ### Setting size to control width

package/skills/features/SKILL.md

@@ -18,14 +18,14 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/features.md'
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/capabilities.ts'
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/columnOrdering.ts'
 ---
 
-# TMDataGrid — Features and capabilities
+# TMDataGrid - Features and capabilities
 
 Almost every control is bound to the TanStack capability check for that feature,
 so setting the standard table or column option removes the corresponding
@@ -51,7 +51,7 @@ like the options around it; pagination is the one switch that defaults to off.
 | `enableColumnOrdering: false` | Table | Header dragging and the move menu items |
 | `meta.enableOrdering: false` | Column | That column's header dragging and move menu items |
 | `enableRowSelection: false` | Table | The checkbox column |
-| `rowSelectionMode: "row"` | Table | The checkbox column — the row itself selects instead. See Row selection |
+| `rowSelectionMode: "row"` | Table | The checkbox column - the row itself selects instead. See Row selection |
 | `highlightSelectedRows: false` | Table | The highlight background on selected rows. Follows the selection mode by default |
 | `enablePagination: true` | Table | Opt-in: adds paging and the `Footer` pager. Off by default |
 
@@ -73,10 +73,10 @@ const grid = useTMDataGrid({
 ## Row selection
 
 On by default, in two modes. Both write to the same `rowSelection` state, so
-everything downstream — the toolbar count, `getSelectedRowModel()`, persistence
-— is unaffected by the choice.
+everything downstream (the toolbar count, `getSelectedRowModel()`, persistence)
+is unaffected by the choice.
 
-**Checkbox** — the default. A checkbox column is added as the first column, with
+**Checkbox** - the default. A checkbox column is added as the first column, with
 a select-all box in its header. Clicking a row elsewhere does not select it, and
 a selected row is not highlighted: the checkbox already says so.
 
@@ -84,8 +84,8 @@ a selected row is not highlighted: the checkbox already says so.
 const grid = useTMDataGrid({ data, columns });
 ```
 
-**Row** — no checkbox column. Clicking a row toggles it, and the row takes the
-highlight background — the only feedback a click gives. Other rows keep their
+**Row** - no checkbox column. Clicking a row toggles it, and the row takes the
+highlight background - the only feedback a click gives. Other rows keep their
 state, so a click never clears the rest of the selection. Rows are focusable in
 this mode and Space or Enter toggles the focused row.
 
@@ -94,11 +94,11 @@ const grid = useTMDataGrid({ data, columns, rowSelectionMode: "row" });
 ```
 
 `enableRowSelection: false` removes both, and `rowSelectionMode` is then
-ignored. `TMDataGrid.Table`'s `onRowClick` still fires in either mode — under
+ignored. `TMDataGrid.Table`'s `onRowClick` still fires in either mode - under
 `"row"` it runs in addition to the selection, not instead of it.
 
-`highlightSelectedRows` follows the mode — on for `"row"`, off for
-`"checkbox"` — and can be set to override either way. The colour is the
+`highlightSelectedRows` follows the mode - on for `"row"`, off for
+`"checkbox"` - and can be set to override either way. The colour is the
 `--dg-row-selected-bg` CSS variable (default `--mantine-primary-color-light`);
 change it on the grid element without touching the flag:
 
@@ -121,13 +121,13 @@ Off by default: the grid renders every filtered and sorted row and relies on
 virtualization. Three modes:
 
 ```tsx
-// No pagination (default) — TMDataGrid.Footer renders nothing.
+// No pagination (default) - TMDataGrid.Footer renders nothing.
 const grid = useTMDataGrid({ data, columns });
 
-// Client pagination — pages locally, Footer renders its pager.
+// Client pagination - pages locally, Footer renders its pager.
 const grid = useTMDataGrid({ data, columns, enablePagination: true });
 
-// Manual pagination — manualPagination implies enablePagination.
+// Manual pagination - manualPagination implies enablePagination.
 const grid = useTMDataGrid({
   data: page.rows,
   columns,
@@ -215,8 +215,8 @@ grid into left, centre and right, then `columnOrder` sequences the centre while
 `columnPinning.left` / `.right` sequence the pinned lanes. Unpin first to move a
 column out of a pinned region.
 
-Ordering writes `columnOrder` as the complete leaf order — hidden and pinned
-columns included — so a column keeps its position when it is later shown or
+Ordering writes `columnOrder` as the complete leaf order - hidden and pinned
+columns included - so a column keeps its position when it is later shown or
 unpinned; moving a pinned column also rewrites its `columnPinning` array. Both
 slices are covered by `settingsKey`.
 
@@ -236,7 +236,7 @@ import {
 moveColumn({ table, columnId: "salary", targetId: "age", side: "before" });
 moveColumnByStep({ table, columnId: "salary", direction: 1 });
 
-// null at the edge of a region — what the move menu items disable themselves on.
+// null at the edge of a region - what the move menu items disable themselves on.
 const next = getStepTargetColumn({ table, columnId: "salary", direction: 1 });
 ```
 
@@ -269,11 +269,11 @@ carry `data-focused` / `data-selected` / `data-edge-*`.
 The body is one tab stop: controls inside body cells take `tabindex="-1"` while
 cell selection is on, so Tab leaves the grid instead of walking one control per
 mounted row. Enter/F2 steps in, Escape steps out, Space ticks the row from any
-cell. Custom cell controls should do the same —
+cell. Custom cell controls should do the same -
 `tabIndex={useCellControlTabIndex()}`. Header controls are untouched.
 
-The generated lanes (checkbox, tree, details) are selectable and navigable —
-they take the tint and the outline — but never exported; a block covering only
+The generated lanes (checkbox, tree, details) are selectable and navigable -
+they take the tint and the outline - but never exported; a block covering only
 those disables Copy and Export.
 
 Drag across cells to select a rectangle; Shift+click extends one. The state is
@@ -284,8 +284,8 @@ Move them with `ui.actions.setFocusedCell` / `setCellRange`, follow them with
 
 Right-clicking inside the selection offers Copy, "Export as CSV for Excel" and
 an Include headers toggle; a consumer's `rowContextMenu` items follow a divider.
-The CSV is Nordic-Excel shaped — `sep=;` line, UTF-8 BOM, CRLF, semicolons,
-decimal comma — and `cellExport` on `TMDataGrid.Table` changes any of that.
+The CSV is Nordic-Excel shaped - `sep=;` line, UTF-8 BOM, CRLF, semicolons,
+decimal comma - and `cellExport` on `TMDataGrid.Table` changes any of that.
 Generated lanes (checkbox, tree, details) are never exported, and what is
 written is the cell's value rather than what it renders.
 
@@ -295,7 +295,7 @@ Always enabled. Only rows within the viewport, plus a small overscan, are
 mounted, so page size does not affect how much is rendered.
 
 `overscan` on `useTMDataGrid` (default `6`) sets how many rows are kept mounted
-on each side of the viewport — the one configurable part.
+on each side of the viewport - the one configurable part.
 
 Row height comes from `meta.rowHeight`, or from the `size` prop when unset. Rows
 are fixed height; an accurate value keeps scrolling precise.
@@ -305,12 +305,12 @@ are fixed height; an accurate value keeps scrolling precise.
 ### Calling getCanX() in a custom component
 
 ```tsx
-// Wrong — memoized under the React Compiler, so the button
+// Wrong - memoized under the React Compiler, so the button
 // never reappears when enableColumnFilters flips back to true.
 const { table } = useTMDataGridContext();
 if (!table.getAllLeafColumns().some((c) => c.getCanFilter())) return null;
 
-// Right — features is a value that changes.
+// Right - features is a value that changes.
 const { table, features } = useTMDataGridContext();
 const { canFilterAny } = getGridCapabilities(table, features);
 if (!canFilterAny) return null;
@@ -325,28 +325,28 @@ overlap or leave gaps as you scroll. Set `meta.rowHeight` instead.
 ### Reordering a pinned column through columnOrder
 
 ```tsx
-// Wrong — the left and right regions are sequenced by columnPinning,
+// Wrong - the left and right regions are sequenced by columnPinning,
 // so this moves nothing on screen.
 table.setColumnOrder(["__select__", "department", "id", …]);
 
-// Right — moveColumn writes whichever slice the column's region uses.
+// Right - moveColumn writes whichever slice the column's region uses.
 moveColumn({ table, columnId: "department", targetId: "id", side: "before" });
 ```
 
 ### Rendering the Footer without enabling pagination
 
 ```tsx
-// Wrong — pagination defaults to off, so the Footer renders nothing.
+// Wrong - pagination defaults to off, so the Footer renders nothing.
 const grid = useTMDataGrid({ data, columns });
 <TMDataGrid.Footer />
 
-// Right — opt in (manualPagination: true also counts).
+// Right - opt in (manualPagination: true also counts).
 const grid = useTMDataGrid({ data, columns, enablePagination: true });
 <TMDataGrid.Footer />
 ```
 
 ### Expecting a table-level flag to override a column
 
-Table and column options compose — the table flag gates the feature, and the
+Table and column options compose - the table flag gates the feature, and the
 column flag narrows it further. `enableSorting: true` on a column does not
 re-enable sorting for a table that set `enableSorting: false`.

package/skills/getting-started/SKILL.md

@@ -10,7 +10,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/getting-started.md'
   - 'Jielga/TMDataGrid:src/docs/components.md'
@@ -18,12 +18,12 @@ sources:
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/sizes.ts'
 ---
 
-# TMDataGrid — Getting started
+# TMDataGrid - Getting started
 
 `useTMDataGrid` creates the table, `TMDataGrid` provides it through context, and
 the parts rendered inside read what they need from that context. Only the parts
 you render exist, and only the features you enable have state: pagination is
-opt-in via `enablePagination` — by default every row renders, virtualized.
+opt-in via `enablePagination` - by default every row renders, virtualized.
 
 ## Install
 
@@ -107,7 +107,7 @@ Spread the hook result (`{...grid}`) rather than assigning `table`, `ui` and
 | Pagination | Off by default: all rows render, virtualized. Opt in with `enablePagination: true`. |
 | Sizing | `size="xs"` to `size="xl"` scales rows, type and controls. |
 
-Each is bound to a capability check — disabling the standard table or column
+Each is bound to a capability check - disabling the standard table or column
 option also removes its interface. Column ordering (`enableColumnOrdering`) and
 pagination (`enablePagination`) are the two switches the grid defines itself.
 See the `features` skill.
@@ -125,7 +125,7 @@ takes a fixed pixel width once resized or pinned.
 
 All read the grid from context and must be rendered inside `TMDataGrid`, except
 `TMDataGrid.FilterPills`, which takes the grid as an `api` prop and can live
-anywhere on the page. Order and presence are up to you — the root is a plain
+anywhere on the page. Order and presence are up to you - the root is a plain
 flex column.
 
 | Component | Props | Notes |
@@ -134,12 +134,12 @@ flex column.
 | `TMDataGrid.Table` | `onRowClick(row)`, `rowContextMenu` render prop, `rowContextMenuProps` | Header, virtualized body, filter panel. `onRowClick` runs in addition to selection under `rowSelectionMode: "row"`. |
 | `TMDataGrid.Footer` | `pageSizeOptions` (default `[10, 25, 50, 100]`), `pagination` render prop | Pagination controls. Renders nothing unless pagination is enabled. |
 | `TMDataGrid.Toolbar` | `children` | Flex row above the grid. |
-| `TMDataGrid.Spacer` | — | Pushes later toolbar items right. |
+| `TMDataGrid.Spacer` | - | Pushes later toolbar items right. |
 | `TMDataGrid.SummaryCount` | `children` | Visible rows out of total. |
-| `TMDataGrid.FilterButton` | — | Toggles filter panel. Renders nothing if no column is filterable. |
-| `TMDataGrid.ColumnsButton` | — | Opens column manager. Renders nothing if no column is hideable. |
-| `TMDataGrid.FilterPanel` | — | Rendered by `.Table`; exported for custom layouts. Header close button, Escape, click-away, "Add filter" and "Clear all". |
-| `TMDataGrid.ColumnsPanel` | — | Rendered by `.ColumnsButton`; exported for custom layouts. |
+| `TMDataGrid.FilterButton` | - | Toggles filter panel. Renders nothing if no column is filterable. |
+| `TMDataGrid.ColumnsButton` | - | Opens column manager. Renders nothing if no column is hideable. |
+| `TMDataGrid.FilterPanel` | - | Rendered by `.Table`; exported for custom layouts. Header close button, Escape, click-away, "Add filter" and "Clear all". |
+| `TMDataGrid.ColumnsPanel` | - | Rendered by `.ColumnsButton`; exported for custom layouts. |
 | `TMDataGrid.FilterPills` | `api`, `size` (default `"sm"`), `showClearAll` (default `true`), `onPillClick(columnId)`, `className` | One pill per active filter, ✕ to clear it. Takes the api as a prop, so it can be rendered outside the grid. Also exported as `TMDataGridFilterPills`. |
 
 Pass the row type so `onRowClick` stays typed:
@@ -149,8 +149,8 @@ Pass the row type so `onRowClick` stays typed:
 ```
 
 `rowContextMenu` fills the dropdown of a Mantine `Menu` the grid opens at the
-pointer on a right-click (or a long press). The grid owns the `Menu` — opening,
-positioning, and closing on Escape, outside click, body scroll or an item pick —
+pointer on a right-click (or a long press). The grid owns the `Menu` - opening,
+positioning, and closing on Escape, outside click, body scroll or an item pick -
 so the render prop only says what goes in it:
 
 ```tsx
@@ -174,7 +174,7 @@ so the render prop only says what goes in it:
 `cell` is the one that was right-clicked, `table` is there for actions that read
 the selection, and `close` is for dropdown content that is not a `Menu.Item`
 (those close themselves). Return `null` to leave a row without a menu. It is
-called during render, and only for the open row, so it must stay pure — put the
+called during render, and only for the open row, so it must stay pure - put the
 work in the item handlers. Right-clicking does not change the selection or the
 highlight; the row carries `data-context-menu` while its menu is open. Pass
 `rowContextMenuProps` for `width`, `shadow`, `position` and the rest.
@@ -241,7 +241,7 @@ A new array on every render rebuilds the table's column model. Define `columns`
 at module scope; keep `data` stable with `useMemo`.
 
 ```tsx
-// Wrong — rebuilds the column model every render.
+// Wrong - rebuilds the column model every render.
 export function Employees({ data }: { data: Employee[] }) {
   const columns = columnHelper.columns([...]);
   const grid = useTMDataGrid({ data, columns });
@@ -251,7 +251,7 @@ export function Employees({ data }: { data: Employee[] }) {
 ### Root with no bounded height
 
 The root is `overflow: hidden`. Without `flex: 1; minHeight: 0` in a flex parent
-or an explicit height, the table area collapses and no rows are visible — there
+or an explicit height, the table area collapses and no rows are visible - there
 is no error.
 
 ### Assigning the hook result field by field
@@ -261,7 +261,7 @@ and feature toggles stop being reactive. Spread instead: `<TMDataGrid {...grid}>
 
 ### Expecting Footer to enable pagination
 
-Rendering `TMDataGrid.Footer` does not switch pagination on — the option does.
+Rendering `TMDataGrid.Footer` does not switch pagination on - the option does.
 With pagination off (the default) the Footer renders nothing and every row is
 rendered, virtualized. Set `enablePagination: true` (or `manualPagination:
 true` for server paging) to page the data and show the pager.

package/skills/options/SKILL.md

@@ -13,14 +13,14 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/use-tm-data-grid.md'
   - 'Jielga/TMDataGrid:src/tmdatagrid/useTMDataGrid.tsx'
   - 'Jielga/TMDataGrid:src/tmdatagrid/core/persistence.ts'
 ---
 
-# TMDataGrid — useTMDataGrid
+# TMDataGrid - useTMDataGrid
 
 Creates the table instance and the state used by the grid interface.
 
@@ -69,7 +69,7 @@ rather than forwarded to TanStack.
 
 | Slice | Default |
 | --- | --- |
-| `pagination` | `{ pageIndex: 0, pageSize: 25 }` — inert until pagination is enabled |
+| `pagination` | `{ pageIndex: 0, pageSize: 25 }` - inert until pagination is enabled |
 | `columnPinning.left` | The checkbox column, followed by any columns you provide |
 | `globalFilterFn` | `"includesString"` |
 
@@ -136,7 +136,7 @@ names are typed per group, so only valid names are accepted.
 Restoring happens once on mount through `initialState`. Writing is a subscription
 to the table store, so state changed directly through the table API is persisted
 too. Only selected slices are read back, and unrecognised keys are ignored. All
-storage access is guarded — if storage is unavailable, disabled or full,
+storage access is guarded - if storage is unavailable, disabled or full,
 persistence is skipped rather than throwing.
 
 ## Return value
@@ -180,7 +180,7 @@ The last two move the cell cursor and the selected rectangle under
 `cellSelection`; DOM focus follows `focusedCell` and scrolls its row into view.
 
 `startColumnDrag` / `endColumnDrag` are called by the header cells while a column is being dragged, and
-`ui.draggedColumnId` holds the column being moved — browsers keep `dataTransfer`
+`ui.draggedColumnId` holds the column being moved - browsers keep `dataTransfer`
 unreadable until the drop.
 
 `openColumnFilter(grid, columnId)` combines the two steps the column menu uses:
@@ -190,11 +190,11 @@ add an empty filter row for the column if none exists, then open the panel.
 
 ### Reading store state during render
 
-`grid.table.store.state` is a plain read — it does not subscribe the component,
+`grid.table.store.state` is a plain read - it does not subscribe the component,
 so the value is correct on first render and then never updates.
 
 ```tsx
-// Wrong — never re-renders when the selection changes.
+// Wrong - never re-renders when the selection changes.
 const count = Object.keys(grid.table.store.state.rowSelection).length;
 
 // Right.
@@ -219,5 +219,5 @@ Include a tenant or user identifier in the key.
 ### Unstable data reference
 
 A new array identity on each render re-runs the row model. `data={rows ?? []}`
-allocates a fresh `[]` every render when `rows` is undefined — hoist the empty
+allocates a fresh `[]` every render when `rows` is undefined - hoist the empty
 array to a module-scope constant or `useMemo` the expression.

package/skills/server-side/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: server-side
 description: >
-  Drive TMDataGrid from a server with TanStack manual modes — manualPagination,
+  Drive TMDataGrid from a server with TanStack manual modes - manualPagination,
   manualSorting, manualFiltering, rowCount, controlled state and onXChange
   callbacks. Covers the loading and totalRowCount meta fields, forwarding the
   plain-JSON columnFilters model to an API with isFilterActive, persistence
@@ -10,18 +10,18 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/server-side.md'
   - 'Jielga/TMDataGrid:src/tmdatagrid/useTMDataGrid.tsx'
 ---
 
-# TMDataGrid — Server-side data
+# TMDataGrid - Server-side data
 
 The grid reads rows through `getPaginatedRowModel()` and totals through
 `getRowCount()` and `getPageCount()`, all of which respect TanStack's manual
 modes. A server-driven grid therefore needs only the standard `manual*`
-configuration — no grid-specific options. `manualPagination: true` also
+configuration - no grid-specific options. `manualPagination: true` also
 switches the grid's pagination flag on, so `TMDataGrid.Footer` renders its
 pager without `enablePagination`. Declare `pageCount: -1` when the total is
 unknown; the next button then stays enabled.
@@ -85,7 +85,7 @@ Filter values are plain JSON, so `columnFilters` forwards without transformation
 ]
 ```
 
-Translate at the API boundary, and skip entries whose value is still empty —
+Translate at the API boundary, and skip entries whose value is still empty -
 those match all rows:
 
 ```ts
@@ -122,8 +122,8 @@ const selectedIds = useSelector(grid.table.store, (state) =>
 
 ### Omitting rowCount under manualPagination
 
-Without `rowCount` the table derives the total from the rows it was handed —
-one page — so `getPageCount()` returns 1. The footer shows "1–25 of 25" and the
+Without `rowCount` the table derives the total from the rows it was handed -
+one page - so `getPageCount()` returns 1. The footer shows "1–25 of 25" and the
 next-page button is disabled, with no error. Pass the server total.
 
 ### Filters sent without isFilterActive

package/skills/testing/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: testing
 description: >
-  Write tests against TMDataGrid from a consuming app — Playwright or React
+  Write tests against TMDataGrid from a consuming app - Playwright or React
   Testing Library. Covers the data-dg-part contract, data-row-id/data-column-id
   coordinates, naming a grid with data-testid, the roles and ARIA the grid
   publishes, the cell/gridcell role flip under cell selection, reaching rows
@@ -11,25 +11,25 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '1.0.0'
+  library_version: '1.0.1'
 sources:
   - 'Jielga/TMDataGrid:src/docs/testing.md'
   - 'Jielga/TMDataGrid:src/tmdatagrid/components/TMDataGrid.tsx'
   - 'Jielga/TMDataGrid:src/tmdatagrid/components/TMDataGridTable.tsx'
 ---
 
-# TMDataGrid — Testing
+# TMDataGrid - Testing
 
 The grid names its own pieces so a suite can be written against structure
 rather than against copy or class names. Three hooks carry it:
 
-- **`data-dg-part`** — *what* an element is (`"row"`, `"filter-button"`)
-- **`data-row-id` / `data-column-id`** — *which* one, using your own ids
-- **roles and ARIA** — framework-neutral, and what a screen reader reads
+- **`data-dg-part`** - *what* an element is (`"row"`, `"filter-button"`)
+- **`data-row-id` / `data-column-id`** - *which* one, using your own ids
+- **roles and ARIA** - framework-neutral, and what a screen reader reads
 
 Selectors compose: `[data-dg-part="save-row"][data-row-id="42"]`.
 
-The grid mints no `data-testid` of its own — that attribute belongs to the app,
+The grid mints no `data-testid` of its own - that attribute belongs to the app,
 and Playwright's `testIdAttribute` is configurable. `@mantine/core` and
 `@tanstack/*` ship none either.
 
@@ -56,7 +56,7 @@ accessible name belongs to the element carrying the `grid` role.
 | Body cell | `cell`, or `gridcell` under cell selection | `data-row-id`, `data-column-id`, `data-editing`, `data-dirty`, `data-invalid`, `data-focused` |
 | Header cell | `columnheader` | `data-column-id`, `aria-sort` |
 
-Body cells carry no `data-dg-part` — the coordinate pair already names them.
+Body cells carry no `data-dg-part` - the coordinate pair already names them.
 
 ## Parts
 
@@ -79,7 +79,7 @@ Body cells carry no `data-dg-part` — the coordinate pair already names them.
 **Keyed by both**: `editor`.
 
 Inside a `filter-row` the controls are `filter-column`, `filter-operator` and
-`filter-value` — or `filter-value-from` / `filter-value-to` for `between`.
+`filter-value` - or `filter-value-from` / `filter-value-to` for `between`.
 
 A column declaring `meta.filterControl` or `meta.editor` renders your own
 component in that slot, so `filter-value` and `editor-input` cover the built-ins
@@ -131,10 +131,10 @@ Only the rows in the viewport plus overscan are in the DOM. A row at index 500
 has no element, and Playwright cannot scroll to what it cannot find.
 
 **Count rows off the grid.** `data-dg-row-count` is the body rows the grid is
-showing — the current page under pagination, everything the filters left
+showing - the current page under pagination, everything the filters left
 otherwise. (`aria-rowcount` also counts the header and summary rows.)
 
-**Reach a row by narrowing to it** — filter or search. Faster, more stable, and
+**Reach a row by narrowing to it** - filter or search. Faster, more stable, and
 what a user would do. Where the row must be reached in place,
 `grid.scrollToRow({ rowId, align })` moves the virtualizer and answers whether
 the row was reachable; from Playwright that needs the app to expose the api.
@@ -164,7 +164,7 @@ layout, so the count depends on the stubbed element size. Assert
 ### getByRole("cell") on a grid with cell selection
 
 `enableCellSelection` turns every `cell` into a `gridcell`, and the grid's
-`table` into a `grid` — a widget with a keyboard cursor is not a table of
+`table` into a `grid` - a widget with a keyboard cursor is not a table of
 content. Tests written on the role break when the feature is switched on. Query
 cells by `[data-row-id][data-column-id]`, which do not move.
 

package/src/tmdatagrid/TMDataGridContext.ts

@@ -5,7 +5,7 @@ import type { TMDataGridApi } from "./useTMDataGrid";
 /**
  * Row shape the chrome components work against. They only ever touch columns,
  * rows and cells generically, so the concrete row type is erased at the context
- * boundary — the same trick Mantine uses for its compound components.
+ * boundary - the same trick Mantine uses for its compound components.
  */
 export type TMDataGridRowData = Record<string, unknown>;
 
@@ -36,7 +36,7 @@ export function useTMDataGridContext(): TMDataGridContextValue {
  *
  * `-1` once cell selection is on, and this is what makes the promise of one tab
  * stop true. Without it the browser walks Tab into the checkbox of every
- * mounted row — a grid showing twenty rows would be twenty tab stops, and
+ * mounted row - a grid showing twenty rows would be twenty tab stops, and
  * scrolling would change how many. Enter or F2 steps into the cell instead,
  * which reaches a `-1` control perfectly well.
  *