@redsift/table-pro 12.5.4

package/index.d.ts

@@ -0,0 +1,1223 @@
+import { GridColTypeDef, GridColType, GridColDef, GridFilterOperator, GridFilterInputSingleSelect, GridFilterInputMultipleSingleSelect, GridRowId, GridRowSelectionModel, DataGridProProps, GridFilterModel, GridPaginationModel, GridSortModel, GridColumnVisibilityModel, GridPinnedColumnFields, GridInitialState, GridSlotsComponent, GridApiPro, GridCallbackDetails, GridRowParams, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
+export { GridAlignment, GridColDef, GridFilterItem, GridFilterModel, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
+import * as _mui_x_data_grid from '@mui/x-data-grid';
+import React$1, { Ref, ReactElement, ComponentProps, ReactNode, MutableRefObject, RefObject } from 'react';
+import { TablePaginationProps } from '@mui/material';
+
+declare const DETAIL_PANEL_TOGGLE_COL_DEF: _mui_x_data_grid.GridColDef;
+
+declare const getRsStringColumnType: () => GridColTypeDef;
+declare const getRsNumberColumnType: () => GridColTypeDef;
+declare const getRsSingleSelectColumnType: () => GridColTypeDef;
+declare const getRsSingleSelectWithShortOperatorListColumnType: () => GridColTypeDef;
+declare const getRsMultipleSelectColumnType: () => GridColTypeDef;
+declare const getRsMultipleSelectWithShortOperatorListColumnType: () => GridColTypeDef;
+declare const customColumnTypes: Record<GridColType | string, GridColTypeDef>;
+
+type StringOperatorName = 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'doesNotStartWith' | 'endsWith' | 'doesNotEndWith' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | 'isNotAnyOf' | 'containsAnyOf' | 'doesNotContainAnyOf' | 'startsWithAnyOf' | 'doesNotStartWithAnyOf' | 'endsWithAnyOf' | 'doesNotEndWithAnyOf';
+type NumberOperatorName = '=' | '!=' | '>' | '>=' | '<' | '<=' | 'isEmpty' | 'isNotEmpty' | 'isBetween';
+type DateOperatorName = 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isBetween';
+type SingleSelectOperatorName = 'is' | 'isNot' | 'isAnyOf' | 'isNotAnyOf' | 'isEmpty' | 'isNotEmpty';
+type MultiSelectOperatorName = 'has' | 'doesNotHave' | 'hasAnyOf' | 'hasAllOf' | 'doesNotHaveAnyOf' | 'hasOnly' | 'isEmpty' | 'isNotEmpty';
+type TagsOperatorName = 'has' | 'doesNotHave' | 'hasAnyOf' | 'hasAllOf' | 'doesNotHaveAnyOf' | 'hasOnly' | 'containsAnyOf' | 'doesNotContainAnyOf' | 'isEmpty' | 'isNotEmpty';
+type ColumnType = 'string' | 'number' | 'date' | 'dateTime' | 'singleSelect' | 'multiSelect' | 'tags';
+type BuiltInOptions<TOperatorName extends string> = {
+    compact?: boolean;
+    exclude?: TOperatorName[];
+    extend?: GridFilterOperator[];
+    caseSensitive?: boolean;
+};
+type OverrideOptions = {
+    operators: GridFilterOperator[];
+};
+type StringColumnOptions = BuiltInOptions<StringOperatorName> | OverrideOptions;
+type NumberColumnOptions = Omit<BuiltInOptions<NumberOperatorName>, 'caseSensitive'> | OverrideOptions;
+type DateColumnOptions = Omit<BuiltInOptions<DateOperatorName>, 'caseSensitive'> | OverrideOptions;
+type SingleSelectColumnOptions = BuiltInOptions<SingleSelectOperatorName> | OverrideOptions;
+type MultiSelectColumnOptions = BuiltInOptions<MultiSelectOperatorName> | OverrideOptions;
+type TagsColumnOptions = BuiltInOptions<TagsOperatorName> | OverrideOptions;
+type ColumnOptions<T extends ColumnType> = T extends 'string' ? StringColumnOptions : T extends 'number' ? NumberColumnOptions : T extends 'date' | 'dateTime' ? DateColumnOptions : T extends 'singleSelect' ? SingleSelectColumnOptions : T extends 'multiSelect' ? MultiSelectColumnOptions : T extends 'tags' ? TagsColumnOptions : never;
+/**
+ * Creates a column configuration with the appropriate MUI type and filter operators
+ * for the given column type. Spread the result into your column definition.
+ *
+ * @example
+ * ```tsx
+ * const columns = [
+ *   { ...createColumn('string'), field: 'name', headerName: 'Name' },
+ *   { ...createColumn('number'), field: 'price', headerName: 'Price' },
+ *   { ...createColumn('singleSelect', { compact: true }), field: 'status', valueOptions: ['active', 'inactive'] },
+ *   { ...createColumn('multiSelect'), field: 'tags', valueOptions: ['a', 'b', 'c'] },
+ *   { ...createColumn('tags'), field: 'labels', headerName: 'Labels' },
+ * ];
+ * ```
+ */
+declare function createColumn<T extends ColumnType>(type: T, options?: ColumnOptions<T>): Partial<GridColDef>;
+
+declare const ARRAY_IS_EMPTY: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const ARRAY_IS_NOT_EMPTY: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DATE_IS_BETWEEN: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const getGridDateOperatorsExtended: (showTime?: boolean) => GridFilterOperator[];
+
+declare const IS_BETWEEN: GridFilterOperator<any, number, any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const getGridNumericOperators: () => GridFilterOperator<any, unknown, any>[];
+
+declare const DOES_NOT_CONTAIN: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_END_WITH: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_EQUAL: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_HAVE: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const DOES_NOT_HAVE_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const DOES_NOT_START_WITH: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const HAS: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const HAS_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const HAS_ONLY: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const HAS_ONLY_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const IS: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const IS_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const IS_NOT: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const IS_NOT_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const getGridStringOperators: () => GridFilterOperator<any, unknown, any>[];
+
+declare const CONTAINS_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_CONTAIN_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_END_WITH_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const DOES_NOT_HAVE_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const DOES_NOT_HAVE_ANY_OF_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const DOES_NOT_START_WITH_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const ENDS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const HAS_ALL_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const HAS_ALL_OF_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const HAS_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const HAS_ANY_OF_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const IS_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const IS_ANY_OF_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const IS_ANY_OF_I: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const IS_ANY_OF_I_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const IS_NOT_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+declare const IS_NOT_ANY_OF_WITH_SELECT: {
+    InputComponent: typeof GridFilterInputMultipleSingleSelect;
+    label?: string;
+    headerLabel?: string;
+    value: _mui_x_data_grid.GridFilterItem["operator"];
+    getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+    InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+    getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+    requiresFilterValue?: boolean;
+};
+
+declare const STARTS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
+
+declare const getGridStringArrayOperators: () => GridFilterOperator<any, unknown, any>[];
+declare const getGridStringArrayOperatorsWithSelect: () => GridFilterOperator<any, unknown, any>[];
+declare const getGridStringArrayOperatorsWithSelectOnStringArrayColumns: () => GridFilterOperator<any, unknown, any>[];
+
+/**
+ * Wraps a filter operator's `getApplyFilterFn` to lowercase both the cell value
+ * and the filter value before comparison, making the operator case-insensitive.
+ *
+ * Only affects string-based values — numbers, dates, and booleans pass through unchanged.
+ */
+declare const wrapCaseInsensitive: (operator: GridFilterOperator) => GridFilterOperator;
+/**
+ * Applies case-insensitive wrapping to an array of filter operators.
+ */
+declare const makeCaseInsensitive: (operators: GridFilterOperator[]) => GridFilterOperator[];
+
+declare const operatorList: {
+    string: _mui_x_data_grid.GridFilterOperator<any, string | number | null, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+    number: _mui_x_data_grid.GridFilterOperator<any, string | number | null, any, _mui_x_data_grid.GridFilterInputValueProps & {
+        type?: "number";
+    }>[];
+    boolean: _mui_x_data_grid.GridFilterOperator<any, boolean | null, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+    date: _mui_x_data_grid.GridFilterOperator<any, Date, any, _mui_x_data_grid.GridFilterInputDateProps>[];
+    dateTime: _mui_x_data_grid.GridFilterOperator<any, Date, any, _mui_x_data_grid.GridFilterInputDateProps>[];
+    singleSelect: _mui_x_data_grid.GridFilterOperator<any, any, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+    rsString: _mui_x_data_grid.GridFilterOperator<any, unknown, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+    rsNumber: _mui_x_data_grid.GridFilterOperator<any, unknown, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+    rsSingleSelect: (_mui_x_data_grid.GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps> | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    } | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputMultipleSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    })[];
+    rsSingleSelectWithShortOperatorList: ({
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    } | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputMultipleSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    })[];
+    rsMultipleSelect: (_mui_x_data_grid.GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps> | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    } | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputMultipleSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    })[];
+    rsMultipleSelectWithShortOperatorList: ({
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    } | {
+        InputComponent: typeof _mui_x_data_grid.GridFilterInputMultipleSingleSelect;
+        label?: string;
+        headerLabel?: string;
+        value: _mui_x_data_grid.GridFilterItem["operator"];
+        getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
+        InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
+        getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
+        requiresFilterValue?: boolean;
+    })[];
+    rsStringArray: _mui_x_data_grid.GridFilterOperator<any, unknown, any, _mui_x_data_grid.GridFilterInputValueProps>[];
+};
+
+declare function getCompletion(text: string, role: string, openai_api_key: string | undefined, model?: string): Promise<string>;
+
+declare const PAGINATION_MODEL_KEY = "paginationModel";
+declare const FILTER_MODEL_KEY = "filterModel";
+declare const SORT_MODEL_KEY = "sortModel";
+declare const VISIBILITY_MODEL_KEY = "visibilityModel";
+declare const PINNED_COLUMNS = "pinnedColumns";
+declare const DIMENSION_MODEL_KEY = "dimension";
+declare const FILTER_SEARCH_KEY = "searchModel";
+declare const DENSITY_MODEL_KEY = "densityModel";
+declare const COLUMN_ORDER_MODEL_KEY = "columnOrderModel";
+declare const CATEGORIES: readonly ["paginationModel", "filterModel", "sortModel", "visibilityModel", "dimension", "searchModel", "pinnedColumns", "densityModel", "columnOrderModel"];
+type Category = (typeof CATEGORIES)[number];
+/**
+ * Build the localStorage key for a specific grid state category.
+ * Consumers can use this to read or clear individual state entries directly.
+ *
+ * @example
+ * ```ts
+ * const key = buildStorageKey({ id: pathname, version: 2, category: DENSITY_MODEL_KEY });
+ * localStorage.removeItem(key);
+ * ```
+ */
+declare const buildStorageKey: ({ id, version, category }: {
+    id: string;
+    version: number;
+    category: Category;
+}) => `${string}:${number}:paginationModel` | `${string}:${number}:filterModel` | `${string}:${number}:sortModel` | `${string}:${number}:visibilityModel` | `${string}:${number}:pinnedColumns` | `${string}:${number}:dimension` | `${string}:${number}:searchModel` | `${string}:${number}:densityModel` | `${string}:${number}:columnOrderModel`;
+declare const clearPreviousVersionStorage: (id: string, previousLocalStorageVersions: number[]) => void;
+/**
+ * Clear localStorage keys for all versions from 0 to `maxVersion` (inclusive).
+ * Useful when the consumer wants to wipe all persisted grid state regardless of which version is active.
+ */
+declare const clearAllVersionStorage: (id: string, maxVersion: number) => void;
+/**
+ * Fully reset a `StatefulDataGrid` — clear localStorage for the given versions
+ * and strip all grid-owned URL params (`_*` and `v=`), preserving any non-grid params.
+ *
+ * Call from within a component where the router values are available:
+ * ```ts
+ * const { search, historyReplace } = useMyRouter();
+ * resetStatefulDataGridState({ id: 'myGrid', versions: [0, 1, 2], search, historyReplace });
+ * ```
+ */
+declare const resetStatefulDataGridState: ({ id, versions, search, historyReplace, }: {
+    id: string;
+    versions: number[];
+    search: string;
+    historyReplace: (newSearch: string) => void;
+}) => void;
+
+/**
+ * Type for legacy array-based row selection (v7 and earlier)
+ */
+type LegacyRowSelectionModel = GridRowId[];
+/**
+ * Type that accepts both legacy array format and new v8 object format
+ */
+type RowSelectionModelInput = LegacyRowSelectionModel | GridRowSelectionModel;
+/**
+ * Default empty row selection model for MUI DataGrid v8+
+ * In v8, GridRowSelectionModel changed from GridRowId[] to { type: 'include' | 'exclude'; ids: Set<GridRowId> }
+ */
+declare const EMPTY_ROW_SELECTION_MODEL: GridRowSelectionModel;
+/**
+ * Creates a new row selection model with the given ids
+ */
+declare const createRowSelectionModel: (ids: GridRowId[] | Set<GridRowId>) => GridRowSelectionModel;
+/**
+ * Normalizes a row selection model input to the v8 GridRowSelectionModel format.
+ * Accepts both legacy array format (v7) and new object format (v8).
+ * This allows consumers to continue using arrays while internally using the v8 format.
+ */
+declare const normalizeRowSelectionModel: (input: RowSelectionModelInput | undefined | null) => GridRowSelectionModel;
+/**
+ * Gets the size/count of selected rows from a selection model
+ */
+declare const getSelectionCount: (model: GridRowSelectionModel) => number;
+/**
+ * Checks if a row is selected in the given selection model
+ */
+declare const isRowSelected: (model: GridRowSelectionModel, rowId: GridRowId) => boolean;
+/**
+ * Converts a selection model to an array of selected row IDs
+ * Note: For 'exclude' type, this only returns the ids that are explicitly excluded,
+ * not the actual selected rows (which would require knowing all row ids)
+ */
+declare const getSelectedIds: (model: GridRowSelectionModel) => GridRowId[];
+
+/** Component Type. */
+type Comp<P, T = HTMLElement> = {
+    (props: P & {
+        ref?: Ref<T>;
+    }): ReactElement | null;
+    /** React component type. */
+    readonly $$typeof?: symbol;
+    /** Component name. */
+    displayName?: string;
+    /** Component base class name. */
+    className?: string;
+};
+/** Get types of the values of a record. */
+type ValueOf<T extends Record<any, any>> = T[keyof T];
+
+/**
+ * Color palette.
+ */
+declare const Theme: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+type Theme = ValueOf<typeof Theme>;
+declare const NotificationsColorPalette: {
+    readonly question: "question";
+    readonly 'no-data': "no-data";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly info: "info";
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly error: "error";
+};
+type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;
+declare const ProductColorPalette: {
+    readonly asm: "asm";
+    readonly 'brand-trust': "brand-trust";
+    readonly certificates: "certificates";
+    readonly ondmarc: "ondmarc";
+    readonly pulse: "pulse";
+    readonly radar: "radar";
+    readonly 'rojo-ds': "rojo-ds";
+    readonly 'vendor-secure': "vendor-secure";
+    readonly website: "website";
+};
+type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
+
+declare const AlignSelf: {
+    readonly auto: "auto";
+    readonly normal: "normal";
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly 'flex-start': "flex-start";
+    readonly 'flex-end': "flex-end";
+    readonly 'self-start': "self-start";
+    readonly 'self-end': "self-end";
+    readonly baseline: "baseline";
+    readonly stretch: "stretch";
+};
+type AlignSelf = ValueOf<typeof AlignSelf>;
+interface LayoutProps {
+    /** When used in a flex layout, specifies how the element will grow or shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex">MDN</a>. */
+    flex?: string;
+    /** When used in a flex layout, specifies how the element will grow to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow">MDN</a>. */
+    flexGrow?: number;
+    /** When used in a flex layout, specifies how the element will shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink">MDN</a>. */
+    flexShrink?: number;
+    /** When used in a flex layout, specifies the initial main size of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex_basis">MDN</a>. */
+    flexBasis?: string;
+    /** Overrides the alignItems property of a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-self">MDN</a>. */
+    alignSelf?: AlignSelf;
+    /** Specifies how the element is justified inside a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self">MDN</a>. */
+    justifySelf?: string;
+    /** The layout order for the element within a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/order">MDN</a>. */
+    order?: number;
+    /** When used in a grid layout, specifies the named grid area that the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area">MDN</a>. */
+    gridArea?: string;
+    /** When used in a grid layout, specifies the column the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column">MDN</a>. */
+    gridColumn?: string;
+    /** When used in a grid layout, specifies the row the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row">MDN</a>. */
+    gridRow?: string;
+    /** When used in a grid layout, specifies the starting column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start">MDN</a>. */
+    gridColumnStart?: string;
+    /** When used in a grid layout, specifies the ending column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end">MDN</a>. */
+    gridColumnEnd?: string;
+    /** When used in a grid layout, specifies the starting row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start">MDN</a>. */
+    gridRowStart?: string;
+    /** When used in a grid layout, specifies the ending row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end">MDN</a>. */
+    gridRowEnd?: string;
+}
+interface SpacingProps {
+    /** The margin for all four sides of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin">MDN</a>. */
+    margin?: string;
+    /** The margin for the bottom side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom">MDN</a>. */
+    marginBottom?: string;
+    /** The margin for the left side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left">MDN</a>. */
+    marginLeft?: string;
+    /** The margin for the right side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right">MDN</a>. */
+    marginRight?: string;
+    /** The margin for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top">MDN</a>. */
+    marginTop?: string;
+}
+interface PositioningProps {
+    /** Specifies how the element is positioned. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN</a>. */
+    position?: string;
+    /** The top position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/top">MDN</a>. */
+    top?: string;
+    /** The bottom position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/bottom">MDN</a>. */
+    bottom?: string;
+    /** The left position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/left">MDN</a>. Consider using start instead for RTL support. */
+    left?: string;
+    /** The right position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/right">MDN</a>. Consider using start instead for RTL support. */
+    right?: string;
+    /** The stacking order for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/z-index">MDN</a>. */
+    zIndex?: string;
+}
+
+/**
+ * Component size.
+ */
+declare const IconSize: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly xlarge: "xlarge";
+    readonly xxlarge: "xxlarge";
+};
+type IconSize = ValueOf<typeof IconSize>;
+type IconDimensions = {
+    width?: number;
+    height?: number;
+    fontSize?: number;
+    lineHeight?: number;
+};
+/**
+ * Component props.
+ */
+interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'false' | 'true';
+    /** A screen reader only label for the Icon. */
+    'aria-label'?: string;
+    /** Color variant. Either from color palette or hex or rgb strings. */
+    color?: NotificationsColorPalette | ProductColorPalette | (string & {});
+    /** Whether the icon has a badge attached to it. */
+    badge?: ReactElement;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    icon: string | string[] | ReactElement;
+    /**
+     * Icon size.
+     * @default 'medium'
+     */
+    size?: IconSize | IconDimensions;
+    /** Additional properties to forward to the SVG tag. */
+    svgProps?: ComponentProps<'svg'>;
+    /** Theme. */
+    theme?: Theme;
+}
+
+/**
+ * Component variant.
+ */
+declare const ShieldVariant: {
+    readonly success: "success";
+    readonly successLocked: "successLocked";
+    readonly successUnlocked: "successUnlocked";
+    readonly fail: "fail";
+    readonly failLocked: "failLocked";
+    readonly failUnlocked: "failUnlocked";
+    readonly warning: "warning";
+    readonly warningLocked: "warningLocked";
+    readonly warningUnlocked: "warningUnlocked";
+    readonly ignored: "ignored";
+    readonly noData: "noData";
+    readonly question: "question";
+    readonly email: "email";
+};
+type ShieldVariant = ValueOf<typeof ShieldVariant>;
+
+interface DataGridProps extends Partial<Pick<DataGridProProps, 'rows'>>, Omit<DataGridProProps, 'rows'> {
+    /** License key for MUI Datagrid Pro. */
+    license?: string;
+    /**
+     * Height. A default one is set to prevent rendering all rows.
+     * @default '500px'
+     */
+    height?: string;
+    /** Toolbar. A default one is provided but every button from this default Toolbar can be customized and the entire Toolbar can be replaced. */
+    toolbar?: ReactNode;
+    /** Whether the Toolbar is displayed or not. */
+    hideToolbar?: boolean;
+    /**
+     * Indicates how to display pagination.
+     * @default 'both'
+     */
+    paginationPlacement?: 'top' | 'bottom' | 'both' | 'none';
+    /** Props to forward to the pagination component. */
+    paginationProps?: Omit<TablePaginationProps, 'component' | 'count' | 'page' | 'onPageChange' | 'rowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'paginationMode'>;
+    /** Theme. */
+    theme?: Theme;
+}
+type SelectionStatus = {
+    type: 'page' | 'table' | 'other' | 'none';
+    numberOfSelectedRows: number;
+    numberOfSelectedRowsInPage?: number;
+    page?: number;
+    pageSize?: number;
+};
+
+type StyledDataGridProps = {
+    $height?: string;
+    $theme?: DataGridProps['theme'];
+};
+
+/**
+ * DataGrid displays tabular data with sorting, filtering, pagination, and row selection.
+ * Built on MUI X DataGrid Pro with Red Sift styling and theming.
+ *
+ * Requires MUI X Pro license key (set via `MUI_LICENSE_KEY` env variable).
+ *
+ * Use `createColumn()` to get pre-configured column definitions with typed filter operators.
+ * Supported types: `string`, `number`, `date`, `dateTime`, `singleSelect`, `multiSelect`, `tags`.
+ * For `boolean` columns, use `type: 'boolean'` directly (no createColumn wrapper needed).
+ *
+ * @example
+ * // Basic data grid with typed columns
+ * <DataGrid
+ *   columns={[
+ *     { ...createColumn('number'), field: 'id', headerName: 'ID', width: 90 },
+ *     { ...createColumn('string'), field: 'name', headerName: 'Name', width: 150 },
+ *     { ...createColumn('string'), field: 'email', headerName: 'Email', flex: 1 },
+ *   ]}
+ *   rows={users}
+ * />
+ *
+ * @example
+ * // Custom cell renderer with Shield component
+ * const columns = [
+ *   { field: 'domain', headerName: 'Domain' },
+ *   {
+ *     field: 'status',
+ *     headerName: 'Status',
+ *     renderCell: ({ value }) => (
+ *       <Shield variant={value === 'active' ? 'success' : 'fail'}>
+ *         {value}
+ *       </Shield>
+ *     ),
+ *   },
+ * ];
+ * <DataGrid columns={columns} rows={data} />
+ *
+ * @example
+ * // With pagination and sorting
+ * <DataGrid
+ *   columns={columns}
+ *   rows={data}
+ *   pagination
+ *   paginationModel={{ page: 0, pageSize: 25 }}
+ *   pageSizeOptions={[10, 25, 50]}
+ *   sortModel={[{ field: 'createdAt', sort: 'desc' }]}
+ * />
+ *
+ * @example
+ * // With row selection and checkbox
+ * <DataGrid
+ *   columns={columns}
+ *   rows={data}
+ *   checkboxSelection
+ *   rowSelectionModel={selectedIds}
+ *   onRowSelectionModelChange={setSelectedIds}
+ * />
+ *
+ * @example
+ * // Server-side pagination
+ * <DataGrid
+ *   columns={columns}
+ *   rows={pageData}
+ *   pagination
+ *   paginationMode="server"
+ *   rowCount={totalRows}
+ *   paginationModel={{ page, pageSize }}
+ *   pageSizeOptions={[10, 25, 50]}
+ *   onPaginationModelChange={setPaginationModel}
+ * />
+ */
+declare const DataGrid: Comp<DataGridProps, HTMLDivElement>;
+
+interface StatefulDataGridProps extends DataGridProps {
+    /** Hook returning pathname, search params and a method to update query params. */
+    useRouter: () => {
+        pathname: string;
+        search: string;
+        historyReplace: (newSearch: string) => void;
+    };
+    /** Local Storage version, to upgrade when we want to force a clean out. */
+    localStorageVersion?: number;
+    /** Previous Local Storage versions to clean out when a new one is released. */
+    previousLocalStorageVersions?: number[];
+}
+
+/**
+ * StatefulDataGrid extends DataGrid with automatic state persistence to localStorage.
+ * Preserves filters, sorting, pagination, column visibility, and column widths
+ * across page refreshes.
+ *
+ * Use when users need persistent table preferences. Requires unique `localStorageKey`.
+ *
+ * @example
+ * // Basic stateful grid (persists to localStorage)
+ * <StatefulDataGrid
+ *   localStorageKey="users-table"
+ *   columns={columns}
+ *   rows={users}
+ *   pagination
+ * />
+ *
+ * @example
+ * // With version migration (clears old preferences)
+ * <StatefulDataGrid
+ *   localStorageKey="reports-table"
+ *   localStorageVersion="v2"
+ *   previousLocalStorageVersions={['v1']}
+ *   columns={columns}
+ *   rows={reports}
+ * />
+ *
+ * @example
+ * // With URL state sync (shareable filtered views)
+ * <StatefulDataGrid
+ *   localStorageKey="domains-table"
+ *   useRouter={true}
+ *   columns={columns}
+ *   rows={domains}
+ *   pagination
+ * />
+ *
+ * @example
+ * // All features combined
+ * <StatefulDataGrid
+ *   localStorageKey="audit-log"
+ *   localStorageVersion="v3"
+ *   previousLocalStorageVersions={['v1', 'v2']}
+ *   useRouter={true}
+ *   columns={columns}
+ *   rows={logs}
+ *   pagination
+ *   pageSize={50}
+ *   checkboxSelection
+ * />
+ */
+declare const StatefulDataGrid: Comp<StatefulDataGridProps, HTMLDivElement>;
+
+interface ExtendedGridFilterModel extends GridFilterModel {
+    quickFilterValues?: string[];
+}
+interface ExtendedGridPaginationModel extends GridPaginationModel {
+    direction?: 'next' | 'back';
+}
+
+type OperatorValue = string | string[] | undefined;
+/**
+ * Converts internal bracket notation to display-friendly dot notation.
+ *
+ * Display format (CloudFront-safe, no brackets):
+ * - `field[operator]=value` → `field.operator=value` (value URL-encoded if needed)
+ * - `field[isAnyOf]=list[a,b,c]` → `field.isAnyOf=a,b,c` (comma-separated, values URL-encoded)
+ * - `_sortColumn=[field,desc]` → `_sortColumn=field.desc`
+ * - `_pagination=[0,25,next]` → `_pagination=0.25.next`
+ * - `_pinnedColumnsLeft=[a,b,c]` → `_pinnedColumnsLeft=a,b,c` (comma-separated)
+ * - `_columnVisibility=[a,b,c]` → `_columnVisibility=a,b,c` (comma-separated)
+ */
+declare const convertToDisplayFormat: (search: string) => string;
+/**
+ * Converts display-friendly dot notation back to internal bracket notation.
+ *
+ * Internal format (server-side compatible):
+ * - `field.operator=value` → `_field[operator,type]=value`
+ * - `field.isAnyOf=a,b,c` → `_field[isAnyOf,type]=list[a,b,c]`
+ * - `_sortColumn=field.desc` → `_sortColumn=[field,desc]`
+ * - `_pagination=0.25.next` → `_pagination=[0,25,next]`
+ * - `_pinnedColumnsLeft=a,b,c` → `_pinnedColumnsLeft=[a,b,c]`
+ * - `_columnVisibility=a,b,c` → `_columnVisibility=[a,b,c]`
+ */
+declare const convertFromDisplayFormat: (search: string, columns: DataGridProps["columns"]) => string;
+/**
+ * Detects if search string is in display format and converts it to internal format.
+ */
+declare const getDecodedSearchFromUrl: (search: string, columns: DataGridProps["columns"]) => string;
+/**
+ * Builds a display-format query string from internal format.
+ */
+declare const buildQueryParamsString: (search: string) => string;
+/**
+ * Compares two search strings for equality, ignoring parameter order.
+ * This prevents infinite update loops when the same parameters appear in different order.
+ */
+declare const areSearchStringsEqual: (search1: string, search2: string) => boolean;
+declare const decodeValue: (value: string) => OperatorValue;
+declare const encodeValue: (value: string | string[] | undefined) => string;
+declare const urlSearchParamsToString: (searchParams: URLSearchParams) => string;
+declare const numberOperatorEncoder: Record<string, string>;
+declare const numberOperatorDecoder: Record<string, string>;
+declare const isOperatorValueValid: (field: string, operator: OperatorValue, columns: DataGridProps["columns"]) => boolean;
+declare const isValueValid: (value: OperatorValue, field: string, columns: DataGridProps["columns"], operator: OperatorValue) => boolean;
+/** FILTERS */
+declare const getFilterModelFromString: (searchString: string, columns: DataGridProps["columns"]) => ExtendedGridFilterModel | "invalid";
+declare const getSearchParamsFromFilterModel: (filterModel: ExtendedGridFilterModel) => URLSearchParams;
+/** SORT */
+declare const getSortingFromString: (searchString: string, columns: DataGridProps["columns"]) => GridSortModel | "invalid";
+declare const getSearchParamsFromSorting: (sorting: GridSortModel) => URLSearchParams;
+/** PAGINATION */
+declare const getPaginationFromString: (searchString: string) => ExtendedGridPaginationModel | "invalid";
+declare const getSearchParamsFromPagination: (pagination: ExtendedGridPaginationModel) => URLSearchParams;
+/** COLUMN VISIBILITY */
+declare const getColumnVisibilityFromString: (searchString: string, columns: DataGridProps["columns"]) => GridColumnVisibilityModel | "invalid";
+declare const getSearchParamsFromColumnVisibility: (columnVisibility: GridColumnVisibilityModel, columns: DataGridProps["columns"]) => URLSearchParams;
+declare const getPinnedColumnsFromString: (notParsed: string, tableColumns: DataGridProps["columns"]) => PinnedColumns | "invalid";
+declare const getSearchParamsFromPinnedColumns: (pinnedColumns: GridPinnedColumnFields) => URLSearchParams;
+declare const getSearchParamsFromTab: (search: string) => URLSearchParams;
+/** DENSITY */
+type GridDensityValue = 'compact' | 'standard' | 'comfortable';
+declare const getDensityFromString: (searchString: string) => GridDensityValue | "invalid";
+declare const getSearchParamsFromDensity: (density: GridDensityValue) => URLSearchParams;
+declare const getDensityModel: (search: string, localStorageDensity: string, setLocalStorageDensity: (density: string) => void, initialState: GridInitialState | undefined, isNewVersion: boolean) => GridDensityValue;
+/** COLUMN ORDER */
+type ColumnOrderModel = string[];
+declare const getColumnOrderFromString: (searchString: string) => ColumnOrderModel | "invalid";
+declare const getSearchParamsFromColumnOrder: (columnOrder: ColumnOrderModel) => URLSearchParams;
+type FinalSearchInput = {
+    localStorageVersion: number;
+    filterModel: GridFilterModel;
+    sortModel: GridSortModel;
+    paginationModel: ExtendedGridPaginationModel;
+    columnsVisibilityModel: GridColumnVisibilityModel;
+    pinnedColumnsModel: GridPinnedColumnFields;
+    density: GridDensityValue;
+    columnOrderModel: ColumnOrderModel;
+    defaultColumnOrder: ColumnOrderModel;
+    search: string;
+    columns: DataGridProps['columns'];
+};
+declare const getFinalSearch: ({ search, localStorageVersion, filterModel, sortModel, paginationModel, columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder, columns, }: FinalSearchInput) => URLSearchParams;
+type PinnedColumns = {
+    left: string[];
+    right: string[];
+};
+type ModelsLocalStorage = {
+    localStorageFilters: string;
+    setLocalStorageFilters: (search: string) => void;
+    localStorageSorting: string;
+    setLocalStorageSorting: (search: string) => void;
+    localStoragePagination: string;
+    setLocalStoragePagination: (search: string) => void;
+    localStorageColumnsVisibility: string;
+    setLocalStorageColumnsVisibility: (search: string) => void;
+    localStoragePinnedColumns: string;
+    setLocalStoragePinnedColumns: (search: string) => void;
+    localStorageDensity: string;
+    setLocalStorageDensity: (density: string) => void;
+    localStorageColumnOrder: string;
+    setLocalStorageColumnOrder: (value: string) => void;
+};
+type ModelsTable = {
+    filterModel: GridFilterModel;
+    sortModel: GridSortModel;
+    paginationModel: ExtendedGridPaginationModel;
+    columnVisibilityModel: GridColumnVisibilityModel;
+    pinnedColumnsModel: PinnedColumns;
+    density: GridDensityValue;
+    columnOrderModel: ColumnOrderModel;
+    /** The display-format search string the URL should have. Null if no update needed. */
+    pendingSearch: string | null;
+};
+/** Return the state of the table given the URL and the local storage state */
+declare const getModelsParsedOrUpdateLocalStorage: (search: string, localStorageVersion: number, columns: DataGridProps["columns"], initialState: GridInitialState | undefined, localStorage: ModelsLocalStorage) => ModelsTable;
+type DataGridModel = {
+    filterModel: GridFilterModel;
+    sortModel: GridSortModel;
+    paginationModel: ExtendedGridPaginationModel;
+    columnsModel: GridColumnVisibilityModel;
+    pinnedColumnsModel: GridPinnedColumnFields;
+    density: GridDensityValue;
+    columnOrderModel: ColumnOrderModel;
+    defaultColumnOrder: ColumnOrderModel;
+};
+declare const updateUrl: ({ filterModel, sortModel, paginationModel, columnsModel: columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder, }: DataGridModel, search: string, localStorageVersion: number, historyReplace: (newSearch: string) => void, columns: DataGridProps["columns"]) => void;
+declare const areFilterModelsEquivalent: (filterModel: GridFilterModel, filterModelToMatch: GridFilterModel) => boolean;
+
+/**
+ * A React Router v5 / connected-react-router adapter for `StatefulDataGrid.useRouter`.
+ *
+ * Defers `history.replace` via `queueMicrotask` to avoid the
+ * "Cannot update during an existing state transition" warning
+ * that connected-react-router triggers when the grid synchronises
+ * URL state during render.
+ *
+ * Also coalesces multiple `historyReplace` calls within the same microtask
+ * by computing per-call deltas against the captured `search` snapshot and
+ * merging them into the live URL. This prevents handler stomping when the
+ * grid fires several model-change handlers in the same render (e.g. a
+ * pivot change re-emits a synthetic column-visibility change alongside a
+ * filter change): without coalescing, each handler would compute a full
+ * new search from the same captured snapshot, and the second
+ * `history.replace` would clobber the first — dropping any keys (such as
+ * the filter just typed) that the second handler didn't know about.
+ *
+ * @example
+ * ```tsx
+ * import { createReactRouterV5Adapter } from '@redsift/table-pro';
+ *
+ * const useRouter = createReactRouterV5Adapter(history);
+ *
+ * <StatefulDataGrid useRouter={useRouter} … />
+ * ```
+ */
+/** Minimal subset of React Router v5 `history` used by the adapter. */
+interface ReactRouterV5History {
+    location: {
+        pathname: string;
+        search: string;
+    };
+    replace: (path: {
+        pathname: string;
+        search: string;
+    }) => void;
+}
+/**
+ * Create a `useRouter` hook compatible with `StatefulDataGrid` from a
+ * React Router v5 `history` object.
+ */
+declare const createReactRouterV5Adapter: (history: ReactRouterV5History) => (() => {
+    pathname: string;
+    search: string;
+    historyReplace: (newSearch: string) => void;
+});
+
+interface UseLinkedFilterModelOptions {
+    /** Starting filter model. Defaults to `{ items: [] }`. */
+    initialFilterModel?: GridFilterModel;
+    /**
+     * Debounce window (ms) applied to changes coming from the DataGrid filter panel.
+     * Card-driven changes via `setMultiSelect` / `setBoolean` are never debounced.
+     * Defaults to `300`. Pass `0` to disable.
+     */
+    debounceMs?: number;
+    /** Optional callback fired on every settled filter model change. */
+    onChange?: (model: GridFilterModel) => void;
+}
+interface UseLinkedFilterModelReturn {
+    /** Current filter model. Pass to DataGrid `filterModel` and read for DataCard derivations. */
+    filterModel: GridFilterModel;
+    /** Bind to DataGrid `onFilterModelChange`. Debounced for panel changes. */
+    onFilterModelChange: (model: GridFilterModel) => void;
+    /** Read selected values for an `isAnyOf` / `hasAnyOf` field. Empty array when not set. */
+    getSelected: (field: string) => string[];
+    /** Read the raw filter value for a field (e.g. boolean toggles). */
+    getValue: (field: string) => unknown;
+    /** Set a multi-select filter from a DataCard. Empty array clears the field. */
+    setMultiSelect: (field: string, values: string[], operator?: string) => void;
+    /** Set a boolean filter. Pass `null` to clear. */
+    setBoolean: (field: string, value: boolean | null) => void;
+    /** Remove a single field from the filter model. */
+    clearField: (field: string) => void;
+    /** Reset the filter model to the initial value. */
+    reset: () => void;
+    /**
+     * Whether a field's filter was set externally (DataGrid filter panel) rather than
+     * via this hook's setters. Useful for disabling the corresponding DataCard so the
+     * panel and card don't fight over the same field.
+     */
+    isFieldExternallyControlled: (field: string) => boolean;
+}
+/**
+ * Bridge a DataGrid `filterModel` and the DataCards that drive (and reflect) it.
+ *
+ * Without this hook, every drilldowned datagrid page hand-rolls the same plumbing:
+ * derive selections from `filterModel`, write them back via raw `setFilterModel`
+ * mutations, debounce panel changes, and track which fields the panel "owns" so
+ * cards don't fight the panel for control. SOFA-6 shipped this logic ad hoc and
+ * got it wrong (no debounce, prop-drilled state, no panel/card reconciliation).
+ *
+ * @example
+ * const filter = useLinkedFilterModel();
+ *
+ * <DataCard.Listbox
+ *   values={filter.getSelected('Category')}
+ *   onChange={(values) => filter.setMultiSelect('Category', values)}
+ *   isDisabled={filter.isFieldExternallyControlled('Category')}
+ * >
+ *   {…}
+ * </DataCard.Listbox>
+ *
+ * <DataGrid filterModel={filter.filterModel} onFilterModelChange={filter.onFilterModelChange} />
+ */
+declare function useLinkedFilterModel(options?: UseLinkedFilterModelOptions): UseLinkedFilterModelReturn;
+
+declare const BaseButton: React$1.JSXElementConstructor<any>;
+
+declare const BaseCheckbox: React$1.JSXElementConstructor<any>;
+
+declare const muiIconToDSIcon: Partial<Record<keyof GridSlotsComponent, string>>;
+declare const BaseIcon: React$1.JSXElementConstructor<any>;
+
+declare const BaseIconButton: React$1.JSXElementConstructor<any>;
+
+declare const BaseTextField: React$1.JSXElementConstructor<any>;
+
+interface CompletionResponseItem {
+    field: string;
+    operator: string;
+    value?: string;
+}
+type CompletionResponse = {
+    logicOperator: 'and' | 'or';
+    items: CompletionResponseItem[];
+};
+interface LocaleText {
+    textLabel?: string;
+    textPlaceholder?: string;
+    buttonAriaLabel?: string;
+    buttonText?: string;
+    powerText?: string;
+    powerTooltipContent?: string;
+    errorText?: string;
+}
+interface FilterConfigColumn {
+    field: string;
+    type?: string;
+    description?: string;
+}
+interface FilterConfig {
+    columns: FilterConfigColumn[];
+    typeOperators: Record<string, string[]>;
+    notes: string;
+    openaiApiKey?: string;
+    completionFunc?: (nlpFilterConfig: FilterConfig, prompt: string, model: string) => Promise<CompletionResponse>;
+}
+interface GridToolbarFilterSemanticFieldProps extends ComponentProps<'form'> {
+    nlpFilterConfig: FilterConfig;
+    onFilterModelChange?: (filterModel: GridFilterModel) => void;
+    dateFormat?: string;
+    defaultModel?: string;
+    defaultFilter?: CompletionResponse;
+    disablePower?: boolean;
+    localeText?: LocaleText;
+}
+
+declare const DEFAULT_OPERATORS: {
+    string: string[];
+    number: string[];
+    boolean: string[];
+    date: string[];
+};
+/**
+ * The GridToolbarFilterSemanticField component.
+ */
+declare const GridToolbarFilterSemanticField: Comp<GridToolbarFilterSemanticFieldProps, HTMLFormElement>;
+
+type ControlledPaginationProps = {
+    displaySelection?: boolean;
+    displayRowsPerPage?: boolean;
+    displayPagination?: boolean;
+    selectionStatus: SelectionStatus;
+    apiRef: MutableRefObject<GridApiPro | null>;
+    paginationModel: GridPaginationModel;
+    onPaginationModelChange: (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => void;
+    pageSizeOptions?: number[];
+    isRowSelectable?: DataGridProps['isRowSelectable'];
+    paginationProps?: DataGridProps['paginationProps'];
+};
+declare const ControlledPagination: React$1.FC<ControlledPaginationProps>;
+
+type ServerSideControlledPaginationProps = {
+    displaySelection?: boolean;
+    displayRowsPerPage?: boolean;
+    displayPagination?: boolean;
+    selectionStatus: SelectionStatus;
+    paginationModel: GridPaginationModel;
+    onPaginationModelChange: (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => void;
+    pageSizeOptions?: number[];
+    paginationProps?: DataGridProps['paginationProps'];
+    rowCount: number;
+    loading?: boolean;
+};
+/**
+ * Get the IDs of all selectable rows currently loaded in the grid (i.e. the current page for server-side).
+ */
+declare const getSelectableRowIdsInPage: (apiRef: React$1.MutableRefObject<GridApiPro>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined) => GridRowId[];
+/**
+ * Intercept MUI's `onRowSelectionModelChange` for server-side pagination to fix the
+ * header checkbox behavior when cross-page selections exist.
+ *
+ * Problem: With `checkboxSelectionVisibleOnly=false` and `keepNonExistentRowsSelected`,
+ * the header checkbox shows "indeterminate" when rows from other pages are selected but
+ * none on the current page. Clicking it makes MUI deselect everything (treating it as a
+ * global toggle-off), but the user's intent is to select the current page.
+ *
+ * Fix: When MUI empties the selection model and the previous status was 'other' (cross-page
+ * selections with 0 selected on current page), we merge all current page rows with the
+ * existing cross-page selections instead.
+ */
+declare const fixServerSideHeaderCheckboxSelection: (newSelectionModel: GridRowSelectionModel, previousSelectionModel: GridRowSelectionModel, selectionStatus: React$1.MutableRefObject<SelectionStatus>, apiRef: React$1.MutableRefObject<GridApiPro>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined) => GridRowSelectionModel;
+declare const onServerSideSelectionStatusChange: (newSelectionModel: GridRowSelectionModel, apiRef: React$1.MutableRefObject<GridApiPro | null>, selectionStatus: React$1.MutableRefObject<SelectionStatus>, forceUpdate: React$1.Dispatch<React$1.SetStateAction<number>>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined, page: number, pageSize: number) => void;
+declare const ServerSideControlledPagination: React$1.FC<ServerSideControlledPaginationProps>;
+
+interface TextCellProps extends ComponentProps<'div'> {
+    /** Including Badge Component. */
+    badge?: ReactNode;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    leftIcon?: IconProps['icon'];
+    /** Left Icon Color variant. */
+    leftIconColor?: NotificationsColorPalette | ProductColorPalette | (string & {});
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    rightIcon?: IconProps['icon'];
+    /** Right Icon Color variant. */
+    rightIconColor?: NotificationsColorPalette | ProductColorPalette | (string & {});
+    /** Shield variant. */
+    shieldVariant?: ShieldVariant;
+}
+
+/**
+ * The Cell component.
+ */
+declare const TextCell: Comp<TextCellProps, HTMLDivElement>;
+
+type GridToolbarColumnsButtonProps = React.ComponentProps<typeof GridToolbarColumnsButton>;
+type GridToolbarDensitySelectorProps = React.ComponentProps<typeof GridToolbarDensitySelector>;
+type GridToolbarFilterSemanticProps = Omit<GridToolbarFilterSemanticFieldProps, 'ref'>;
+interface ToolbarProps {
+    /** Props to forward to the column button. */
+    columnsButtonProps?: GridToolbarColumnsButtonProps;
+    /** Column button ref. */
+    columnsButtonRef?: RefObject<HTMLButtonElement>;
+    /** Props to forward to the density button. */
+    densityButtonProps?: GridToolbarDensitySelectorProps;
+    /** Density button ref. */
+    densityButtonRef?: RefObject<HTMLButtonElement>;
+    /** Props to forward to the export button. */
+    exportButtonProps?: GridToolbarExportProps;
+    /** Export button ref. */
+    exportButtonRef?: RefObject<HTMLButtonElement>;
+    /** Props to forward to the filter button. */
+    filterButtonProps?: GridToolbarFilterButtonProps;
+    /** Filter button ref. */
+    filterButtonRef?: RefObject<HTMLButtonElement>;
+    /** Whether the columns button is displayed or not. */
+    hasColumnsButton?: boolean;
+    /** Whether the density button is displayed or not. */
+    hasDensityButton?: boolean;
+    /** Whether the export button is displayed or not. */
+    hasExportButton?: boolean;
+    /** Whether the filter button is displayed or not. */
+    hasFilterButton?: boolean;
+    /** Configuration object for NLP filter. undefined if disabled. */
+    onFilterModelChange?: (filterModel: GridFilterModel) => void;
+    semanticFilterProps?: GridToolbarFilterSemanticProps;
+    /** Whether you want to show the quick filter or not. */
+    showQuickFilter?: boolean;
+}
+
+/**
+ * Temporary workaround for a type mismatch between react 17 and 18
+ * https://github.com/mui/material-ui/issues/35287#issuecomment-1337250566
+ */
+declare global {
+    namespace React {
+        interface DOMAttributes<T> {
+            onResize?: React.ReactEventHandler<T> | undefined;
+            onResizeCapture?: React.ReactEventHandler<T> | undefined;
+            nonce?: string | undefined;
+        }
+    }
+}
+/** ------ */
+declare const Toolbar: React$1.FC<ToolbarProps>;
+
+type ToolbarWrapperProps = {
+    hideToolbar: DataGridProps['hideToolbar'];
+    RenderedToolbar: React$1.JSXElementConstructor<any>;
+    filterModel: DataGridProps['filterModel'];
+    onFilterModelChange: DataGridProps['onFilterModelChange'];
+    pagination: DataGridProps['pagination'];
+    paginationPlacement: DataGridProps['paginationPlacement'];
+    selectionStatus: SelectionStatus;
+    apiRef: DataGridProps['apiRef'];
+    isRowSelectable: DataGridProps['isRowSelectable'];
+    paginationModel: DataGridProps['paginationModel'];
+    onPaginationModelChange: DataGridProps['onPaginationModelChange'];
+    pageSizeOptions: DataGridProps['pageSizeOptions'];
+    paginationProps: DataGridProps['paginationProps'];
+    paginationMode?: DataGridProps['paginationMode'];
+    rowCount?: DataGridProps['rowCount'];
+};
+declare const ToolbarWrapper: React$1.FC<ToolbarWrapperProps>;
+
+export { ARRAY_IS_EMPTY, ARRAY_IS_NOT_EMPTY, BaseButton, BaseCheckbox, BaseIcon, BaseIconButton, BaseTextField, CATEGORIES, COLUMN_ORDER_MODEL_KEY, CONTAINS_ANY_OF, Category, ColumnOptions, ColumnOrderModel, ColumnType, CompletionResponse, ControlledPagination, ControlledPaginationProps, DATE_IS_BETWEEN, DEFAULT_OPERATORS, DENSITY_MODEL_KEY, DETAIL_PANEL_TOGGLE_COL_DEF, DIMENSION_MODEL_KEY, DOES_NOT_CONTAIN, DOES_NOT_CONTAIN_ANY_OF, DOES_NOT_END_WITH, DOES_NOT_END_WITH_ANY_OF, DOES_NOT_EQUAL, DOES_NOT_HAVE, DOES_NOT_HAVE_ANY_OF, DOES_NOT_HAVE_ANY_OF_WITH_SELECT, DOES_NOT_HAVE_WITH_SELECT, DOES_NOT_START_WITH, DOES_NOT_START_WITH_ANY_OF, DataGrid, DataGridModel, DataGridProps, DateOperatorName, EMPTY_ROW_SELECTION_MODEL, ENDS_WITH_ANY_OF, FILTER_MODEL_KEY, FILTER_SEARCH_KEY, FilterConfig, FilterConfigColumn, GridDensityValue, GridToolbarFilterSemanticField, GridToolbarFilterSemanticFieldProps, HAS, HAS_ALL_OF, HAS_ALL_OF_WITH_SELECT, HAS_ANY_OF, HAS_ANY_OF_WITH_SELECT, HAS_ONLY, HAS_ONLY_WITH_SELECT, HAS_WITH_SELECT, IS, IS_ANY_OF, IS_ANY_OF_I, IS_ANY_OF_I_WITH_SELECT, IS_ANY_OF_WITH_SELECT, IS_BETWEEN, IS_NOT, IS_NOT_ANY_OF, IS_NOT_ANY_OF_WITH_SELECT, IS_NOT_WITH_SELECT, IS_WITH_SELECT, LegacyRowSelectionModel, MultiSelectOperatorName, NumberOperatorName, PAGINATION_MODEL_KEY, PINNED_COLUMNS, PinnedColumns, ReactRouterV5History, RowSelectionModelInput, SORT_MODEL_KEY, STARTS_WITH_ANY_OF, SelectionStatus, ServerSideControlledPagination, ServerSideControlledPaginationProps, SingleSelectOperatorName, StatefulDataGrid, StatefulDataGridProps, StringOperatorName, StyledDataGridProps, TagsOperatorName, TextCell, Toolbar, ToolbarWrapper, ToolbarWrapperProps, UseLinkedFilterModelOptions, UseLinkedFilterModelReturn, VISIBILITY_MODEL_KEY, areFilterModelsEquivalent, areSearchStringsEqual, buildQueryParamsString, buildStorageKey, clearAllVersionStorage, clearPreviousVersionStorage, convertFromDisplayFormat, convertToDisplayFormat, createColumn, createReactRouterV5Adapter, createRowSelectionModel, customColumnTypes, decodeValue, encodeValue, fixServerSideHeaderCheckboxSelection, getColumnOrderFromString, getColumnVisibilityFromString, getCompletion, getDecodedSearchFromUrl, getDensityFromString, getDensityModel, getFilterModelFromString, getFinalSearch, getGridDateOperatorsExtended, getGridNumericOperators, getGridStringArrayOperators, getGridStringArrayOperatorsWithSelect, getGridStringArrayOperatorsWithSelectOnStringArrayColumns, getGridStringOperators, getModelsParsedOrUpdateLocalStorage, getPaginationFromString, getPinnedColumnsFromString, getRsMultipleSelectColumnType, getRsMultipleSelectWithShortOperatorListColumnType, getRsNumberColumnType, getRsSingleSelectColumnType, getRsSingleSelectWithShortOperatorListColumnType, getRsStringColumnType, getSearchParamsFromColumnOrder, getSearchParamsFromColumnVisibility, getSearchParamsFromDensity, getSearchParamsFromFilterModel, getSearchParamsFromPagination, getSearchParamsFromPinnedColumns, getSearchParamsFromSorting, getSearchParamsFromTab, getSelectableRowIdsInPage, getSelectedIds, getSelectionCount, getSortingFromString, isOperatorValueValid, isRowSelected, isValueValid, makeCaseInsensitive, muiIconToDSIcon, normalizeRowSelectionModel, numberOperatorDecoder, numberOperatorEncoder, onServerSideSelectionStatusChange, operatorList, resetStatefulDataGridState, updateUrl, urlSearchParamsToString, useLinkedFilterModel, wrapCaseInsensitive };