@carto/meridian-ds 1.4.3-alpha-codemirror.6 → 1.4.3-alpha-tag.2

package/dist/widgets/index.cjs

@@ -4,13 +4,13 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const reactIntl = require("react-intl");
-const palette = require("../palette-CD5ph5A-.cjs");
+const TablePaginationActions = require("../TablePaginationActions-BG2gWq0M.cjs");
 const _ReactEcharts = require("echarts-for-react");
 const reactWindow = require("react-window");
 const SwatchSquare = require("../SwatchSquare-w-U8-O-P.cjs");
 const iconsMaterial = require("@mui/icons-material");
-const Alert = require("../Alert-ChcvNOU6.cjs");
-const paletteUtils = require("../paletteUtils-DEHchy2r.cjs");
+const Alert = require("../Alert-DFaAeTZf.cjs");
+const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
 function detectTouchscreen() {
   let result = false;
   if (window.PointerEvent && "maxTouchPoints" in navigator) {
@@ -157,7 +157,7 @@ var fastDeepEqual = function equal(a, b) {
   }
   return a !== a && b !== b;
 };
-const isEqual = /* @__PURE__ */ palette.getDefaultExportFromCjs(fastDeepEqual);
+const isEqual = /* @__PURE__ */ TablePaginationActions.getDefaultExportFromCjs(fastDeepEqual);
 class ReactEcharts extends _ReactEcharts {
   componentDidUpdate(prevProps) {
     const { shouldSetOption } = this.props;
@@ -328,7 +328,7 @@ function BarWidgetUI(props) {
   const isMultiSeries = series.length > 1;
   const theme = material.useTheme();
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const { showSkeleton } = useSkeleton(!!isLoading);
   const tooltipOptions = React.useMemo(
     () => ({
@@ -550,7 +550,7 @@ function BarWidgetUI(props) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     onSelectedBarsChange && /* @__PURE__ */ jsxRuntime.jsxs(OptionsSelectedBar$2, { container: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", children: selectedBars.length > 0 ? intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", children: selectedBars.length > 0 ? intlConfig.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: selectedBars.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.bar.all" }) }),
@@ -631,14 +631,14 @@ const CategoryItemGroup = material.styled(material.Grid, {
   };
 });
 const OptionsSelectedBar$1 = material.styled(material.Grid)(
-  ({ theme: { spacing, palette: palette2 } }) => ({
+  ({ theme: { spacing, palette } }) => ({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
     marginBottom: spacing(1.5),
     paddingRight: spacing(1),
     "& .MuiTypography-caption": {
-      color: palette2.text.secondary
+      color: palette.text.secondary
     }
   })
 );
@@ -666,7 +666,7 @@ const CategoryLabelWrapper = material.styled(material.Grid, {
     }
   };
 });
-const CategoryLabel = material.styled(palette.Typography)(({ theme }) => ({
+const CategoryLabel = material.styled(TablePaginationActions.Typography)(({ theme }) => ({
   fontWeight: theme.typography.fontWeightBold,
   marginRight: theme.spacing(2)
 }));
@@ -820,7 +820,7 @@ function CategoryWidgetUI({
   const referencedPrevAnimValues = React.useRef([]);
   const { showSkeleton } = useSkeleton(!!isLoading);
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   function sortBlockedSameAsData(blockedCategories2) {
     return sortedData.reduce((acum, elem) => {
       if (blockedCategories2.includes(elem.name)) {
@@ -1150,7 +1150,7 @@ function CategoryWidgetUI({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(CategoriesRoot, { children: [
     filterable && sortedData.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(OptionsSelectedBar$1, { container: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", children: selectedCategories.length > 0 ? intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", children: selectedCategories.length > 0 ? intlConfig.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
@@ -1236,10 +1236,10 @@ function CategoryWidgetUI({
         children: CategoryRow
       }
     ) : /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "body2", children: intlConfig.formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "body2", children: intlConfig.formatMessage({
         id: "c4r.widgets.category.noResults"
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { component: "p", variant: "caption", mb: 2, children: intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { component: "p", variant: "caption", mb: 2, children: intlConfig.formatMessage(
         { id: "c4r.widgets.category.noResultsMessage" },
         { searchValue }
       ) })
@@ -1326,12 +1326,12 @@ function FormulaWidgetUI({
   if (showSkeleton) {
     return /* @__PURE__ */ jsxRuntime.jsx(FormulaSkeleton, {});
   }
-  return isComplexFormat ? /* @__PURE__ */ jsxRuntime.jsxs(palette.Typography, { variant: "h5", component: "div", weight: "medium", children: [
+  return isComplexFormat ? /* @__PURE__ */ jsxRuntime.jsxs(TablePaginationActions.Typography, { variant: "h5", component: "div", weight: "medium", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Prefix, { children: formattedValue.prefix }),
     formattedValue.value,
     /* @__PURE__ */ jsxRuntime.jsx(Suffix, { children: formattedValue.suffix })
   ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-    palette.Typography,
+    TablePaginationActions.Typography,
     {
       variant: "h5",
       component: "div",
@@ -1530,7 +1530,7 @@ function HistogramWidgetUI({
 }) {
   const intl = reactIntl.useIntl();
   const theme = material.useTheme();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const { showSkeleton } = useSkeleton(!!isLoading);
   const filterable = !!_filterable && !!onSelectedBarsChange;
   const [echartsInstance, setEchartInstance] = React.useState();
@@ -1550,7 +1550,7 @@ function HistogramWidgetUI({
     () => ({
       show: tooltip,
       trigger: "item",
-      padding: [palette.SPACING * 0.5, palette.SPACING],
+      padding: [TablePaginationActions.SPACING * 0.5, TablePaginationActions.SPACING],
       borderWidth: 0,
       textStyle: {
         ...theme.typography.caption,
@@ -1588,7 +1588,7 @@ function HistogramWidgetUI({
         showMaxLabel: true,
         ...theme.typography.overlineDelicate,
         hideOverlap: true,
-        padding: [palette.SPACING * 0.5, palette.SPACING * 0.5, 0, palette.SPACING * 0.5],
+        padding: [TablePaginationActions.SPACING * 0.5, TablePaginationActions.SPACING * 0.5, 0, TablePaginationActions.SPACING * 0.5],
         formatter: (value) => {
           const formattedValue = processFormatterResult(xAxisFormatter(value));
           if (value === min) {
@@ -1608,7 +1608,7 @@ function HistogramWidgetUI({
     const denseAxisConfig = {
       margin: 0,
       verticalAlign: "bottom",
-      padding: [0, 0, palette.SPACING * 1.25, 0],
+      padding: [0, 0, TablePaginationActions.SPACING * 1.25, 0],
       inside: true,
       color: (value) => {
         const maxValue = Math.max(...data.map((d) => d ?? Number.MIN_SAFE_INTEGER)) || 1;
@@ -1623,7 +1623,7 @@ function HistogramWidgetUI({
     };
     const fullAxisConfig = {
       verticalAlign: "middle",
-      padding: [0, 0, 0, palette.SPACING * 0.5],
+      padding: [0, 0, 0, TablePaginationActions.SPACING * 0.5],
       color: theme.palette.black[60]
     };
     const axisLabelConfig = yAxisType === "dense" ? denseAxisConfig : fullAxisConfig;
@@ -1718,10 +1718,10 @@ function HistogramWidgetUI({
   const options = React.useMemo(
     () => ({
       grid: {
-        left: palette.SPACING * 0.1,
-        right: palette.SPACING * 0.1,
-        top: palette.SPACING * 2,
-        bottom: palette.SPACING * 0.5,
+        left: TablePaginationActions.SPACING * 0.1,
+        right: TablePaginationActions.SPACING * 0.1,
+        top: TablePaginationActions.SPACING * 2,
+        bottom: TablePaginationActions.SPACING * 0.5,
         containLabel: true
       },
       tooltip: tooltipOptions,
@@ -1745,7 +1745,7 @@ function HistogramWidgetUI({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     filterable && /* @__PURE__ */ jsxRuntime.jsxs(OptionsSelectedBar, { container: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", weight: "strong", children: selectedBars.length > 0 ? intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", weight: "strong", children: selectedBars.length > 0 ? intlConfig.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
           items: processFormatterResult(
@@ -1830,8 +1830,8 @@ function usePieCategories(data, order, maxItems, colors) {
           color = newColor;
         }
       } else {
-        const palette2 = theme.palette.qualitative.bold;
-        const newColor = palette2[index];
+        const palette = theme.palette.qualitative.bold;
+        const newColor = palette[index];
         if (newColor) {
           color = newColor;
         }
@@ -1909,10 +1909,10 @@ function PieCentralText({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Root$4, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "h5", children: percentage }),
+    /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "h5", children: percentage }),
     /* @__PURE__ */ jsxRuntime.jsxs(Category, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(MarkerColor, { bgcolor: color, component: "span" }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { component: "span", variant: "body2", noWrap: true, children: name })
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { component: "span", variant: "body2", noWrap: true, children: name })
     ] })
   ] });
 }
@@ -2066,7 +2066,7 @@ function ChartLegend({
   const containerRef = React.useRef(null);
   const showMoreButtonsRef = React.useRef(null);
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   function handleClickRight() {
     setOffset(offset + 1);
   }
@@ -2138,7 +2138,7 @@ function ChartLegend({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  palette.Typography,
+                  TablePaginationActions.Typography,
                   {
                     variant: "overline",
                     color: selected ? void 0 : "text.disabled",
@@ -2244,7 +2244,7 @@ function PieWidgetUI({
   const processedData = usePieCategories(data, order, maxItems, colors);
   const { showSkeleton } = useSkeleton(!!isLoading);
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const _percentFormatter = React.useMemo(() => {
     if (percentFormatter) {
       return percentFormatter;
@@ -2260,7 +2260,7 @@ function PieWidgetUI({
       _formatter = (params) => tooltipFormatter(params, formatter, _percentFormatter);
     }
     return {
-      padding: [palette.SPACING * 0.5, palette.SPACING],
+      padding: [TablePaginationActions.SPACING * 0.5, TablePaginationActions.SPACING],
       backgroundColor: theme.palette.black[90],
       borderColor: "transparent",
       textStyle: { color: theme.palette.common.white },
@@ -2300,7 +2300,7 @@ function PieWidgetUI({
         }),
         radius: ["74%", "90%"],
         selectedOffset: 0,
-        bottom: palette.SPACING * 1.5,
+        bottom: TablePaginationActions.SPACING * 1.5,
         label: { show: false },
         emphasis: {
           focus: "series",
@@ -2380,7 +2380,7 @@ function PieWidgetUI({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     filterable && /* @__PURE__ */ jsxRuntime.jsxs(OptionsBar, { container: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", color: "textSecondary", children: selectedCategories.length ? intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "textSecondary", children: selectedCategories.length ? intlConfig.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.pie.allSelected" }) }),
@@ -2496,12 +2496,12 @@ const LimitTextField = material.styled(material.TextField)(({ theme: { spacing }
     }
   }
 }));
-const StyledSlider = material.styled(material.Slider)(({ theme: { palette: palette2 } }) => ({
+const StyledSlider = material.styled(material.Slider)(({ theme: { palette } }) => ({
   "& .MuiSlider-rail": {
-    color: palette2.text.hint
+    color: palette.text.hint
   }
 }));
-const SliderLimit = material.styled(material.Slider)(({ theme: { palette: palette2, spacing } }) => ({
+const SliderLimit = material.styled(material.Slider)(({ theme: { palette, spacing } }) => ({
   pointerEvents: "none",
   position: "absolute",
   zIndex: 1,
@@ -2514,11 +2514,11 @@ const SliderLimit = material.styled(material.Slider)(({ theme: { palette: palett
     display: "none"
   },
   "& .MuiSlider-track": {
-    color: palette2.primary.main,
+    color: palette.primary.main,
     opacity: 0.38
   },
   "& .MuiSlider-mark, & .MuiSlider-markActive": {
-    backgroundColor: palette2.primary.main,
+    backgroundColor: palette.primary.main,
     opacity: 0.38,
     height: spacing(1),
     width: spacing(0.25),
@@ -2540,7 +2540,7 @@ function RangeWidgetUI({
     max
   ]);
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const { showSkeleton } = useSkeleton(!!isLoading);
   const limitsMarks = React.useMemo(() => {
     if (!limits || limits.length !== 2) {
@@ -2612,7 +2612,7 @@ function RangeWidgetUI({
     return /* @__PURE__ */ jsxRuntime.jsx(RangeSkeleton, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Root$2, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ClearWrapper, { children: hasBeenModified && /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", color: "primary", children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(ClearWrapper, { children: hasBeenModified && /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "primary", children: /* @__PURE__ */ jsxRuntime.jsx(
       ClearButton,
       {
         onClick: resetSlider,
@@ -2689,7 +2689,7 @@ const GraphGrid = material.styled(SkeletonGraphGrid)(({ theme }) => ({
   justifyContent: "center",
   marginLeft: theme.spacing(4),
   containerType: "inline-size",
-  [`@container (max-width: ${palette.BREAKPOINTS.XS}px)`]: {
+  [`@container (max-width: ${TablePaginationActions.BREAKPOINTS.XS}px)`]: {
     " > div": {
       maxWidth: "75%"
     }
@@ -2750,7 +2750,7 @@ function __generateDefaultConfig({
       containLabel: true
     },
     tooltip: {
-      padding: [palette.SPACING * 0.5, palette.SPACING],
+      padding: [TablePaginationActions.SPACING * 0.5, TablePaginationActions.SPACING],
       textStyle: {
         ...theme.typography.caption,
         fontSize: 11,
@@ -2763,7 +2763,7 @@ function __generateDefaultConfig({
     xAxis: {
       axisLabel: {
         ...theme.typography.overlineDelicate,
-        padding: [palette.SPACING * 0.5, 0, 0, 0],
+        padding: [TablePaginationActions.SPACING * 0.5, 0, 0, 0],
         formatter: (v) => processFormatterResult(xAxisFormatter(v))
       }
     },
@@ -2964,7 +2964,7 @@ function TableWidgetUI({
   var _a;
   const paginationRef = React.useRef(null);
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const { showSkeleton } = useSkeleton(!!isLoading);
   function defaultLabelDisplayedRows({
     from,
@@ -2992,7 +2992,7 @@ function TableWidgetUI({
   if (height) {
     const paginationHeight = Math.max(
       ((_a = paginationRef == null ? void 0 : paginationRef.current) == null ? void 0 : _a.clientHeight) ?? 0,
-      pagination ? palette.SPACING * 6 : 0
+      pagination ? TablePaginationActions.SPACING * 6 : 0
     );
     fixedHeightStyle.height = `calc(${height} - ${paginationHeight}px)`;
   }
@@ -3046,7 +3046,7 @@ function TableWidgetUI({
         onPageChange: handleChangePage,
         onRowsPerPageChange: handleChangeRowsPerPage,
         ActionsComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-          palette.TablePaginationActions,
+          TablePaginationActions.TablePaginationActions,
           {
             count: totalCount,
             rowsPerPage,
@@ -3497,7 +3497,7 @@ function TimeSeriesProvider({
   const [_isPlaying, setIsPlaying] = React.useState(isPlaying);
   const [_isPaused, setIsPaused] = React.useState(isPaused);
   const [_timeWindow, setTimeWindow] = React.useState([]);
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   React.useEffect(() => {
     const sorted = _timeWindow.sort((timeA, timeB) => timeA < timeB ? -1 : 1).map(getDate);
     onTimeWindowUpdate == null ? void 0 : onTimeWindowUpdate(sorted);
@@ -3798,11 +3798,11 @@ function addEventWithCleanUp(zr, eventKey, event) {
     };
   }
 }
-const CHART_HEIGHT_DEFAULT = palette.SPACING * 22;
+const CHART_HEIGHT_DEFAULT = TablePaginationActions.SPACING * 22;
 const CHART_HEIGHT_FITHEIGHT = "100%";
 const DEFAULT_SPLIT_NUMBER = 5;
 const MIN_ADAPTIVE_SPLIT_NUMBER = 3;
-const ADAPTIVE_SPLIT_NUMBER_SPACING = palette.SPACING * 20;
+const ADAPTIVE_SPLIT_NUMBER_SPACING = TablePaginationActions.SPACING * 20;
 function TimeSeriesChart({
   chartType,
   formatter,
@@ -3839,7 +3839,7 @@ function TimeSeriesChart({
       show: tooltip,
       trigger: "axis",
       appendToBody: true,
-      padding: [palette.SPACING * 0.5, palette.SPACING],
+      padding: [TablePaginationActions.SPACING * 0.5, TablePaginationActions.SPACING],
       textStyle: {
         ...theme.typography.caption,
         fontSize: 11,
@@ -3850,9 +3850,9 @@ function TimeSeriesChart({
       position: (point, params, dom, rect, size) => {
         const position = { top: 0 };
         if (size.contentSize[0] < size.viewSize[0] - point[0]) {
-          position.left = point[0] + palette.SPACING * 1.5;
+          position.left = point[0] + TablePaginationActions.SPACING * 1.5;
         } else {
-          position.right = size.viewSize[0] - point[0] + palette.SPACING * 1.5;
+          position.right = size.viewSize[0] - point[0] + TablePaginationActions.SPACING * 1.5;
         }
         return position;
       },
@@ -3864,7 +3864,7 @@ function TimeSeriesChart({
     const denseAxisConfig = {
       margin: 0,
       verticalAlign: "bottom",
-      padding: [0, 0, palette.SPACING * 1.25, 0],
+      padding: [0, 0, TablePaginationActions.SPACING * 1.25, 0],
       inside: true,
       color: (value) => {
         let col = "transparent";
@@ -3877,7 +3877,7 @@ function TimeSeriesChart({
     const fullAxisConfig = {
       margin: 0,
       verticalAlign: "middle",
-      padding: [0, palette.SPACING * 0.75, 0, 0],
+      padding: [0, TablePaginationActions.SPACING * 0.75, 0, 0],
       color: theme.palette.black[60]
     };
     const yAxisLabelConfig = yAxisType === "dense" ? denseAxisConfig : fullAxisConfig;
@@ -4005,10 +4005,10 @@ function TimeSeriesChart({
   const options = React.useMemo(
     () => ({
       grid: {
-        left: palette.SPACING * (yAxisType === "dense" ? 2 : 3.5),
-        top: palette.SPACING * 4,
-        right: palette.SPACING * 2,
-        bottom: palette.SPACING * 3
+        left: TablePaginationActions.SPACING * (yAxisType === "dense" ? 2 : 3.5),
+        top: TablePaginationActions.SPACING * 4,
+        right: TablePaginationActions.SPACING * 2,
+        bottom: TablePaginationActions.SPACING * 3
       },
       color: [theme.palette.secondary.main],
       tooltip: tooltipOptions,
@@ -4194,7 +4194,7 @@ function TimeSeriesControls({
         open: Boolean(anchorSpeedEl),
         onClose: handleCloseSpeedMenu,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", color: "textSecondary", children: intl.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "textSecondary", children: intl.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
           SPEED_FACTORS.map((speedItem) => /* @__PURE__ */ jsxRuntime.jsxs(
             material.MenuItem,
             {
@@ -4367,7 +4367,7 @@ const ControlsBox = material.styled(material.Box)(({ theme }) => ({
   flexShrink: 0,
   marginLeft: 0,
   paddingLeft: theme.spacing(1),
-  [`@container (max-width: ${palette.BREAKPOINTS.XS}px)`]: {
+  [`@container (max-width: ${TablePaginationActions.BREAKPOINTS.XS}px)`]: {
     paddingLeft: 0
   },
   paddingBottom: theme.spacing(1.5),
@@ -4378,7 +4378,7 @@ const ChartBox = material.styled(material.Box)(({ theme }) => ({
   minWidth: 0,
   paddingLeft: theme.spacing(5),
   paddingBottom: theme.spacing(1.5),
-  [`@container (max-width: ${palette.BREAKPOINTS.XS}px)`]: {
+  [`@container (max-width: ${TablePaginationActions.BREAKPOINTS.XS}px)`]: {
     paddingLeft: theme.spacing(1)
   }
 }));
@@ -4542,7 +4542,7 @@ function TimeSeriesWidgetUI({
   onPause,
   onStop,
   isLoading = false,
-  palette: palette$1 = Object.values(palette.commonPalette.qualitative.bold),
+  palette = Object.values(paletteUtils.commonPalette.qualitative.bold),
   showLegend,
   yAxisType = "dense"
 }) {
@@ -4609,7 +4609,7 @@ function TimeSeriesWidgetUI({
           showControls,
           animation,
           filterable,
-          palette: palette$1,
+          palette,
           showLegend,
           selectedCategories,
           timelinePosition,
@@ -4635,7 +4635,7 @@ function TimeSeriesWidgetUIContent({
   showControls = true,
   animation = true,
   filterable = true,
-  palette: palette$1 = Object.values(palette.commonPalette.qualitative.bold),
+  palette = Object.values(paletteUtils.commonPalette.qualitative.bold),
   selectedCategories = [],
   onSelectedCategoriesChange,
   showLegend,
@@ -4666,7 +4666,7 @@ function TimeSeriesWidgetUIContent({
       name: category,
       data: [],
       color: paletteUtils.getColorByCategory(category, {
-        palette: palette$1,
+        palette,
         fallbackColor,
         colorMapping
       })
@@ -4690,7 +4690,7 @@ function TimeSeriesWidgetUIContent({
       series2[categoryIndex].data.push([name, value]);
     }
     return series2;
-  }, [categories, data, palette$1, fallbackColor, theme.palette.secondary.main]);
+  }, [categories, data, palette, fallbackColor, theme.palette.secondary.main]);
   const currentDate = React.useMemo(() => {
     if (!data.length) {
       return "";
@@ -4739,7 +4739,7 @@ function TimeSeriesWidgetUIContent({
   );
   const isLegendVisible = Boolean(showLegend ?? series.length > 1);
   const header = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { color: "textSecondary", variant: "caption", children: currentDate ?? "-" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { color: "textSecondary", variant: "caption", children: currentDate ?? "-" }) }),
     filterable && showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
       material.Link,
       {
@@ -5123,7 +5123,7 @@ function ComparativeCategoryWidgetUI({
   const [tempSelection, setTempSelection] = React.useState(selectedCategories);
   const [searchValue, setSearchValue] = React.useState("");
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const processedData = React.useMemo(() => {
     const _colors = colors.length ? colors : [
       theme.palette.secondary.main,
@@ -5240,11 +5240,11 @@ function ComparativeCategoryWidgetUI({
   const clickHandler = filterable ? searchActive ? selectTempCategory : selectCategory : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
     filterable ? /* @__PURE__ */ jsxRuntime.jsxs(Toolbar, { center: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", children: selectedCategories.length > 0 ? intlConfig.formatMessage(
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", children: selectedCategories.length > 0 ? intlConfig.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
         id: "c4r.widgets.category.unlock"
       }) }) : selectedCategories.length ? /* @__PURE__ */ jsxRuntime.jsxs(
         material.Box,
@@ -5282,10 +5282,10 @@ function ComparativeCategoryWidgetUI({
     ) }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(CategoriesList, { children: [
       list.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "body2", children: intlConfig.formatMessage({
+        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "body2", children: intlConfig.formatMessage({
           id: "c4r.widgets.category.noResults"
         }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", children: intlConfig.formatMessage(
+        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", children: intlConfig.formatMessage(
           { id: "c4r.widgets.category.noResultsMessage" },
           { searchValue }
         ) })
@@ -5323,11 +5323,11 @@ function ComparativeCategoryWidgetUI({
     searchActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Button, { size: "small", color: "primary", onClick: disableSearchMode, children: intlConfig.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(BulletListWrapper, { children: names.map((name, i) => /* @__PURE__ */ jsxRuntime.jsxs(BulletWrapper, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Bullet, { color: (colors == null ? void 0 : colors[i]) ?? theme.palette.background.default }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overline", children: name })
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overline", children: name })
     ] }, names[i])) })
   ] });
 }
-const Note = material.styled(palette.Typography)(({ theme }) => ({
+const Note = material.styled(TablePaginationActions.Typography)(({ theme }) => ({
   display: "inline-block",
   marginTop: theme.spacing(0.5)
 }));
@@ -5344,10 +5344,10 @@ const MainLine = material.styled("div")(({ theme }) => ({
   color: theme.palette.text.primary,
   display: "flex"
 }));
-const Preffix = material.styled(palette.Typography)(({ theme }) => ({
+const Preffix = material.styled(TablePaginationActions.Typography)(({ theme }) => ({
   marginRight: theme.spacing(0.5)
 }));
-const Unit = material.styled(palette.Typography)(({ theme }) => ({
+const Unit = material.styled(TablePaginationActions.Typography)(({ theme }) => ({
   marginLeft: theme.spacing(0.5)
 }));
 function FormulaValue({
@@ -5415,8 +5415,8 @@ function prepareFormulaValues(data, colors) {
 function processData(data, colors = [], labels = [], theme, selectedCategories = []) {
   return data.map((item, index) => {
     const isDisabled = selectedCategories.length > 0 && !selectedCategories.includes(item.name);
-    const palette2 = (colors == null ? void 0 : colors.length) ? colors : theme.palette.qualitative.bold;
-    const color = palette2[index];
+    const palette = (colors == null ? void 0 : colors.length) ? colors : theme.palette.qualitative.bold;
+    const color = palette[index];
     return {
       ...item,
       key: item.name,
@@ -5495,19 +5495,19 @@ function ComparativePieWidgetUI({
       data: legendData,
       selectedMode: false,
       type: "scroll",
-      left: palette.SPACING,
-      bottom: palette.SPACING * -0.5,
-      itemGap: palette.SPACING * 3,
+      left: TablePaginationActions.SPACING,
+      bottom: TablePaginationActions.SPACING * -0.5,
+      itemGap: TablePaginationActions.SPACING * 3,
       icon: "circle",
-      itemWidth: palette.SPACING,
-      itemHeight: palette.SPACING,
+      itemWidth: TablePaginationActions.SPACING,
+      itemHeight: TablePaginationActions.SPACING,
       textStyle: {
         ...theme.typography.overline,
         color: theme.palette.text.primary,
         fontWeight: 400,
         lineHeight: 1,
         verticalAlign: "bottom",
-        padding: [0, 0, 0, palette.SPACING * 0.5]
+        padding: [0, 0, 0, TablePaginationActions.SPACING * 0.5]
       },
       inactiveColor: theme.palette.text.disabled,
       pageIcons: {
@@ -5516,13 +5516,13 @@ function ComparativePieWidgetUI({
           "path://M9 16.59 13.3265857 12 9 7.41 10.3319838 6 16 12 10.3319838 18z"
         ]
       },
-      pageIconSize: palette.SPACING * 1.5,
+      pageIconSize: TablePaginationActions.SPACING * 1.5,
       pageIconColor: theme.palette.text.secondary,
       pageIconInactiveColor: theme.palette.text.disabled,
       pageTextStyle: {
         fontFamily: theme.typography.overline.fontFamily,
-        fontSize: palette.SPACING * 1.5,
-        lineHeight: palette.SPACING * 1.75,
+        fontSize: TablePaginationActions.SPACING * 1.5,
+        lineHeight: TablePaginationActions.SPACING * 1.75,
         fontWeight: 400,
         color: theme.palette.text.primary
       }
@@ -5534,15 +5534,15 @@ function ComparativePieWidgetUI({
       rich: {
         b: {
           fontFamily: theme.typography.overline.fontFamily,
-          fontSize: palette.SPACING * 1.75,
-          lineHeight: palette.SPACING * 1.75,
+          fontSize: TablePaginationActions.SPACING * 1.75,
+          lineHeight: TablePaginationActions.SPACING * 1.75,
           fontWeight: 400,
           color: theme.palette.text.primary
         },
         per: {
           ...theme.typography.overline,
-          fontSize: palette.SPACING * 3,
-          lineHeight: palette.SPACING * 4.5,
+          fontSize: TablePaginationActions.SPACING * 3,
+          lineHeight: TablePaginationActions.SPACING * 4.5,
           fontWeight: 600,
           color: theme.palette.text.primary
         }
@@ -5561,7 +5561,7 @@ function ComparativePieWidgetUI({
         radius: i === 0 ? ["75%", "90%"] : ["56%", "72%"],
         selectedOffset: 0,
         hoverOffset: 5,
-        bottom: palette.SPACING * 2.5,
+        bottom: TablePaginationActions.SPACING * 2.5,
         avoidLabelOverlap: true,
         label: { show: false, ...labelOptions },
         emphasis: {
@@ -5756,7 +5756,7 @@ function FeatureSelectionUIDropdown({
         disabled: editDisabled && isEditItem(mode),
         children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
           mode.icon,
-          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ml: 2, children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "body2", color: "inherit", children: material.capitalize(mode.label) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ml: 2, children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "body2", color: "inherit", children: material.capitalize(mode.label) }) })
         ] })
       },
       mode.id
@@ -5785,7 +5785,7 @@ function FeatureSelectionUIDropdown({
         onClose: closeDropdown,
         MenuListProps: { "aria-labelledby": "feature-selection-menu-button" },
         children: [
-          menuHeaderText && /* @__PURE__ */ jsxRuntime.jsx(DisabledMenuItem, { disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", color: "textSecondary", children: menuHeaderText }) }),
+          menuHeaderText && /* @__PURE__ */ jsxRuntime.jsx(DisabledMenuItem, { disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "textSecondary", children: menuHeaderText }) }),
           !!selectionModes.length && selectionModes.map(createMenuItemWrapper),
           showDivider && /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { margin: ({ spacing }) => spacing(1, 0) } }),
           !!editModes.length && editModes.map(createMenuItemWrapper)
@@ -5819,7 +5819,7 @@ function FeatureSelectionUIGeometryChips({
   chipLabel
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   function translateType(type) {
     if (type === "MultiPoint") {
       return intlConfig.formatMessage({
@@ -5920,7 +5920,7 @@ function FeatureSelectionWidgetUI({
   chipLabel
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const selectionModeWithLocales = React.useMemo(() => {
     return selectionModes.map((mode) => ({
       ...mode,
@@ -6088,8 +6088,8 @@ const LegendIconWrapper = material.styled("li")(() => ({
 }));
 const LegendIconImageWrapper = material.styled("div")(({ theme }) => ({
   marginRight: theme.spacing(1.5),
-  width: palette.ICON_SIZE_MEDIUM,
-  height: palette.ICON_SIZE_MEDIUM,
+  width: TablePaginationActions.ICON_SIZE_MEDIUM,
+  height: TablePaginationActions.ICON_SIZE_MEDIUM,
   "& img": {
     margin: "auto",
     display: "block"
@@ -6120,7 +6120,7 @@ function LegendOpacityControl({
   onChange
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   function handleTextFieldChange(e) {
     const newOpacity = parseInt(e.target.value || "0");
     const clamped = Math.min(Math.max(newOpacity, 0), 100);
@@ -6212,7 +6212,7 @@ function LegendLayerTitle({
     }
   }, [title, visible]);
   const element = /* @__PURE__ */ jsxRuntime.jsx(
-    palette.Typography,
+    TablePaginationActions.Typography,
     {
       ref,
       color: visible ? "textPrimary" : "textSecondary",
@@ -6249,16 +6249,16 @@ function LegendCategories({
     customMarkers,
     maskedMarkers = true
   } = legend;
-  const palette$1 = paletteUtils.getPalette(colors, labels.length);
+  const palette = paletteUtils.getPalette(colors, labels.length);
   const showHelperText = labels.length > MAX_CATEGORIES;
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(LegendVariableList, { "data-testid": "categories-legend", children: labels.slice(0, MAX_CATEGORIES).map((label, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       LegendCategoriesRow,
       {
         label: String(label),
-        color: palette$1[idx % palette$1.length],
+        color: palette[idx % palette.length],
         icon: customMarkers && Array.isArray(customMarkers) ? customMarkers[idx] : customMarkers,
         maskedIcon: maskedMarkers,
         isStrokeColor
@@ -6266,7 +6266,7 @@ function LegendCategories({
       `${label}${idx}`
     )) }),
     showHelperText && /* @__PURE__ */ jsxRuntime.jsx(
-      palette.Typography,
+      TablePaginationActions.Typography,
       {
         variant: "caption",
         color: "textSecondary",
@@ -6410,7 +6410,7 @@ function LegendProportion({
   legend
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const showMinMax = legend.showMinMax ?? true;
   const { min, max, error } = calculateRange(legend);
   const [step1, step2] = !error ? calculateSteps(min, max) : [0, 0];
@@ -6423,20 +6423,20 @@ function LegendProportion({
       },
       index
     )) }),
-    /* @__PURE__ */ jsxRuntime.jsx(LabelList, { children: error ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { maxWidth: 240, children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(palette.Typography, { variant: "overline", color: "textSecondary", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LabelList, { children: error ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { maxWidth: 240, children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TablePaginationActions.Typography, { variant: "overline", color: "textSecondary", children: [
         showMinMax && intlConfig.formatMessage({ id: "c4r.widgets.legend.max" }) + ": ",
         intl.formatNumber(max, {
           maximumSignificantDigits: MAX_SIG_DIGITS
         })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overline", color: "textSecondary", children: intl.formatNumber(step2, {
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overline", color: "textSecondary", children: intl.formatNumber(step2, {
         maximumSignificantDigits: MAX_SIG_DIGITS
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overline", color: "textSecondary", children: intl.formatNumber(step1, {
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overline", color: "textSecondary", children: intl.formatNumber(step1, {
         maximumSignificantDigits: MAX_SIG_DIGITS
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(palette.Typography, { variant: "overline", color: "textSecondary", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TablePaginationActions.Typography, { variant: "overline", color: "textSecondary", children: [
         showMinMax && intlConfig.formatMessage({ id: "c4r.widgets.legend.min" }) + ": ",
         intl.formatNumber(min, {
           maximumSignificantDigits: MAX_SIG_DIGITS
@@ -6479,7 +6479,7 @@ function LegendIcon({
         src: icons[idx],
         alt: label,
         width: "auto",
-        height: palette.ICON_SIZE_MEDIUM
+        height: TablePaginationActions.ICON_SIZE_MEDIUM
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(LegendLayerTitle, { visible: true, title: label })
@@ -6493,7 +6493,7 @@ function LegendRamp({
   legend
 }) {
   const { labels = [], colors = [], showMinMax = true } = legend;
-  const palette$1 = paletteUtils.getPalette(
+  const palette = paletteUtils.getPalette(
     colors,
     !labels.length || isContinuous ? 2 : labels.length + 1
   );
@@ -6508,36 +6508,36 @@ function LegendRamp({
     minLabel = "< " + minLabel;
     maxLabel = "≥ " + maxLabel;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { py: 2, "data-testid": "ramp-legend", children: error ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { maxWidth: 240, children: /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { py: 2, "data-testid": "ramp-legend", children: error ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { maxWidth: 240, children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", pb: 1, children: isContinuous ? /* @__PURE__ */ jsxRuntime.jsx(
       StepsContinuous,
       {
         "data-testid": "step-continuous",
-        palette: palette$1
+        palette
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       StepsDiscontinuous,
       {
-        palette: palette$1,
+        palette,
         labels: formattedLabels,
         max: maxLabel,
         min: minLabel
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overlineDelicate", color: "textSecondary", children: minLabel }),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "overlineDelicate", color: "textSecondary", children: maxLabel })
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overlineDelicate", color: "textSecondary", children: minLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "overlineDelicate", color: "textSecondary", children: maxLabel })
     ] })
   ] }) });
 }
 const StepsContinuous = material.styled(material.Box, {
   shouldForwardProp: (prop) => prop !== "palette"
-})(({ palette: palette2, theme }) => ({
+})(({ palette, theme }) => ({
   display: "block",
   flexGrow: 1,
   height: theme.spacing(1),
   borderRadius: theme.spacing(0.5),
-  background: `linear-gradient(to right, ${palette2.join()})`
+  background: `linear-gradient(to right, ${palette.join()})`
 }));
 const StepGrid = material.styled(material.Box, {
   shouldForwardProp: (prop) => prop !== "color"
@@ -6555,14 +6555,14 @@ const StepGrid = material.styled(material.Box, {
 }));
 function StepsDiscontinuous({
   labels = [],
-  palette: palette2 = [],
+  palette = [],
   max,
   min
 }) {
   const rightLabels = labels.length ? [min, ...labels] : [min, max];
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rightLabels.map((label, idx) => {
     const title = idx === 0 ? min : idx === rightLabels.length - 1 ? max : `${label} - ${rightLabels[idx + 1]}`;
-    return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title, children: /* @__PURE__ */ jsxRuntime.jsx(StepGrid, { "data-testid": "step-discontinuous", color: palette2[idx] }) }, idx);
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title, children: /* @__PURE__ */ jsxRuntime.jsx(StepGrid, { "data-testid": "step-discontinuous", color: palette[idx] }) }, idx);
   }) });
 }
 const legendTypeMap = {
@@ -6574,11 +6574,11 @@ const legendTypeMap = {
 };
 function LegendUnknown({ legend }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   if (legend.select || !legend.type) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(palette.Typography, { variant: "body2", color: "textSecondary", component: "p", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(TablePaginationActions.Typography, { variant: "body2", color: "textSecondary", component: "p", children: [
     legend.type,
     " ",
     intlConfig.formatMessage({ id: "c4r.widgets.legend.notSupported" }),
@@ -6605,7 +6605,7 @@ function LegendLayerVariable({
 }) {
   var _a;
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const type = legend.type;
   const TypeComponent = legendTypeMap[type] ?? customLegendTypes[type] ?? LegendUnknown;
   const TypedComponent = TypeComponent;
@@ -6613,7 +6613,7 @@ function LegendLayerVariable({
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "li", "data-testid": "legend-layer-variable", px: 2, children: [
     legend.attr ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { pb: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        palette.Typography,
+        TablePaginationActions.Typography,
         {
           gutterBottom: true,
           variant: "overlineDelicate",
@@ -6622,10 +6622,10 @@ function LegendLayerVariable({
           children: intlConfig.formatMessage({ id: getLegendSubtitle(legend) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", component: "p", children: legend.attr })
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", component: "p", children: legend.attr })
     ] }) : null,
     legend.select ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { pb: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", weight: "medium", component: "p", children: legend.select.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", weight: "medium", component: "p", children: legend.select.label }),
       /* @__PURE__ */ jsxRuntime.jsx(
         material.Select,
         {
@@ -6675,7 +6675,7 @@ function LegendLayer({
   currentZoom = 0
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const menuAnchorRef = React.useRef(null);
   const [opacityOpen, setOpacityOpen] = React.useState(false);
   const id = layer.id;
@@ -6733,7 +6733,7 @@ function LegendLayer({
               id: "c4r.widgets.legend.zoomLevelTooltip"
             }),
             children: /* @__PURE__ */ jsxRuntime.jsxs(
-              palette.Typography,
+              TablePaginationActions.Typography,
               {
                 color: visible ? "textPrimary" : "textSecondary",
                 variant: "caption",
@@ -6802,7 +6802,7 @@ function LegendLayer({
         }
       ),
       helperText && /* @__PURE__ */ jsxRuntime.jsx(
-        palette.Typography,
+        TablePaginationActions.Typography,
         {
           variant: "caption",
           color: "textSecondary",
@@ -6852,9 +6852,9 @@ function LegendWidgetUI({
   sx
 }) {
   const intl = reactIntl.useIntl();
-  const intlConfig = palette.useImperativeIntl(intl);
+  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const legendToggleHeader = /* @__PURE__ */ jsxRuntime.jsxs(LegendToggleHeader, { collapsed, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", flexGrow: 1, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", flexGrow: 1, children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(
       material.Tooltip,
       {
@@ -6922,7 +6922,7 @@ function AlertBody({
   children
 }) {
   return children ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 0.5, children: /* @__PURE__ */ jsxRuntime.jsx(
-    palette.Typography,
+    TablePaginationActions.Typography,
     {
       component: "div",
       variant: "caption",
@@ -6939,7 +6939,7 @@ function NoDataAlert({
   ...otherProps
 }) {
   return severity ? /* @__PURE__ */ jsxRuntime.jsx(Alert.Alert, { title, severity, ...otherProps, children: /* @__PURE__ */ jsxRuntime.jsx(AlertBody, { children: body }) }) : /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { ...otherProps, children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "body2", children: title }),
+    title && /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "body2", children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(AlertBody, { color: "textSecondary", children: body })
   ] });
 }