@coveord/plasma-mantine 55.3.4-next.0 → 55.4.0

package/dist/cjs/components/table/use-table.js

@@ -14,10 +14,12 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _hooks = require("@mantine/hooks");
 var _lodashdefaultsdeep = /*#__PURE__*/ _interop_require_default._(require("lodash.defaultsdeep"));
 var _react = require("react");
+var _useurlsyncedstate = require("./use-url-synced-state");
 var defaultOptions = {
     enableRowSelection: true,
     enableMultiRowSelection: false,
-    forceSelection: false
+    forceSelection: false,
+    syncWithUrl: false
 };
 var defaultState = {
     pagination: {
@@ -40,17 +42,187 @@ var useTable = function() {
     var userOptions = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var options = (0, _lodashdefaultsdeep.default)({}, userOptions, defaultOptions);
     var initialState = (0, _lodashdefaultsdeep.default)({}, options.initialState, defaultState);
-    var _useState = _sliced_to_array._((0, _react.useState)(initialState.pagination), 2), pagination = _useState[0], setPagination = _useState[1];
-    var _useState1 = _sliced_to_array._((0, _react.useState)(initialState.totalEntries), 2), totalEntries = _useState1[0], _setTotalEntries = _useState1[1];
-    var _useState2 = _sliced_to_array._((0, _react.useState)(initialState.totalEntries), 2), unfilteredTotalEntries = _useState2[0], setUnfilteredTotalEntries = _useState2[1];
-    var _useState3 = _sliced_to_array._((0, _react.useState)(initialState.sorting), 2), sorting = _useState3[0], setSorting = _useState3[1];
-    var _useState4 = _sliced_to_array._((0, _react.useState)(initialState.globalFilter), 2), globalFilter = _useState4[0], setGlobalFilter = _useState4[1];
-    var _useState5 = _sliced_to_array._((0, _react.useState)(initialState.expanded), 2), expanded = _useState5[0], setExpanded = _useState5[1];
-    var _useState6 = _sliced_to_array._((0, _react.useState)(initialState.predicates), 2), predicates = _useState6[0], setPredicates = _useState6[1];
-    var _useState7 = _sliced_to_array._((0, _react.useState)(initialState.layout), 2), layout = _useState7[0], setLayout = _useState7[1];
-    var _useState8 = _sliced_to_array._((0, _react.useState)(initialState.dateRange), 2), dateRange = _useState8[0], setDateRange = _useState8[1];
-    var _useState9 = _sliced_to_array._((0, _react.useState)(initialState.rowSelection), 2), rowSelection = _useState9[0], setRowSelection = _useState9[1];
-    var _useState10 = _sliced_to_array._((0, _react.useState)(initialState.columnVisibility), 2), columnVisibility = _useState10[0], setColumnVisibility = _useState10[1];
+    // synced with url
+    var _useUrlSyncedState = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.pagination,
+        serializer: function(param) {
+            var pageIndex = param.pageIndex, pageSize = param.pageSize;
+            return [
+                [
+                    'page',
+                    (pageIndex + 1).toString()
+                ],
+                [
+                    'pageSize',
+                    pageSize.toString()
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            return (0, _lodashdefaultsdeep.default)({
+                pageIndex: params.get('page') ? parseInt(params.get('page'), 10) - 1 : undefined,
+                pageSize: params.get('pageSize') ? parseInt(params.get('pageSize'), 10) : undefined
+            }, initialState.pagination);
+        },
+        sync: options.syncWithUrl
+    }), 2), pagination = _useUrlSyncedState[0], setPagination = _useUrlSyncedState[1];
+    var _useUrlSyncedState1 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.sorting,
+        serializer: function(_sorting) {
+            return [
+                [
+                    'sortBy',
+                    _sorting.map(function(param) {
+                        var id = param.id, desc = param.desc;
+                        return "".concat(id, ".").concat(desc ? 'desc' : 'asc');
+                    }).join(',')
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            var _params_get;
+            if (!params.has('sortBy')) {
+                return initialState.sorting;
+            }
+            var _params_get_split;
+            var sorts = (_params_get_split = (_params_get = params.get('sortBy')) === null || _params_get === void 0 ? void 0 : _params_get.split(',')) !== null && _params_get_split !== void 0 ? _params_get_split : [];
+            return sorts.map(function(sort) {
+                var _sort_split = _sliced_to_array._(sort.split('.'), 2), id = _sort_split[0], order = _sort_split[1];
+                return {
+                    id: id,
+                    desc: order === 'desc'
+                };
+            });
+        },
+        sync: options.syncWithUrl
+    }), 2), sorting = _useUrlSyncedState1[0], setSorting = _useUrlSyncedState1[1];
+    var _useUrlSyncedState2 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.globalFilter,
+        serializer: function(filter) {
+            return [
+                [
+                    'filter',
+                    filter
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            var _params_get;
+            return (_params_get = params.get('filter')) !== null && _params_get !== void 0 ? _params_get : initialState.globalFilter;
+        },
+        sync: options.syncWithUrl
+    }), 2), globalFilter = _useUrlSyncedState2[0], setGlobalFilter = _useUrlSyncedState2[1];
+    var _useUrlSyncedState3 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.predicates,
+        serializer: function(_predicates) {
+            return Object.entries(_predicates).map(function(param) {
+                var _param = _sliced_to_array._(param, 2), key = _param[0], value = _param[1];
+                return [
+                    key,
+                    value
+                ];
+            });
+        },
+        deserializer: function(params) {
+            return Object.keys(initialState.predicates).reduce(function(acc, predicateKey) {
+                var _params_get;
+                acc[predicateKey] = (_params_get = params.get(predicateKey)) !== null && _params_get !== void 0 ? _params_get : initialState.predicates[predicateKey];
+                return acc;
+            }, {});
+        },
+        sync: options.syncWithUrl
+    }), 2), predicates = _useUrlSyncedState3[0], setPredicates = _useUrlSyncedState3[1];
+    var _useUrlSyncedState4 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.layout,
+        serializer: function(_layout) {
+            return [
+                [
+                    'layout',
+                    _layout
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            var _params_get;
+            return (_params_get = params.get('layout')) !== null && _params_get !== void 0 ? _params_get : initialState.layout;
+        },
+        sync: options.syncWithUrl
+    }), 2), layout = _useUrlSyncedState4[0], setLayout = _useUrlSyncedState4[1];
+    var _useUrlSyncedState5 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.dateRange,
+        serializer: function(param) {
+            var _param = _sliced_to_array._(param, 2), from = _param[0], to = _param[1];
+            var _from_toISOString, _to_toISOString;
+            return [
+                [
+                    'from',
+                    (_from_toISOString = from === null || from === void 0 ? void 0 : from.toISOString()) !== null && _from_toISOString !== void 0 ? _from_toISOString : ''
+                ],
+                [
+                    'to',
+                    (_to_toISOString = to === null || to === void 0 ? void 0 : to.toISOString()) !== null && _to_toISOString !== void 0 ? _to_toISOString : ''
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            return [
+                params.get('from') ? new Date(params.get('from')) : initialState.dateRange[0],
+                params.get('to') ? new Date(params.get('to')) : initialState.dateRange[1]
+            ];
+        },
+        sync: options.syncWithUrl
+    }), 2), dateRange = _useUrlSyncedState5[0], setDateRange = _useUrlSyncedState5[1];
+    var _useUrlSyncedState6 = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)({
+        initialState: initialState.columnVisibility,
+        serializer: function(columns) {
+            return [
+                [
+                    'show',
+                    Object.entries(columns).filter(function(param) {
+                        var _param = _sliced_to_array._(param, 2), visible = _param[1];
+                        return visible === true;
+                    }).map(function(param) {
+                        var _param = _sliced_to_array._(param, 1), columnName = _param[0];
+                        return columnName;
+                    }).join(',')
+                ],
+                [
+                    'hide',
+                    Object.entries(columns).filter(function(param) {
+                        var _param = _sliced_to_array._(param, 2), visible = _param[1];
+                        return visible === false;
+                    }).map(function(param) {
+                        var _param = _sliced_to_array._(param, 1), columnName = _param[0];
+                        return columnName;
+                    }).join(',')
+                ]
+            ];
+        },
+        deserializer: function(params) {
+            var _params_get, _params_get1;
+            if (!params.has('show') && !params.has('hide')) {
+                return initialState.columnVisibility;
+            }
+            var _params_get_split;
+            var visible = (_params_get_split = (_params_get = params.get('show')) === null || _params_get === void 0 ? void 0 : _params_get.split(',')) !== null && _params_get_split !== void 0 ? _params_get_split : [];
+            var _params_get_split1;
+            var invisible = (_params_get_split1 = (_params_get1 = params.get('hide')) === null || _params_get1 === void 0 ? void 0 : _params_get1.split(',')) !== null && _params_get_split1 !== void 0 ? _params_get_split1 : [];
+            var columns = {};
+            visible.forEach(function(column) {
+                columns[column] = true;
+            });
+            invisible.forEach(function(column) {
+                columns[column] = false;
+            });
+            return columns;
+        },
+        sync: options.syncWithUrl
+    }), 2), columnVisibility = _useUrlSyncedState6[0], setColumnVisibility = _useUrlSyncedState6[1];
+    // unsynced
+    var _useState = _sliced_to_array._((0, _react.useState)(initialState.totalEntries), 2), totalEntries = _useState[0], _setTotalEntries = _useState[1];
+    var _useState1 = _sliced_to_array._((0, _react.useState)(initialState.totalEntries), 2), unfilteredTotalEntries = _useState1[0], setUnfilteredTotalEntries = _useState1[1];
+    var _useState2 = _sliced_to_array._((0, _react.useState)(initialState.expanded), 2), expanded = _useState2[0], setExpanded = _useState2[1];
+    var _useState3 = _sliced_to_array._((0, _react.useState)(initialState.rowSelection), 2), rowSelection = _useState3[0], setRowSelection = _useState3[1];
     var isFiltered = !!globalFilter || Object.keys(predicates).some(function(predicate) {
         return !!predicates[predicate];
     }) || !!(dateRange === null || dateRange === void 0 ? void 0 : dateRange[0]) || !!(dateRange === null || dateRange === void 0 ? void 0 : dateRange[1]);

package/dist/cjs/components/table/use-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import {useDidUpdate} from '@mantine/hooks';\nimport {type ExpandedState, type PaginationState, type SortingState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Dispatch, SetStateAction, useCallback, useMemo, useState} from 'react';\nimport {type DateRangePickerValue} from '../date-range-picker';\n\n// Create a deeply optional version of another type\ntype PartialDeep<T> = T extends object\n    ? {\n          [P in keyof T]?: PartialDeep<T[P]>;\n      }\n    : T;\n\nexport interface TableState<TData = unknown> {\n    /**\n     * Current pagination state\n     *\n     * @default { pageIndex: 0, pageSize: 50 }\n     */\n    pagination: PaginationState;\n    /**\n     * Total number of entries in the table.\n     * This number is used to calculate the number of pages in the pagination.\n     * When null, the number of pages is calculated using the current data length.\n     *\n     * @default null\n     */\n    totalEntries: number | null;\n    /**\n     * Current sorting state\n     *\n     * @default []\n     */\n    sorting: SortingState;\n    /**\n     * Current global filter value\n     *\n     * @default ''\n     */\n    globalFilter: string;\n\n    /**\n     * Current expanded state\n     *\n     * @default {}\n     */\n    expanded: ExpandedState;\n    /**\n     * Predicates and their current value\n     *\n     * @default {}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Layout currently selected. When null, the first layout is used.\n     *\n     * @default null\n     */\n    layout: string | null;\n    /**\n     * Currently selected date range\n     *\n     * @default [null, null]\n     */\n    dateRange: DateRangePickerValue;\n    /**\n     * Currently selected rows\n     *\n     * @default {}\n     */\n    rowSelection: Record<string, TData>;\n    /**\n     * Columns that are currently visible\n     *\n     * @default {}\n     */\n    columnVisibility: Record<string, boolean>;\n}\n\nexport interface TableStore<TData = unknown> {\n    /**\n     * Current state of the table.\n     */\n    state: TableState<TData>;\n    /**\n     * Allows to change the pagination state.\n     */\n    setPagination: Dispatch<SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: Dispatch<SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: Dispatch<SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: Dispatch<SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: Dispatch<SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: Dispatch<SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: Dispatch<SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: Dispatch<SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: Dispatch<SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: Dispatch<SetStateAction<TableState<TData>['columnVisibility']>>;\n    /**\n     * Whether the table is currently filtered.\n     */\n    isFiltered: boolean;\n    /**\n     * Whether the table has data when unfiltered.\n     *\n     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.\n     */\n    isVacant: boolean;\n    /**\n     * Clear currently applied filters.\n     */\n    clearFilters: () => void;\n    /**\n     * Deselects all currently selected rows.\n     */\n    clearRowSelection: () => void;\n    /**\n     * Get currently selected rows.\n     */\n    getSelectedRows: () => TData[];\n    /**\n     * Get currently selected row\n     */\n    getSelectedRow: () => TData | null;\n    /**\n     * Whether the user can select multiple rows at the same time.\n     */\n    multiRowSelectionEnabled: boolean;\n    /**\n     * Whether rows can be selected.\n     */\n    rowSelectionEnabled: boolean;\n    /**\n     * Whether row selection is forced.\n     */\n    rowSelectionForced: boolean;\n}\n\nexport interface UseTableOptions<TData = unknown> {\n    /**\n     * Initial state of the table.\n     */\n    initialState?: PartialDeep<TableState<TData>>;\n    /**\n     * Whether rows can be selected.\n     *\n     * @default true\n     */\n    enableRowSelection?: boolean;\n    /**\n     * Whether multiple rows can be selected at the same time.\n     *\n     * @default false\n     */\n    enableMultiRowSelection?: boolean;\n    /**\n     * Forces the user to always have one row selected.\n     * When activating that setting, a good practice is to have a row already selected in the initial state.\n     *\n     * @default false\n     */\n    forceSelection?: boolean;\n}\n\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: false,\n};\n\nconst defaultState: Partial<TableState> = {\n    pagination: {\n        pageIndex: 0,\n        pageSize: 50,\n    },\n    totalEntries: null,\n    sorting: [],\n    globalFilter: '',\n    predicates: {},\n    layout: null,\n    dateRange: [null, null],\n    rowSelection: {},\n    columnVisibility: {},\n};\n\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options = defaultsDeep({}, userOptions, defaultOptions) as UseTableOptions<TData>;\n    const initialState = defaultsDeep({}, options.initialState, defaultState) as TableState<TData>;\n\n    const [pagination, setPagination] = useState<TableState<TData>['pagination']>(initialState.pagination);\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [sorting, setSorting] = useState<TableState<TData>['sorting']>(initialState.sorting);\n    const [globalFilter, setGlobalFilter] = useState<TableState<TData>['globalFilter']>(initialState.globalFilter);\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded);\n    const [predicates, setPredicates] = useState<TableState<TData>['predicates']>(initialState.predicates);\n    const [layout, setLayout] = useState<TableState<TData>['layout']>(initialState.layout);\n    const [dateRange, setDateRange] = useState<TableState<TData>['dateRange']>(initialState.dateRange);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n    const [columnVisibility, setColumnVisibility] = useState<TableState<TData>['columnVisibility']>(\n        initialState.columnVisibility,\n    );\n\n    const isFiltered =\n        !!globalFilter ||\n        Object.keys(predicates).some((predicate) => !!predicates[predicate]) ||\n        !!dateRange?.[0] ||\n        !!dateRange?.[1];\n\n    const isVacant = unfilteredTotalEntries === 0;\n\n    const setTotalEntries: typeof _setTotalEntries = useCallback(\n        (updater) => {\n            _setTotalEntries((old) => {\n                const newTotalEntries = updater instanceof Function ? updater(old) : updater;\n                if (!isFiltered) {\n                    setUnfilteredTotalEntries(newTotalEntries);\n                }\n                return newTotalEntries;\n            });\n        },\n        [isFiltered],\n    );\n\n    const clearFilters = useCallback(() => {\n        setPredicates(initialState.predicates);\n        setGlobalFilter('');\n    }, []);\n\n    const clearRowSelection = useCallback(() => {\n        setRowSelection({});\n    }, []);\n\n    const getSelectedRows = useCallback(() => Object.values(rowSelection), [rowSelection]);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    useDidUpdate(() => {\n        if (!options.enableMultiRowSelection) {\n            clearRowSelection();\n        }\n    }, [globalFilter, pagination, sorting, dateRange, predicates]);\n\n    const state = useMemo(\n        () => ({\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        }),\n        [\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        ],\n    );\n\n    return {\n        state,\n        setPagination,\n        setTotalEntries,\n        setSorting,\n        setGlobalFilter,\n        setExpanded,\n        setPredicates,\n        setLayout,\n        setDateRange,\n        setRowSelection,\n        setColumnVisibility,\n        isFiltered,\n        isVacant,\n        clearFilters,\n        clearRowSelection,\n        getSelectedRows,\n        getSelectedRow,\n        rowSelectionEnabled: options.enableRowSelection,\n        rowSelectionForced: options.forceSelection,\n        multiRowSelectionEnabled: options.enableMultiRowSelection,\n    };\n};\n"],"names":["useTable","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","userOptions","options","defaultsDeep","initialState","useState","setPagination","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","setSorting","setGlobalFilter","expanded","setExpanded","setPredicates","setLayout","setDateRange","setRowSelection","setColumnVisibility","isFiltered","Object","keys","some","predicate","isVacant","setTotalEntries","useCallback","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","useDidUpdate","state","useMemo","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import {useDidUpdate} from '@mantine/hooks';\nimport {type ExpandedState, type PaginationState, type SortingState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Dispatch, SetStateAction, useCallback, useMemo, useState} from 'react';\nimport {type DateRangePickerValue} from '../date-range-picker';\nimport {useUrlSyncedState} from './use-url-synced-state';\n\n// Create a deeply optional version of another type\ntype DeepPartial<T> = {\n    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport interface TableState<TData = unknown> {\n    /**\n     * Current pagination state\n     *\n     * @default { pageIndex: 0, pageSize: 50 }\n     */\n    pagination: PaginationState;\n    /**\n     * Total number of entries in the table.\n     * This number is used to calculate the number of pages in the pagination.\n     * When null, the number of pages is calculated using the current data length.\n     *\n     * @default null\n     */\n    totalEntries: number | null;\n    /**\n     * Current sorting state\n     *\n     * @default []\n     */\n    sorting: SortingState;\n    /**\n     * Current global filter value\n     *\n     * @default ''\n     */\n    globalFilter: string;\n\n    /**\n     * Current expanded state\n     *\n     * @default {}\n     */\n    expanded: ExpandedState;\n    /**\n     * Predicates and their current value\n     *\n     * @default {}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Layout currently selected. When null, the first layout is used.\n     *\n     * @default null\n     */\n    layout: string | null;\n    /**\n     * Currently selected date range\n     *\n     * @default [null, null]\n     */\n    dateRange: DateRangePickerValue;\n    /**\n     * Currently selected rows\n     *\n     * @default {}\n     */\n    rowSelection: Record<string, TData>;\n    /**\n     * Columns that are currently visible\n     *\n     * @default {}\n     */\n    columnVisibility: Record<string, boolean>;\n}\n\nexport interface TableStore<TData = unknown> {\n    /**\n     * Current state of the table.\n     */\n    state: TableState<TData>;\n    /**\n     * Allows to change the pagination state.\n     */\n    setPagination: Dispatch<SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: Dispatch<SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: Dispatch<SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: Dispatch<SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: Dispatch<SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: Dispatch<SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: Dispatch<SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: Dispatch<SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: Dispatch<SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: Dispatch<SetStateAction<TableState<TData>['columnVisibility']>>;\n    /**\n     * Whether the table is currently filtered.\n     */\n    isFiltered: boolean;\n    /**\n     * Whether the table has data when unfiltered.\n     *\n     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.\n     */\n    isVacant: boolean;\n    /**\n     * Clear currently applied filters.\n     */\n    clearFilters: () => void;\n    /**\n     * Deselects all currently selected rows.\n     */\n    clearRowSelection: () => void;\n    /**\n     * Get currently selected rows.\n     */\n    getSelectedRows: () => TData[];\n    /**\n     * Get currently selected row\n     */\n    getSelectedRow: () => TData | null;\n    /**\n     * Whether the user can select multiple rows at the same time.\n     */\n    multiRowSelectionEnabled: boolean;\n    /**\n     * Whether rows can be selected.\n     */\n    rowSelectionEnabled: boolean;\n    /**\n     * Whether row selection is forced.\n     */\n    rowSelectionForced: boolean;\n}\n\nexport interface UseTableOptions<TData = unknown> {\n    /**\n     * Initial state of the table.\n     */\n    initialState?: DeepPartial<TableState<TData>>;\n    /**\n     * Whether rows can be selected.\n     *\n     * @default true\n     */\n    enableRowSelection?: boolean;\n    /**\n     * Whether multiple rows can be selected at the same time.\n     *\n     * @default false\n     */\n    enableMultiRowSelection?: boolean;\n    /**\n     * Forces the user to always have one row selected.\n     * When activating that setting, a good practice is to have a row already selected in the initial state.\n     *\n     * @default false\n     */\n    forceSelection?: boolean;\n    /**\n     * Whether to sync the table state with the URL.\n     *\n     * @default false\n     */\n    syncWithUrl?: boolean;\n}\n\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: false,\n    syncWithUrl: false,\n};\n\nconst defaultState: Partial<TableState> = {\n    pagination: {\n        pageIndex: 0,\n        pageSize: 50,\n    },\n    totalEntries: null,\n    sorting: [],\n    globalFilter: '',\n    predicates: {},\n    layout: null,\n    dateRange: [null, null],\n    rowSelection: {},\n    columnVisibility: {},\n};\n\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options = defaultsDeep({}, userOptions, defaultOptions) as UseTableOptions<TData>;\n    const initialState = defaultsDeep({}, options.initialState, defaultState) as TableState<TData>;\n\n    // synced with url\n    const [pagination, setPagination] = useUrlSyncedState<TableState<TData>['pagination']>({\n        initialState: initialState.pagination,\n        serializer: ({pageIndex, pageSize}) => [\n            ['page', (pageIndex + 1).toString()],\n            ['pageSize', pageSize.toString()],\n        ],\n        deserializer: (params) =>\n            defaultsDeep(\n                {\n                    pageIndex: params.get('page') ? parseInt(params.get('page'), 10) - 1 : undefined,\n                    pageSize: params.get('pageSize') ? parseInt(params.get('pageSize'), 10) : undefined,\n                },\n                initialState.pagination,\n            ),\n        sync: options.syncWithUrl,\n    });\n    const [sorting, setSorting] = useUrlSyncedState<TableState<TData>['sorting']>({\n        initialState: initialState.sorting,\n        serializer: (_sorting) => [\n            ['sortBy', _sorting.map(({id, desc}) => `${id}.${desc ? 'desc' : 'asc'}`).join(',')],\n        ],\n        deserializer: (params) => {\n            if (!params.has('sortBy')) {\n                return initialState.sorting;\n            }\n            const sorts = params.get('sortBy')?.split(',') ?? [];\n            return sorts.map((sort) => {\n                const [id, order] = sort.split('.');\n                return {id, desc: order === 'desc'};\n            });\n        },\n        sync: options.syncWithUrl,\n    });\n    const [globalFilter, setGlobalFilter] = useUrlSyncedState<TableState<TData>['globalFilter']>({\n        initialState: initialState.globalFilter,\n        serializer: (filter) => [['filter', filter]],\n        deserializer: (params) => params.get('filter') ?? initialState.globalFilter,\n        sync: options.syncWithUrl,\n    });\n    const [predicates, setPredicates] = useUrlSyncedState<TableState<TData>['predicates']>({\n        initialState: initialState.predicates,\n        serializer: (_predicates) => Object.entries(_predicates).map(([key, value]) => [key, value]),\n        deserializer: (params) =>\n            Object.keys(initialState.predicates).reduce(\n                (acc, predicateKey) => {\n                    acc[predicateKey] = params.get(predicateKey) ?? initialState.predicates[predicateKey];\n                    return acc;\n                },\n                {} as TableState<TData>['predicates'],\n            ),\n        sync: options.syncWithUrl,\n    });\n    const [layout, setLayout] = useUrlSyncedState<TableState<TData>['layout']>({\n        initialState: initialState.layout,\n        serializer: (_layout) => [['layout', _layout]],\n        deserializer: (params) => params.get('layout') ?? initialState.layout,\n        sync: options.syncWithUrl,\n    });\n    const [dateRange, setDateRange] = useUrlSyncedState<TableState<TData>['dateRange']>({\n        initialState: initialState.dateRange,\n        serializer: ([from, to]) => [\n            ['from', from?.toISOString() ?? ''],\n            ['to', to?.toISOString() ?? ''],\n        ],\n        deserializer: (params) => [\n            params.get('from') ? new Date(params.get('from') as string) : initialState.dateRange[0],\n            params.get('to') ? new Date(params.get('to') as string) : initialState.dateRange[1],\n        ],\n        sync: options.syncWithUrl,\n    });\n    const [columnVisibility, setColumnVisibility] = useUrlSyncedState<TableState<TData>['columnVisibility']>({\n        initialState: initialState.columnVisibility,\n        serializer: (columns) => [\n            [\n                'show',\n                Object.entries(columns)\n                    .filter(([, visible]) => visible === true)\n                    .map(([columnName]) => columnName)\n                    .join(','),\n            ],\n            [\n                'hide',\n                Object.entries(columns)\n                    .filter(([, visible]) => visible === false)\n                    .map(([columnName]) => columnName)\n                    .join(','),\n            ],\n        ],\n        deserializer: (params) => {\n            if (!params.has('show') && !params.has('hide')) {\n                return initialState.columnVisibility;\n            }\n            const visible = params.get('show')?.split(',') ?? [];\n            const invisible = params.get('hide')?.split(',') ?? [];\n            const columns = {} as TableState<TData>['columnVisibility'];\n            visible.forEach((column) => {\n                columns[column] = true;\n            });\n            invisible.forEach((column) => {\n                columns[column] = false;\n            });\n            return columns;\n        },\n        sync: options.syncWithUrl,\n    });\n\n    // unsynced\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n\n    const isFiltered =\n        !!globalFilter ||\n        Object.keys(predicates).some((predicate) => !!predicates[predicate]) ||\n        !!dateRange?.[0] ||\n        !!dateRange?.[1];\n\n    const isVacant = unfilteredTotalEntries === 0;\n\n    const setTotalEntries: typeof _setTotalEntries = useCallback(\n        (updater) => {\n            _setTotalEntries((old) => {\n                const newTotalEntries = updater instanceof Function ? updater(old) : updater;\n                if (!isFiltered) {\n                    setUnfilteredTotalEntries(newTotalEntries);\n                }\n                return newTotalEntries;\n            });\n        },\n        [isFiltered],\n    );\n\n    const clearFilters = useCallback(() => {\n        setPredicates(initialState.predicates);\n        setGlobalFilter('');\n    }, []);\n\n    const clearRowSelection = useCallback(() => {\n        setRowSelection({});\n    }, []);\n\n    const getSelectedRows = useCallback(() => Object.values(rowSelection), [rowSelection]);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    useDidUpdate(() => {\n        if (!options.enableMultiRowSelection) {\n            clearRowSelection();\n        }\n    }, [globalFilter, pagination, sorting, dateRange, predicates]);\n\n    const state = useMemo(\n        () => ({\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        }),\n        [\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        ],\n    );\n\n    return {\n        state,\n        setPagination,\n        setTotalEntries,\n        setSorting,\n        setGlobalFilter,\n        setExpanded,\n        setPredicates,\n        setLayout,\n        setDateRange,\n        setRowSelection,\n        setColumnVisibility,\n        isFiltered,\n        isVacant,\n        clearFilters,\n        clearRowSelection,\n        getSelectedRows,\n        getSelectedRow,\n        rowSelectionEnabled: options.enableRowSelection,\n        rowSelectionForced: options.forceSelection,\n        multiRowSelectionEnabled: options.enableMultiRowSelection,\n    };\n};\n"],"names":["useTable","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","syncWithUrl","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","userOptions","options","defaultsDeep","initialState","useUrlSyncedState","serializer","toString","deserializer","params","get","parseInt","undefined","sync","setPagination","_sorting","map","id","desc","join","has","sorts","split","sort","order","setSorting","filter","setGlobalFilter","_predicates","Object","entries","key","value","keys","reduce","acc","predicateKey","setPredicates","_layout","setLayout","from","to","toISOString","Date","setDateRange","columns","visible","columnName","invisible","forEach","column","setColumnVisibility","useState","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","expanded","setExpanded","setRowSelection","isFiltered","some","predicate","isVacant","setTotalEntries","useCallback","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","useDidUpdate","state","useMemo","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"mappings":"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"}

package/dist/cjs/components/table/use-url-synced-state.d.ts

@@ -0,0 +1,29 @@
+export interface UseUrlSyncedStateOptions<T> {
+    /**
+     * The initial state
+     */
+    initialState: T;
+    /**
+     * The serializer function is used to determine how the state is translated to url search parameters.
+     * Called each time the state changes.
+     * @param stateValue The new state value to serialize.
+     * @returns A list of [key, value] to set as url search parameters.
+     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue
+     */
+    serializer: (stateValue: T) => Array<[string, string]>;
+    /**
+     * The deserializer function is used to determine how the url parameters influence the initial state.
+     * Called only once when initializing the state.
+     * @param params All the search parameters of the current url.
+     * @returns The initial state based on the current url.
+     * @example (params) => params.get('filter') ?? '',
+     */
+    deserializer: (params: URLSearchParams) => T;
+    /**
+     * Whether the state should be synced with the url.
+     * When set to false, the hook behaves just like a regular useState hook from react.
+     */
+    sync?: boolean;
+}
+export declare const useUrlSyncedState: <T>({ initialState, serializer, deserializer, sync }: UseUrlSyncedStateOptions<T>) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+//# sourceMappingURL=use-url-synced-state.d.ts.map

package/dist/cjs/components/table/use-url-synced-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC;IAChB;;;;;;OAMG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD;;;;;;OAMG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,oDAAkD,wBAAwB,CAAC,CAAC,CAAC,8EAwB/G,CAAC"}

package/dist/cjs/components/table/use-url-synced-state.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useUrlSyncedState", {
+    enumerable: true,
+    get: function() {
+        return useUrlSyncedState;
+    }
+});
+var _instanceof = require("@swc/helpers/_/_instanceof");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = require("react");
+var setSearchParam = function(key, value, initial) {
+    var url = new URL(window.location.href);
+    if (value === '' || value === initial) {
+        url.searchParams.delete(key);
+    } else {
+        url.searchParams.set(key, value);
+    }
+    window.history.replaceState(null, '', url.toString());
+};
+var getSearchParams = function() {
+    var url = new URL(window.location.href);
+    return url.searchParams;
+};
+var useUrlSyncedState = function(param) {
+    var initialState = param.initialState, serializer = param.serializer, deserializer = param.deserializer, sync = param.sync;
+    var _useState = _sliced_to_array._((0, _react.useState)(sync ? deserializer(getSearchParams()) : initialState), 2), state = _useState[0], setState = _useState[1];
+    var enhancedSetState = (0, _react.useMemo)(function() {
+        if (sync) {
+            var initialSerialized = serializer(initialState).reduce(function(acc, param) {
+                var _param = _sliced_to_array._(param, 2), key = _param[0], value = _param[1];
+                acc[key] = value;
+                return acc;
+            }, {});
+            return function(updater) {
+                setState(function(old) {
+                    var newValue = _instanceof._(updater, Function) ? updater(old) : updater;
+                    serializer(newValue).forEach(function(param) {
+                        var _param = _sliced_to_array._(param, 2), key = _param[0], value = _param[1];
+                        return setSearchParam(key, value, initialSerialized[key]);
+                    });
+                    return newValue;
+                });
+            };
+        }
+        return setState;
+    }, [
+        sync
+    ]);
+    return [
+        state,
+        enhancedSetState
+    ];
+};
+
+//# sourceMappingURL=use-url-synced-state.js.map

package/dist/cjs/components/table/use-url-synced-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {useMemo, useState} from 'react';\n\nconst setSearchParam = (key: string, value: string, initial: string) => {\n    const url = new URL(window.location.href);\n    if (value === '' || value === initial) {\n        url.searchParams.delete(key);\n    } else {\n        url.searchParams.set(key, value);\n    }\n    window.history.replaceState(null, '', url.toString());\n};\n\nconst getSearchParams = (): URLSearchParams => {\n    const url = new URL(window.location.href);\n    return url.searchParams;\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n    /**\n     * The initial state\n     */\n    initialState: T;\n    /**\n     * The serializer function is used to determine how the state is translated to url search parameters.\n     * Called each time the state changes.\n     * @param stateValue The new state value to serialize.\n     * @returns A list of [key, value] to set as url search parameters.\n     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n     */\n    serializer: (stateValue: T) => Array<[string, string]>;\n    /**\n     * The deserializer function is used to determine how the url parameters influence the initial state.\n     * Called only once when initializing the state.\n     * @param params All the search parameters of the current url.\n     * @returns The initial state based on the current url.\n     * @example (params) => params.get('filter') ?? '',\n     */\n    deserializer: (params: URLSearchParams) => T;\n    /**\n     * Whether the state should be synced with the url.\n     * When set to false, the hook behaves just like a regular useState hook from react.\n     */\n    sync?: boolean;\n}\n\nexport const useUrlSyncedState = <T>({initialState, serializer, deserializer, sync}: UseUrlSyncedStateOptions<T>) => {\n    const [state, setState] = useState<T>(sync ? deserializer(getSearchParams()) : initialState);\n    const enhancedSetState = useMemo(() => {\n        if (sync) {\n            const initialSerialized = serializer(initialState).reduce(\n                (acc, [key, value]) => {\n                    acc[key] = value;\n                    return acc;\n                },\n                {} as Record<string, string>,\n            );\n            return (updater: T | ((old: T) => T)) => {\n                setState((old) => {\n                    const newValue = updater instanceof Function ? updater(old) : updater;\n                    serializer(newValue).forEach(([key, value]) => setSearchParam(key, value, initialSerialized[key]));\n                    return newValue;\n                });\n            };\n        }\n\n        return setState;\n    }, [sync]);\n\n    return [state, enhancedSetState] as const;\n};\n"],"names":["useUrlSyncedState","setSearchParam","key","value","initial","url","URL","window","location","href","searchParams","delete","set","history","replaceState","toString","getSearchParams","initialState","serializer","deserializer","sync","useState","state","setState","enhancedSetState","useMemo","initialSerialized","reduce","acc","updater","old","newValue","Function","forEach"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;qBA7CmB;AAEhC,IAAMC,iBAAiB,SAACC,KAAaC,OAAeC;IAChD,IAAMC,MAAM,IAAIC,IAAIC,OAAOC,QAAQ,CAACC,IAAI;IACxC,IAAIN,UAAU,MAAMA,UAAUC,SAAS;QACnCC,IAAIK,YAAY,CAACC,MAAM,CAACT;IAC5B,OAAO;QACHG,IAAIK,YAAY,CAACE,GAAG,CAACV,KAAKC;IAC9B;IACAI,OAAOM,OAAO,CAACC,YAAY,CAAC,MAAM,IAAIT,IAAIU,QAAQ;AACtD;AAEA,IAAMC,kBAAkB;IACpB,IAAMX,MAAM,IAAIC,IAAIC,OAAOC,QAAQ,CAACC,IAAI;IACxC,OAAOJ,IAAIK,YAAY;AAC3B;AA8BO,IAAMV,oBAAoB;QAAKiB,qBAAAA,cAAcC,mBAAAA,YAAYC,qBAAAA,cAAcC,aAAAA;IAC1E,IAA0BC,+BAAAA,IAAAA,eAAQ,EAAID,OAAOD,aAAaH,qBAAqBC,mBAAxEK,QAAmBD,cAAZE,WAAYF;IAC1B,IAAMG,mBAAmBC,IAAAA,cAAO,EAAC;QAC7B,IAAIL,MAAM;YACN,IAAMM,oBAAoBR,WAAWD,cAAcU,MAAM,CACrD,SAACC;2DAAM1B,iBAAKC;gBACRyB,GAAG,CAAC1B,IAAI,GAAGC;gBACX,OAAOyB;YACX,GACA,CAAC;YAEL,OAAO,SAACC;gBACJN,SAAS,SAACO;oBACN,IAAMC,WAAWF,AAAO,aAAYG,CAAnBH,SAAmBG,YAAWH,QAAQC,OAAOD;oBAC9DX,WAAWa,UAAUE,OAAO,CAAC;mEAAE/B,iBAAKC;+BAAWF,eAAeC,KAAKC,OAAOuB,iBAAiB,CAACxB,IAAI;;oBAChG,OAAO6B;gBACX;YACJ;QACJ;QAEA,OAAOR;IACX,GAAG;QAACH;KAAK;IAET,OAAO;QAACE;QAAOE;KAAiB;AACpC"}

package/dist/cjs/styles/ActionIcon.module.css

@@ -0,0 +1,6 @@
+.root {
+    &[data-disabled] {
+        color: var(--mantine-color-gray-4);
+        background-color: var(--mantine-color-gray-1);
+    }
+}

package/dist/cjs/styles/Alert.module.css

@@ -1,10 +1,35 @@
 .root {
+    padding: var(--mantine-spacing-sm);
+
     &:not(&[data-variant]) {
-        /* TODO: Plasma Reset, validate if we need the border */
         border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
     }
 }
 
+.wrapper {
+    gap: var(--mantine-spacing-sm);
+}
+
 .title {
     font-weight: 500;
 }
+
+.icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 0;
+}
+
+.message {
+    @mixin light {
+        color: var(--mantine-color-gray-7);
+
+        &:where([data-variant='filled']) {
+            color: var(--alert-color);
+        }
+    }
+
+    &:where([data-variant='white']) {
+        color: var(--mantine-color-black);
+    }
+}

package/dist/cjs/styles/Anchor.module.css

@@ -0,0 +1,6 @@
+.root {
+    @mixin hover {
+        text-decoration: underline;
+        color: var(--mantine-color-action-8);
+    }
+}

package/dist/cjs/styles/AppShellNavBar.module.css

@@ -0,0 +1,3 @@
+.navbar {
+    border-color: var(--mantine-color-gray-3);
+}

package/dist/cjs/styles/Badge.module.css

@@ -1,3 +1,5 @@
 .root {
+    text-transform: none;
+    padding: var(--mantine-spacing-xxs) var(--mantine-spacing-xs);
     font-weight: 500;
 }

package/dist/cjs/styles/Checkbox.module.css

@@ -1,3 +1,20 @@
 .label {
+    font-size: var(--mantine-font-size-sm);
     font-weight: 300;
 }
+
+.input {
+    &[data-indeterminate] {
+        background-color: var(--mantine-color-pureWhite);
+        border-color: var(--mantine-color-gray-4);
+
+        & + svg {
+            color: var(--mantine-color-gray-6);
+        }
+    }
+
+    &[readonly] {
+        background-color: var(--mantine-color-gray-2);
+        border-color: var(--mantine-color-gray-2);
+    }
+}

package/dist/cjs/styles/Combobox.module.css

@@ -1,10 +1,9 @@
-/* TODO: Plasma Reset, validate if we need the custom style for the search */
 .search {
     margin: 0 0 var(--mantine-spacing-xs);
-    border-radius: var(--mantine-radius-default);
+    border-radius: var(--mantine-radius-md);
     border: 1px solid;
     width: 100%;
-    border-color: var(--mantine-color-default-border);
+    border-color: var(--mantine-color-gray-4);
 
     &:focus {
         border-color: var(--mantine-primary-color-filled);

package/dist/cjs/styles/DatePicker.module.css

@@ -0,0 +1,3 @@
+.monthCell {
+    text-align: center;
+}

package/dist/cjs/styles/Input.module.css

@@ -0,0 +1,3 @@
+.input {
+    --input-color: var(--mantine-color-gray-7);
+}

package/dist/cjs/styles/InputWrapper.module.css

@@ -1,7 +1,16 @@
+.label {
+    margin-bottom: var(--mantine-spacing-xs);
+}
+
 .description {
+    font-size: var(--mantine-font-size-sm);
+    color: var(--mantine-color-gray-7);
+    margin-bottom: var(--mantine-spacing-xs);
+    line-height: var(--mantine-line-height);
     font-weight: 300;
 }
 
 .error {
+    line-height: var(--mantine-line-height);
     font-weight: 300;
 }

package/dist/cjs/styles/Modal.module.css

@@ -1,3 +1,65 @@
+.root {
+    &[data-full-screen] {
+        .content {
+            flex: 0 0 100%;
+        }
+    }
+
+    &[data-size='xs'] {
+        .content {
+            flex: 0 0 rem(432px);
+        }
+    }
+
+    &[data-size='sm'] {
+        .content {
+            flex: 0 0 rem(664px);
+        }
+    }
+
+    &[data-size='md'] {
+        .content {
+            flex: 0 0 rem(896px);
+        }
+    }
+
+    &[data-size='lg'] {
+        .content {
+            flex: 0 0 rem(1120px);
+        }
+    }
+
+    &[data-size='xl'] {
+        .content {
+            flex: 0 0 rem(88%);
+        }
+    }
+
+    &:not([data-size]) {
+        .content {
+            flex: 0 0 rem(896px);
+        }
+    }
+}
+
+.content {
+    overflow: auto;
+}
+
+.header {
+    border-bottom: 1px solid var(--mantine-color-gray-3);
+    align-items: flex-start;
+}
+
 .title {
+    width: 100%;
+    font-size: var(--mantine-h3-font-size);
+    line-height: var(--mantine-h3-line-height);
     font-weight: 500;
 }
+
+.body {
+    &:where(:not(:only-child)) {
+        padding-top: var(--mb-padding, var(--mantine-spacing-md));
+    }
+}

package/dist/cjs/styles/NavLink.module.css

@@ -1,3 +1,21 @@
+.root {
+    color: var(--mantine-color-gray-6);
+    line-height: var(--mantine-line-height);
+    border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
+
+    &[data-active] {
+        color: var(--mantine-primary-color-6);
+    }
+
+    @mixin hover {
+        @mixin light {
+            &:where(:not([data-active])) {
+                background-color: var(--mantine-color-gray-1);
+            }
+        }
+    }
+}
+
 .label {
     font-weight: 500;
 }

package/dist/cjs/styles/Notification.module.css

@@ -0,0 +1,20 @@
+.root {
+    border-color: var(--mantine-color-gray-3);
+    background-color: var(--mantine-color-gray-0);
+    box-shadow: var(--mantine-shadow-lg);
+    padding: var(--mantine-spacing-sm);
+
+    &[data-with-icon] {
+        padding-left: var(--mantine-spacing-sm);
+    }
+}
+
+.icon {
+    background-color: transparent;
+    margin-right: var(--mantine-spacing-sm);
+}
+
+.closeButton {
+    margin: var(--mantine-spacing-xs);
+    color: var(--mantine-color-gray-5);
+}