@max-ts/kit 1.6.0 → 1.7.0

package/lib/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM1D,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAEpD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAU9D,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM1D,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAEpD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAW9D,CAAC"}

package/lib/components/Checkbox/checkbox.css.d.ts

@@ -1,4 +1,5 @@
 export declare const root: string;
 export declare const indicator: string;
-export declare const icon: string;
+export declare const checkIcon: string;
+export declare const minusIcon: string;
 //# sourceMappingURL=checkbox.css.d.ts.map

package/lib/components/Checkbox/checkbox.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/checkbox.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAyBf,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAKf,CAAC"}
+{"version":3,"file":"checkbox.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/checkbox.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAyBf,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC"}

package/lib/components/DataGrid/Body/Body.d.ts

@@ -1,6 +1,9 @@
 import type { DataGridProps } from '../DataGrid';
-export type BodyProps<TRow> = Pick<DataGridProps<TRow>, 'emptyState' | 'errorState' | 'isLoading' | 'isError' | 'columns' | 'rows' | 'onRowClick' | 'keyId'> & {
+import type { DataGridRowId } from '../types';
+export type BodyProps<TRow> = Pick<DataGridProps<TRow>, 'emptyState' | 'errorState' | 'isLoading' | 'isError' | 'columns' | 'rows' | 'onRowClick' | 'keyId' | 'isRowSelectionEnabled'> & {
     rowHeight: number;
+    selectedRowIdSet: Set<DataGridRowId>;
+    onRowSelectionChange: (rowId: DataGridRowId, isSelected: boolean) => void;
 };
-export declare function Body<TRow>({ isError, isLoading, emptyState, errorState, columns, rows, rowHeight, keyId, onRowClick, }: BodyProps<TRow>): import("react").JSX.Element;
+export declare function Body<TRow>({ isError, isLoading, emptyState, errorState, columns, rows, rowHeight, keyId, onRowClick, isRowSelectionEnabled, selectedRowIdSet, onRowSelectionChange, }: BodyProps<TRow>): import("react").JSX.Element;
 //# sourceMappingURL=Body.d.ts.map

package/lib/components/DataGrid/Body/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Body/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,MAAM,MAAM,SAAS,CAAC,IAAI,IAAI,IAAI,CACjC,aAAa,CAAC,IAAI,CAAC,EACjB,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACT,GAAG;IACH,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,IAAI,CAAC,IAAI,EAAE,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACV,EAAE,SAAS,CAAC,IAAI,CAAC,+BAgCjB"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Body/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,SAAS,CAAC,IAAI,IAAI,IAAI,CACjC,aAAa,CAAC,IAAI,CAAC,EACjB,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,GACP,uBAAuB,CACzB,GAAG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC,oBAAoB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,wBAAgB,IAAI,CAAC,IAAI,EAAE,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,GACpB,EAAE,SAAS,CAAC,IAAI,CAAC,+BAqCjB"}

package/lib/components/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties, type ReactNode } from 'react';
 import type { ContentStateProps } from '../ContentState';
-import type { DataGridColumn, DataGridEmptyState, DataGridSorting, DataGridSortMode } from './types';
+import type { DataGridColumn, DataGridEmptyState, DataGridRowId, DataGridSorting, DataGridSortMode } from './types';
 export type DataGridProps<TRow> = {
     rows: TRow[];
     columns: DataGridColumn<TRow>[];
@@ -17,10 +17,14 @@ export type DataGridProps<TRow> = {
     sorting?: DataGridSorting<TRow>;
     onSortingChange?: (sorting: DataGridSorting<TRow>) => void;
     sortMode?: DataGridSortMode;
+    isRowSelectionEnabled?: boolean;
+    selectedRowIds?: DataGridRowId[];
+    defaultSelectedRowIds?: DataGridRowId[];
+    onSelectedRowIdsChange?: (rowIds: DataGridRowId[]) => void;
     onSelectRow?: (row: TRow[]) => void;
     onRowClick?: (row: TRow) => void;
     title?: string;
     footer?: ReactNode;
 };
-export declare function DataGrid<TRow>({ rows, columns, height, className, rowHeight, headerHeight, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, sorting, onSortingChange, sortMode, footer, title, }: DataGridProps<TRow>): import("react").JSX.Element;
+export declare function DataGrid<TRow>({ rows, columns, height, className, rowHeight, headerHeight, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, sorting, onSortingChange, sortMode, isRowSelectionEnabled, selectedRowIds, defaultSelectedRowIds, onSelectedRowIdsChange, onSelectRow, footer, title, }: DataGridProps<TRow>): import("react").JSX.Element;
 //# sourceMappingURL=DataGrid.d.ts.map

package/lib/components/DataGrid/DataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAazD,OAAO,KAAK,EACX,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI;IACjC,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,UAAU,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,MAAe,EACf,SAAS,EACT,SAAsB,EACtB,YAAyB,EACzB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,eAAe,EACf,QAAmB,EACnB,MAAM,EACN,KAAK,GACL,EAAE,aAAa,CAAC,IAAI,CAAC,+BAoErB"}
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,aAAa,EAClB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAazD,OAAO,KAAK,EACX,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI;IACjC,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,UAAU,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,qBAAqB,CAAC,EAAE,aAAa,EAAE,CAAC;IACxC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,MAAe,EACf,SAAS,EACT,SAAsB,EACtB,YAAyB,EACzB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,eAAe,EACf,QAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,qBAA0B,EAC1B,sBAAsB,EACtB,WAAW,EACX,MAAM,EACN,KAAK,GACL,EAAE,aAAa,CAAC,IAAI,CAAC,+BAoJrB"}

package/lib/components/DataGrid/Header/Header.d.ts

@@ -5,7 +5,12 @@ type HeaderProps<TData> = {
     height: CSSProperties['height'];
     sorting?: DataGridSorting<TData>;
     onSortingChange?: (sorting: DataGridSorting<TData>) => void;
+    isSelectionEnabled?: boolean;
+    isAllRowsSelected?: boolean;
+    isSomeRowsSelected?: boolean;
+    isSelectionDisabled?: boolean;
+    onAllRowsSelectionChange?: (isSelected: boolean) => void;
 };
-export declare function Header<TData>({ columns, height, sorting, onSortingChange, }: HeaderProps<TData>): import("react").JSX.Element;
+export declare function Header<TData>({ columns, height, sorting, onSortingChange, isSelectionEnabled, isAllRowsSelected, isSomeRowsSelected, isSelectionDisabled, onAllRowsSelectionChange, }: HeaderProps<TData>): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/DataGrid/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhE,KAAK,WAAW,CAAC,KAAK,IAAI;IACzB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,EAC7B,OAAO,EACP,MAAM,EACN,OAAO,EACP,eAAe,GACf,EAAE,WAAW,CAAC,KAAK,CAAC,+BAiBpB"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhE,KAAK,WAAW,CAAC,KAAK,IAAI;IACzB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,EAC7B,OAAO,EACP,MAAM,EACN,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACxB,EAAE,WAAW,CAAC,KAAK,CAAC,+BAgCpB"}

package/lib/components/DataGrid/Header/styles.css.d.ts

@@ -1,2 +1,3 @@
 export declare const headerRow: string;
+export declare const selectionHeaderCell: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/lib/components/DataGrid/Header/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Header/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAIpB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAK9B,CAAC"}

package/lib/components/DataGrid/Row/Row.d.ts

@@ -1,12 +1,15 @@
-import type { DataGridColumn } from '../types';
+import type { DataGridColumn, DataGridRowId } from '../types';
 type RowProps<TRow> = {
     row: TRow;
     columns: DataGridColumn<TRow>[];
     rowIndex: number;
-    rowId: string;
+    rowId: DataGridRowId;
     rowHeight: number;
     onRowClick?: (row: TRow) => void;
+    isSelectionEnabled?: boolean;
+    isSelected?: boolean;
+    onSelectionChange?: (rowId: DataGridRowId, isSelected: boolean) => void;
 };
-export declare function Row<TRow>({ row, rowHeight, onRowClick, columns, rowIndex, rowId, }: RowProps<TRow>): import("react").JSX.Element;
+export declare function Row<TRow>({ row, rowHeight, onRowClick, columns, rowIndex, rowId, isSelectionEnabled, isSelected, onSelectionChange, }: RowProps<TRow>): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Row.d.ts.map

package/lib/components/DataGrid/Row/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Row/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,KAAK,QAAQ,CAAC,IAAI,IAAI;IACrB,GAAG,EAAE,IAAI,CAAC;IACV,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC,CAAC;AACF,wBAAgB,GAAG,CAAC,IAAI,EAAE,EACzB,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,GACL,EAAE,QAAQ,CAAC,IAAI,CAAC,+BA2BhB"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Row/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9D,KAAK,QAAQ,CAAC,IAAI,IAAI;IACrB,GAAG,EAAE,IAAI,CAAC;IACV,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AACF,wBAAgB,GAAG,CAAC,IAAI,EAAE,EACzB,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,iBAAiB,GACjB,EAAE,QAAQ,CAAC,IAAI,CAAC,+BAyChB"}

package/lib/components/DataGrid/Row/styles.css.d.ts

@@ -1,3 +1,4 @@
 export declare const rowClass: string;
 export declare const selectableClass: string;
+export declare const selectionCellClass: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/lib/components/DataGrid/Row/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Row/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAMH,eAAO,MAAM,eAAe,QAK1B,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/Row/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAMH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC"}

package/lib/components/DataGrid/types.d.ts

@@ -23,6 +23,7 @@ export type DataGridSorting<TRow> = {
     order: DataGridSortOrder;
 } | null;
 export type DataGridSortMode = 'client' | 'manual';
+export type DataGridRowId = string | number;
 export type DataGridEmptyState = {
     text: string;
     imgSrc?: string;

package/lib/components/DataGrid/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACxE,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAClB,MAAM,EAAE,IAAI,CACX,cAAc,CAAC,IAAI,CAAC,EAClB,kBAAkB,GAClB,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,WAAW,CACb,KACG,SAAS,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACrD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,eAAe,CAAC,IAAI,IAAI;IACnC,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,KAAK,EAAE,iBAAiB,CAAC;CACzB,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACxE,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAClB,MAAM,EAAE,IAAI,CACX,cAAc,CAAC,IAAI,CAAC,EAClB,kBAAkB,GAClB,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,WAAW,CACb,KACG,SAAS,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACrD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,eAAe,CAAC,IAAI,IAAI;IACnC,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,KAAK,EAAE,iBAAiB,CAAC;CACzB,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC"}

package/lib/index.mjs

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Accordion, Checkbox } from "@base-ui/react";
 import clsx_0, { clsx } from "clsx";
-import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, TriangleAlert, XIcon } from "lucide-react";
+import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, Minus, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, TriangleAlert, XIcon } from "lucide-react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Button } from "@base-ui/react/button";
 import react, { Component as external_react_Component, createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -1610,18 +1610,24 @@ Carousel.Content = Content_Content;
 Carousel.Item = Item_Item;
 Carousel.Arrows = Arrows;
 Carousel.Dots = Dots;
-var checkbox_css_icon = 'style__b7yo4k2';
+var checkIcon = 'style__b7yo4k2';
 var indicator = 'style__b7yo4k1';
+var minusIcon = 'style__b7yo4k3';
 var checkbox_css_root = 'style__b7yo4k0';
 const Checkbox_Checkbox = ({ className, ...props })=>/*#__PURE__*/ jsx(Checkbox.Root, {
         "data-slot": "checkbox",
         className: clsx(checkbox_css_root, className),
         ...props,
-        children: /*#__PURE__*/ jsx(Checkbox.Indicator, {
+        children: /*#__PURE__*/ jsxs(Checkbox.Indicator, {
             className: indicator,
-            children: /*#__PURE__*/ jsx(Check, {
-                className: checkbox_css_icon
-            })
+            children: [
+                /*#__PURE__*/ jsx(Check, {
+                    className: checkIcon
+                }),
+                /*#__PURE__*/ jsx(Minus, {
+                    className: minusIcon
+                })
+            ]
         })
     });
 function Collapsible_Collapsible({ ...props }) {
@@ -2103,28 +2109,45 @@ function Cell({ row, column, rowIndex, height }) {
 }
 var rowClass = 'style__gsm9mv0';
 var selectableClass = 'style__gsm9mv1';
-function Row({ row, rowHeight, onRowClick, columns, rowIndex, rowId }) {
+var selectionCellClass = 'style__gsm9mv2';
+function Row({ row, rowHeight, onRowClick, columns, rowIndex, rowId, isSelectionEnabled, isSelected, onSelectionChange }) {
     const handleSelect = useCallback(()=>{
         onRowClick?.(row);
     }, [
         onRowClick,
         row
     ]);
-    return /*#__PURE__*/ jsx("tr", {
+    return /*#__PURE__*/ jsxs("tr", {
         onClick: handleSelect,
         onKeyDown: handleSelect,
         className: clsx(rowClass, {
             [selectableClass]: Boolean(onRowClick)
         }),
-        children: columns.map((column, index)=>{
-            const cellId = `${rowId}-${index}`;
-            return /*#__PURE__*/ jsx(Cell, {
-                row: row,
-                rowIndex: rowIndex,
-                column: column,
-                height: rowHeight
-            }, cellId);
-        })
+        children: [
+            isSelectionEnabled && /*#__PURE__*/ jsx("td", {
+                className: selectionCellClass,
+                style: {
+                    height: rowHeight,
+                    width: rowHeight
+                },
+                children: /*#__PURE__*/ jsx(Checkbox_Checkbox, {
+                    checked: isSelected,
+                    "aria-label": "Select row",
+                    onClick: (event)=>event.stopPropagation(),
+                    onKeyDown: (event)=>event.stopPropagation(),
+                    onCheckedChange: (checked)=>onSelectionChange?.(rowId, checked)
+                })
+            }),
+            columns.map((column, index)=>{
+                const cellId = `${rowId}-${index}`;
+                return /*#__PURE__*/ jsx(Cell, {
+                    row: row,
+                    rowIndex: rowIndex,
+                    column: column,
+                    height: rowHeight
+                }, cellId);
+            })
+        ]
     });
 }
 var cell = 'style__15m2ib82';
@@ -2185,9 +2208,10 @@ function State({ isLoading, isEmpty, columnsLength, emptyState = {
     return null;
 }
 var Body_styles_css_container = 'style__82af400';
-function Body({ isError, isLoading, emptyState, errorState, columns, rows, rowHeight, keyId, onRowClick }) {
+function Body({ isError, isLoading, emptyState, errorState, columns, rows, rowHeight, keyId, onRowClick, isRowSelectionEnabled, selectedRowIdSet, onRowSelectionChange }) {
     const isEmpty = 0 === rows.length;
     const isStateVisible = isError || isLoading || isEmpty;
+    const columnsLength = columns.length + (isRowSelectionEnabled ? 1 : 0);
     return isStateVisible ? /*#__PURE__*/ jsx("tbody", {
         className: Body_styles_css_container,
         children: /*#__PURE__*/ jsx(State, {
@@ -2196,23 +2220,30 @@ function Body({ isError, isLoading, emptyState, errorState, columns, rows, rowHe
             isEmpty: isEmpty,
             isError: isError,
             isLoading: isLoading,
-            columnsLength: columns.length
+            columnsLength: columnsLength
         })
     }) : /*#__PURE__*/ jsx("tbody", {
         className: Body_styles_css_container,
         children: rows.map((row, index)=>{
-            const rowId = String(row[keyId]);
+            const rowId = getRowId(row[keyId]);
             return /*#__PURE__*/ jsx(Row, {
                 row: row,
                 rowId: rowId,
                 rowHeight: rowHeight,
                 columns: columns,
                 onRowClick: onRowClick,
-                rowIndex: index
-            }, row[keyId]);
+                rowIndex: index,
+                isSelectionEnabled: isRowSelectionEnabled,
+                isSelected: selectedRowIdSet.has(rowId),
+                onSelectionChange: onRowSelectionChange
+            }, rowId);
         })
     });
 }
+function getRowId(value) {
+    if ('string' == typeof value || 'number' == typeof value) return value;
+    return String(value);
+}
 var styles_css_footerClass = 'style__2s55b60';
 function Footer_Footer({ children, className }) {
     return /*#__PURE__*/ jsx("footer", {
@@ -2280,17 +2311,35 @@ function HeaderCell({ column, height, width, sorting, onSortingChange }) {
     });
 }
 var headerRow = 'style__fkgoub0';
-function Header_Header({ columns, height, sorting, onSortingChange }) {
+var selectionHeaderCell = 'style__fkgoub1';
+function Header_Header({ columns, height, sorting, onSortingChange, isSelectionEnabled, isAllRowsSelected, isSomeRowsSelected, isSelectionDisabled, onAllRowsSelectionChange }) {
     return /*#__PURE__*/ jsx("thead", {
-        children: /*#__PURE__*/ jsx("tr", {
+        children: /*#__PURE__*/ jsxs("tr", {
             className: clsx(headerRow),
-            children: columns.map((col)=>/*#__PURE__*/ jsx(HeaderCell, {
-                    column: col,
-                    height: height,
-                    width: col.width,
-                    sorting: sorting,
-                    onSortingChange: onSortingChange
-                }, col.label))
+            children: [
+                isSelectionEnabled && /*#__PURE__*/ jsx("th", {
+                    className: selectionHeaderCell,
+                    style: {
+                        height,
+                        width: height
+                    },
+                    "aria-label": "Select all rows",
+                    children: /*#__PURE__*/ jsx(Checkbox_Checkbox, {
+                        checked: isAllRowsSelected,
+                        indeterminate: !isAllRowsSelected && isSomeRowsSelected,
+                        disabled: isSelectionDisabled,
+                        "aria-label": "Select all rows",
+                        onCheckedChange: onAllRowsSelectionChange
+                    })
+                }),
+                columns.map((col)=>/*#__PURE__*/ jsx(HeaderCell, {
+                        column: col,
+                        height: height,
+                        width: col.width,
+                        sorting: sorting,
+                        onSortingChange: onSortingChange
+                    }, col.label))
+            ]
         })
     });
 }
@@ -2300,7 +2349,8 @@ var fullHeight = 'style__1gqvluf2';
 var DataGrid_styles_css_loading = 'style__1gqvluf4';
 var table = 'style__1gqvluf1';
 var titleClass = 'style__1gqvluf5';
-function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, headerHeight = 40, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, sorting, onSortingChange, sortMode = 'client', footer, title }) {
+function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, headerHeight = 40, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, sorting, onSortingChange, sortMode = 'client', isRowSelectionEnabled, selectedRowIds, defaultSelectedRowIds = [], onSelectedRowIdsChange, onSelectRow, footer, title }) {
+    const [uncontrolledSelectedRowIds, setUncontrolledSelectedRowIds] = useState(defaultSelectedRowIds);
     const sortedRows = useMemo(()=>{
         if (!sorting || 'manual' === sortMode) return rows;
         const column = columns.find(({ field })=>field === sorting.key);
@@ -2318,6 +2368,49 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
         sortMode,
         sorting
     ]);
+    const activeSelectedRowIds = selectedRowIds ?? uncontrolledSelectedRowIds;
+    const selectedRowIdSet = useMemo(()=>new Set(activeSelectedRowIds), [
+        activeSelectedRowIds
+    ]);
+    const visibleRowIds = useMemo(()=>sortedRows.map((row)=>DataGrid_getRowId(row[keyId])), [
+        keyId,
+        sortedRows
+    ]);
+    const isAllRowsSelected = visibleRowIds.length > 0 && visibleRowIds.every((rowId)=>selectedRowIdSet.has(rowId));
+    const isSomeRowsSelected = visibleRowIds.some((rowId)=>selectedRowIdSet.has(rowId));
+    const handleSelectedRowIdsChange = useCallback((nextSelectedRowIds)=>{
+        if (!selectedRowIds) setUncontrolledSelectedRowIds(nextSelectedRowIds);
+        onSelectedRowIdsChange?.(nextSelectedRowIds);
+        if (onSelectRow) {
+            const nextSelectedRowIdSet = new Set(nextSelectedRowIds);
+            onSelectRow(rows.filter((row)=>nextSelectedRowIdSet.has(DataGrid_getRowId(row[keyId]))));
+        }
+    }, [
+        keyId,
+        onSelectRow,
+        onSelectedRowIdsChange,
+        rows,
+        selectedRowIds
+    ]);
+    const handleRowSelectionChange = useCallback((rowId, isSelected)=>{
+        const nextSelectedRowIdSet = new Set(activeSelectedRowIds);
+        if (isSelected) nextSelectedRowIdSet.add(rowId);
+        else nextSelectedRowIdSet.delete(rowId);
+        handleSelectedRowIdsChange(Array.from(nextSelectedRowIdSet));
+    }, [
+        activeSelectedRowIds,
+        handleSelectedRowIdsChange
+    ]);
+    const handleAllRowsSelectionChange = useCallback((isSelected)=>{
+        const nextSelectedRowIdSet = new Set(activeSelectedRowIds);
+        for (const rowId of visibleRowIds)if (isSelected) nextSelectedRowIdSet.add(rowId);
+        else nextSelectedRowIdSet.delete(rowId);
+        handleSelectedRowIdsChange(Array.from(nextSelectedRowIdSet));
+    }, [
+        activeSelectedRowIds,
+        handleSelectedRowIdsChange,
+        visibleRowIds
+    ]);
     const isFullHeight = isLoading || isError || 0 === rows.length;
     return /*#__PURE__*/ jsxs("div", {
         "data-slot": "data-grid",
@@ -2341,7 +2434,12 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
                         columns: columns,
                         height: headerHeight,
                         sorting: sorting,
-                        onSortingChange: onSortingChange
+                        onSortingChange: onSortingChange,
+                        isSelectionEnabled: isRowSelectionEnabled,
+                        isAllRowsSelected: isAllRowsSelected,
+                        isSomeRowsSelected: isSomeRowsSelected,
+                        isSelectionDisabled: 0 === visibleRowIds.length,
+                        onAllRowsSelectionChange: handleAllRowsSelectionChange
                     }),
                     /*#__PURE__*/ jsx(Body, {
                         rows: sortedRows,
@@ -2352,7 +2450,10 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
                         isLoading: isLoading,
                         emptyState: emptyState,
                         errorState: errorState,
-                        isError: isError
+                        isError: isError,
+                        isRowSelectionEnabled: isRowSelectionEnabled,
+                        selectedRowIdSet: selectedRowIdSet,
+                        onRowSelectionChange: handleRowSelectionChange
                     })
                 ]
             }),
@@ -2362,6 +2463,10 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
         ]
     });
 }
+function DataGrid_getRowId(value) {
+    if ('string' == typeof value || 'number' == typeof value) return value;
+    return String(value);
+}
 function compareValues(a, b) {
     if (null == a && null == b) return 0;
     if (null == a) return -1;

package/lib/stories/Checkbox.stories.d.ts

@@ -8,4 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
+export declare const Checked: () => import("react").JSX.Element;
+export declare const Indeterminate: () => import("react").JSX.Element;
+export declare const Disabled: () => import("react").JSX.Element;
 //# sourceMappingURL=Checkbox.stories.d.ts.map

package/lib/stories/Checkbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkC;AAElC,eAAO,MAAM,OAAO,mCAUnB,CAAC"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkC;AAElC,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAUzB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC"}

package/lib/stories/DataGrid.stories.d.ts

@@ -11,6 +11,7 @@ export default _default;
 export declare const BaseExample: () => import("react").JSX.Element;
 export declare const WithActions: () => import("react").JSX.Element;
 export declare const WithSorting: () => import("react").JSX.Element;
+export declare const WithSelection: () => import("react").JSX.Element;
 export declare const Loading: () => import("react").JSX.Element;
 export declare const ErrorState: () => import("react").JSX.Element;
 export declare const EmptyState: () => import("react").JSX.Element;

package/lib/stories/DataGrid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,QAAQ,EAKR,MAAM,cAAc,CAAC;;;;;;;;;AAGtB,wBAOkC;AA6JlC,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCA6BvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAoCvB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAsB1B,CAAC"}
+{"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,QAAQ,EAMR,MAAM,cAAc,CAAC;;;;;;;;;AAGtB,wBAOkC;AA6JlC,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCA6BvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAoCvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAgBzB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAsB1B,CAAC"}

package/lib/styles.css

@@ -2104,11 +2104,12 @@ a.outline__1af895x4:hover {
   border: 1px solid var(--colors-primary);
   background-color: var(--colors-background-paper);
   cursor: pointer;
-  border-radius: .2rem;
+  border-radius: 4px;
   flex-shrink: 0;
   width: 1rem;
   height: 1rem;
   transition: all .2s;
+  display: block;
   position: relative;
 }
 
@@ -2134,10 +2135,23 @@ a.outline__1af895x4:hover {
 }
 
 .style__b7yo4k2 {
-  width: 1rem;
-  height: 1rem;
+  width: 100%;
+  height: 100%;
   stroke: var(--colors-foreground-primary);
   stroke-width: 3px;
+  display: none;
+}
+
+.style__b7yo4k3 {
+  width: 100%;
+  height: 100%;
+  stroke: var(--colors-primary);
+  stroke-width: 3px;
+  display: none;
+}
+
+.style__b7yo4k1[data-checked] .style__b7yo4k2, .style__b7yo4k1[data-indeterminate] .style__b7yo4k3 {
+  display: block;
 }
 
 @keyframes style__1xy4jvu0 {
@@ -2542,6 +2556,13 @@ a.outline__1af895x4:hover {
   background-color: var(--colors-background-elementHover);
 }
 
+.style__gsm9mv2 {
+  border-bottom: 1px solid var(--colors-border);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
 .style__15m2ib80 {
   width: 100%;
   height: 100%;
@@ -2639,6 +2660,13 @@ a.outline__1af895x4:hover {
   top: 0;
 }
 
+.style__fkgoub1 {
+  border-bottom: 1px solid var(--colors-border);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
 .style__1gqvluf0 {
   background-color: var(--colors-background-paper);
   border: 1px solid var(--colors-border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",