@carto/meridian-ds 1.4.5-alpha-external-link.3 → 1.4.5

package/CHANGELOG.md

@@ -2,9 +2,6 @@
 
 ## Unreleased
 
-- New Link and ExternalLink components [#202](https://github.com/CartoDB/meridian-ds/pull/202)
-- Fix tooltips in ChartLegend pagination buttons [201](https://github.com/CartoDB/meridian-ds/pull/201)
-
 ## 1.0
 
 ### 1.4.5

package/dist/{Alert-CETC14v2.js → Alert-D8jI1sG4.js}

@@ -1,91 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-KpTvhN4Y.js";
+import { styled, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
 import { forwardRef, useState } from "react";
-import { styled, IconButton as IconButton$1, Tooltip, CircularProgress, Box, Link as Link$1, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
-import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-b5wP_uRE.js";
-const Option = styled("div")(({ theme }) => ({
-  position: "relative",
-  display: "inline-flex",
-  // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
-  // https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
-  "& + &, & + .optionIconButton": {
-    marginLeft: theme.spacing(0.5)
-  }
-}));
-const StyledIconButton = styled(IconButton$1, {
-  shouldForwardProp: (prop) => !["active"].includes(prop)
-})(({ active, theme }) => ({
-  ...active && {
-    color: theme.palette.primary.main,
-    backgroundColor: theme.palette.primary.background,
-    "& svg:not(.doNotFillIcon) path": {
-      fill: theme.palette.primary.main
-    }
-  }
-}));
-function _IconButton({
-  tooltip,
-  tooltipPlacement = "top",
-  icon,
-  size = "medium",
-  variant = "icon",
-  color = "default",
-  sx,
-  className,
-  loading,
-  disabled,
-  active,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsx(Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsx(
-    Option,
-    {
-      className: `optionIconButton ${className ?? ""}`,
-      sx,
-      "data-testid": "icon-button",
-      children: /* @__PURE__ */ jsx(
-        StyledIconButton,
-        {
-          ...props,
-          ref,
-          size,
-          variant,
-          color,
-          active,
-          disabled: disabled || loading,
-          role: "button",
-          children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : icon
-        }
-      )
-    }
-  ) });
-}
-const IconButton = forwardRef(_IconButton);
-const Icon = styled(Box)(({ theme }) => ({
-  position: "relative",
-  display: "inline-block",
-  margin: theme.spacing(0, 0.25),
-  top: "calc(1em * 5.0/32)"
-  // heuristic to align icon with true perceived baseline
-}));
-function _Link({ children, startIcon, endIcon, color, ...otherProps }, ref) {
-  return /* @__PURE__ */ jsxs(
-    Link$1,
-    {
-      ...otherProps,
-      "data-color": color,
-      "data-name": "link",
-      role: "link",
-      color,
-      ref,
-      children: [
-        startIcon && /* @__PURE__ */ jsx(Icon, { children: startIcon }),
-        children,
-        endIcon && /* @__PURE__ */ jsx(Icon, { children: endIcon })
-      ]
-    }
-  );
-}
-const Link = forwardRef(_Link);
 const StyledAlert = styled(Alert$1, {
   shouldForwardProp: (prop) => ![
     "isNeutral",
@@ -214,7 +130,5 @@ function _Alert({
 }
 const Alert = forwardRef(_Alert);
 export {
-  Alert as A,
-  IconButton as I,
-  Link as L
+  Alert as A
 };

package/dist/{Alert-hun6016k.cjs → Alert-zqtoWsBL.cjs}

@@ -1,92 +1,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
 const material = require("@mui/material");
-const TablePaginationActions = require("./TablePaginationActions-CAmwcyTy.cjs");
-const Option = material.styled("div")(({ theme }) => ({
-  position: "relative",
-  display: "inline-flex",
-  // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
-  // https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
-  "& + &, & + .optionIconButton": {
-    marginLeft: theme.spacing(0.5)
-  }
-}));
-const StyledIconButton = material.styled(material.IconButton, {
-  shouldForwardProp: (prop) => !["active"].includes(prop)
-})(({ active, theme }) => ({
-  ...active && {
-    color: theme.palette.primary.main,
-    backgroundColor: theme.palette.primary.background,
-    "& svg:not(.doNotFillIcon) path": {
-      fill: theme.palette.primary.main
-    }
-  }
-}));
-function _IconButton({
-  tooltip,
-  tooltipPlacement = "top",
-  icon,
-  size = "medium",
-  variant = "icon",
-  color = "default",
-  sx,
-  className,
-  loading,
-  disabled,
-  active,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsxRuntime.jsx(
-    Option,
-    {
-      className: `optionIconButton ${className ?? ""}`,
-      sx,
-      "data-testid": "icon-button",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        StyledIconButton,
-        {
-          ...props,
-          ref,
-          size,
-          variant,
-          color,
-          active,
-          disabled: disabled || loading,
-          role: "button",
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" }) : icon
-        }
-      )
-    }
-  ) });
-}
-const IconButton = React.forwardRef(_IconButton);
-const Icon = material.styled(material.Box)(({ theme }) => ({
-  position: "relative",
-  display: "inline-block",
-  margin: theme.spacing(0, 0.25),
-  top: "calc(1em * 5.0/32)"
-  // heuristic to align icon with true perceived baseline
-}));
-function _Link({ children, startIcon, endIcon, color, ...otherProps }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    material.Link,
-    {
-      ...otherProps,
-      "data-color": color,
-      "data-name": "link",
-      role: "link",
-      color,
-      ref,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: startIcon }),
-        children,
-        endIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: endIcon })
-      ]
-    }
-  );
-}
-const Link = React.forwardRef(_Link);
+const React = require("react");
 const StyledAlert = material.styled(material.Alert, {
   shouldForwardProp: (prop) => ![
     "isNeutral",
@@ -215,5 +131,3 @@ function _Alert({
 }
 const Alert = React.forwardRef(_Alert);
 exports.Alert = Alert;
-exports.IconButton = IconButton;
-exports.Link = Link;

package/dist/{TablePaginationActions-CAmwcyTy.cjs → TablePaginationActions-CFGXm44W.cjs}

@@ -814,8 +814,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      showOptions: "Show options",
-      opensInNewTab: "Opens in new tab"
+      showOptions: "Show options"
     },
     form: {
       selectAll: "Select all",
@@ -963,8 +962,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      showOptions: "Mostrar opciones",
-      opensInNewTab: "Abre en una nueva pestaña"
+      showOptions: "Mostrar opciones"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -1110,8 +1108,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      showOptions: "Tampilkan opsi",
-      opensInNewTab: "Buka di tab baru"
+      showOptions: "Tampilkan opsi"
     },
     form: {
       selectAll: "Select all",

package/dist/{TablePaginationActions-b5wP_uRE.js → TablePaginationActions-KpTvhN4Y.js}

@@ -813,8 +813,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      showOptions: "Show options",
-      opensInNewTab: "Opens in new tab"
+      showOptions: "Show options"
     },
     form: {
       selectAll: "Select all",
@@ -962,8 +961,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      showOptions: "Mostrar opciones",
-      opensInNewTab: "Abre en una nueva pestaña"
+      showOptions: "Mostrar opciones"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -1109,8 +1107,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      showOptions: "Tampilkan opsi",
-      opensInNewTab: "Buka di tab baru"
+      showOptions: "Tampilkan opsi"
     },
     form: {
       selectAll: "Select all",

package/dist/components/index.cjs

@@ -3,11 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const TablePaginationActions = require("../TablePaginationActions-CAmwcyTy.cjs");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
 const reactIntl = require("react-intl");
 const iconsMaterial = require("@mui/icons-material");
-const Alert$1 = require("../Alert-hun6016k.cjs");
-const styles = require("@mui/material/styles");
+const Alert$1 = require("../Alert-zqtoWsBL.cjs");
 require("cartocolor");
 const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
 const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
@@ -382,54 +381,64 @@ function ToggleButtonGroup({
     }
   );
 }
-const externalLinkProps = {
-  target: "_blank",
-  rel: "noopener noreferrer"
-};
-const IconOpenInNewOutlined = styles.styled(iconsMaterial.OpenInNewOutlined)(() => ({
-  fontSize: "1em",
-  color: "inherit !important",
-  "> path": {
-    color: "inherit !important"
+const Option = material.styled("div")(({ theme }) => ({
+  position: "relative",
+  display: "inline-flex",
+  // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
+  // https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
+  "& + &, & + .optionIconButton": {
+    marginLeft: theme.spacing(0.5)
   }
 }));
-function _ExternalLink({
-  children,
-  showIcon = true,
-  useButton = false,
-  icon = /* @__PURE__ */ jsxRuntime.jsx(IconOpenInNewOutlined, {}),
+const StyledIconButton = material.styled(material.IconButton, {
+  shouldForwardProp: (prop) => !["active"].includes(prop)
+})(({ active, theme }) => ({
+  ...active && {
+    color: theme.palette.primary.main,
+    backgroundColor: theme.palette.primary.background,
+    "& svg:not(.doNotFillIcon) path": {
+      fill: theme.palette.primary.main
+    }
+  }
+}));
+function _IconButton({
+  tooltip,
+  tooltipPlacement = "top",
+  icon,
+  size = "medium",
+  variant = "icon",
+  color = "default",
+  sx,
+  className,
+  loading,
+  disabled,
+  active,
   ...props
 }, ref) {
-  const intl = reactIntl.useIntl();
-  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
-  if (useButton) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        ...externalLinkProps,
-        endIcon: showIcon && icon,
-        ...props,
-        ref,
-        children
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Alert$1.Link,
-      {
-        ...externalLinkProps,
-        endIcon: showIcon && icon,
-        ...props,
-        ref,
-        "aria-label": `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
-          id: "c4r.button.opensInNewTab"
-        })})`,
-        children
-      }
-    );
-  }
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Option,
+    {
+      className: `optionIconButton ${className ?? ""}`,
+      sx,
+      "data-testid": "icon-button",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        StyledIconButton,
+        {
+          ...props,
+          ref,
+          size,
+          variant,
+          color,
+          active,
+          disabled: disabled || loading,
+          role: "button",
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" }) : icon
+        }
+      )
+    }
+  ) });
 }
-const ExternalLink = React.forwardRef(_ExternalLink);
+const IconButton = React.forwardRef(_IconButton);
 const StyledMenu = material.styled(material.Menu, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
 })(({ theme, extended, width, height }) => ({
@@ -1471,7 +1480,7 @@ const _CopiableComponent = ({
             children: [
               children,
               button && /* @__PURE__ */ jsxRuntime.jsx(
-                Alert$1.IconButton,
+                IconButton,
                 {
                   ...buttonProps,
                   disabled,
@@ -1730,7 +1739,7 @@ function Snackbar({
               }
             ),
             closeable && /* @__PURE__ */ jsxRuntime.jsx(CloseButtonWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Alert$1.IconButton,
+              IconButton,
               {
                 color: "default",
                 onClick: (e) => onClose(e, "timeout"),
@@ -2980,7 +2989,7 @@ function CodeAreaHeader({
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Header, { size, "data-size": size, "data-name": "code-area-header", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Alert$1.IconButton,
+          IconButton,
           {
             color: "default",
             size,
@@ -3044,7 +3053,7 @@ function CodeAreaHeader({
       }
     ),
     showExpandButton && /* @__PURE__ */ jsxRuntime.jsx(
-      Alert$1.IconButton,
+      IconButton,
       {
         color: "default",
         size,
@@ -4534,8 +4543,6 @@ function CodeAreaDialog({
 exports.TablePaginationActions = TablePaginationActions.TablePaginationActions;
 exports.Typography = TablePaginationActions.Typography;
 exports.Alert = Alert$1.Alert;
-exports.IconButton = Alert$1.IconButton;
-exports.Link = Alert$1.Link;
 exports.MenuItem = MenuItem.MenuItem;
 exports.AccordionGroup = AccordionGroup;
 exports.AppBar = AppBar;
@@ -4565,7 +4572,7 @@ exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogPaper = DialogPaper;
 exports.DialogStepper = DialogStepper;
-exports.ExternalLink = ExternalLink;
+exports.IconButton = IconButton;
 exports.LabelWithIndicator = LabelWithIndicator;
 exports.Menu = Menu$1;
 exports.MenuItemFilter = MenuItemFilter;

package/dist/components/index.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect, useMemo, useRef, Fragment as Fragment$1, useImperativeHandle, useCallback } from "react";
-import { styled, Box, Button as Button$1, CircularProgress, TextField, InputAdornment, IconButton, Tooltip, Select, MenuItem, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, MenuList as MenuList$1, Link as Link$1, Checkbox, ListItemText, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, alpha, useTheme, Toolbar, AppBar as AppBar$1, Paper, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
-import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-b5wP_uRE.js";
-import { a } from "../TablePaginationActions-b5wP_uRE.js";
+import { styled, Box, Button as Button$1, CircularProgress, TextField, InputAdornment, IconButton as IconButton$1, Tooltip, Select, MenuItem, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, MenuList as MenuList$1, Link, Checkbox, ListItemText, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, alpha, useTheme, Toolbar, AppBar as AppBar$1, Paper, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
+import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-KpTvhN4Y.js";
+import { a } from "../TablePaginationActions-KpTvhN4Y.js";
 import { useIntl } from "react-intl";
-import { VisibilityOffOutlined, VisibilityOutlined, OpenInNewOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
-import { L as Link, I as IconButton$1, A as Alert$1 } from "../Alert-CETC14v2.js";
-import { styled as styled$1 } from "@mui/material/styles";
+import { VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
+import { A as Alert$1 } from "../Alert-D8jI1sG4.js";
 import "cartocolor";
 import { M as MenuItem$1 } from "../MenuItem-CXnnE5lK.js";
 import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
@@ -159,7 +158,7 @@ function _PasswordField({ InputProps, size = "small", ...otherProps }, ref) {
       size,
       InputProps: {
         ...InputProps,
-        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size, onClick: handleClickShowPassword, children: /* @__PURE__ */ jsx(
+        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton$1, { size, onClick: handleClickShowPassword, children: /* @__PURE__ */ jsx(
           Tooltip,
           {
             title: intlConfig.formatMessage({
@@ -381,54 +380,64 @@ function ToggleButtonGroup({
     }
   );
 }
-const externalLinkProps = {
-  target: "_blank",
-  rel: "noopener noreferrer"
-};
-const IconOpenInNewOutlined = styled$1(OpenInNewOutlined)(() => ({
-  fontSize: "1em",
-  color: "inherit !important",
-  "> path": {
-    color: "inherit !important"
+const Option = styled("div")(({ theme }) => ({
+  position: "relative",
+  display: "inline-flex",
+  // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
+  // https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
+  "& + &, & + .optionIconButton": {
+    marginLeft: theme.spacing(0.5)
   }
 }));
-function _ExternalLink({
-  children,
-  showIcon = true,
-  useButton = false,
-  icon = /* @__PURE__ */ jsx(IconOpenInNewOutlined, {}),
+const StyledIconButton = styled(IconButton$1, {
+  shouldForwardProp: (prop) => !["active"].includes(prop)
+})(({ active, theme }) => ({
+  ...active && {
+    color: theme.palette.primary.main,
+    backgroundColor: theme.palette.primary.background,
+    "& svg:not(.doNotFillIcon) path": {
+      fill: theme.palette.primary.main
+    }
+  }
+}));
+function _IconButton({
+  tooltip,
+  tooltipPlacement = "top",
+  icon,
+  size = "medium",
+  variant = "icon",
+  color = "default",
+  sx,
+  className,
+  loading,
+  disabled,
+  active,
   ...props
 }, ref) {
-  const intl = useIntl();
-  const intlConfig = useImperativeIntl(intl);
-  if (useButton) {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ...externalLinkProps,
-        endIcon: showIcon && icon,
-        ...props,
-        ref,
-        children
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx(
-      Link,
-      {
-        ...externalLinkProps,
-        endIcon: showIcon && icon,
-        ...props,
-        ref,
-        "aria-label": `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
-          id: "c4r.button.opensInNewTab"
-        })})`,
-        children
-      }
-    );
-  }
+  return /* @__PURE__ */ jsx(Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsx(
+    Option,
+    {
+      className: `optionIconButton ${className ?? ""}`,
+      sx,
+      "data-testid": "icon-button",
+      children: /* @__PURE__ */ jsx(
+        StyledIconButton,
+        {
+          ...props,
+          ref,
+          size,
+          variant,
+          color,
+          active,
+          disabled: disabled || loading,
+          role: "button",
+          children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : icon
+        }
+      )
+    }
+  ) });
 }
-const ExternalLink = forwardRef(_ExternalLink);
+const IconButton = forwardRef(_IconButton);
 const StyledMenu = styled(Menu$2, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
 })(({ theme, extended, width, height }) => ({
@@ -510,7 +519,7 @@ const MenuList = forwardRef(_MenuList);
 const StyledMenuItem$1 = styled(MenuItem$1)(() => ({
   marginTop: "0 !important"
 }));
-const LinkFilter = styled(Link$1)(
+const LinkFilter = styled(Link)(
   ({ disabled, theme }) => ({
     display: "flex",
     alignItems: "center",
@@ -736,7 +745,7 @@ function _MultipleSelectField({
       onChange: handleChange,
       size,
       variant,
-      endAdornment: showFilters && areAnySelected && /* @__PURE__ */ jsx(UnselectButton, { position: "end", size, children: /* @__PURE__ */ jsx(IconButton, { onClick: unselectAll, size, children: /* @__PURE__ */ jsx(Cancel, {}) }) }),
+      endAdornment: showFilters && areAnySelected && /* @__PURE__ */ jsx(UnselectButton, { position: "end", size, children: /* @__PURE__ */ jsx(IconButton$1, { onClick: unselectAll, size, children: /* @__PURE__ */ jsx(Cancel, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -830,7 +839,7 @@ function FilesAction({
   handleOpen,
   inProgress
 }) {
-  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inProgress ? /* @__PURE__ */ jsx(IconButton, { "aria-label": "Loading", disabled: true, size, children: /* @__PURE__ */ jsx(CircularProgress, { size: 18 }) }) : !hasFiles ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inProgress ? /* @__PURE__ */ jsx(IconButton$1, { "aria-label": "Loading", disabled: true, size, children: /* @__PURE__ */ jsx(CircularProgress, { size: 18 }) }) : !hasFiles ? /* @__PURE__ */ jsx(
     Button$1,
     {
       onClick: handleOpen,
@@ -841,7 +850,7 @@ function FilesAction({
       children: buttonText
     }
   ) : /* @__PURE__ */ jsx(
-    IconButton,
+    IconButton$1,
     {
       onClick: handleReset,
       size,
@@ -1470,7 +1479,7 @@ const _CopiableComponent = ({
             children: [
               children,
               button && /* @__PURE__ */ jsx(
-                IconButton$1,
+                IconButton,
                 {
                   ...buttonProps,
                   disabled,
@@ -1729,7 +1738,7 @@ function Snackbar({
               }
             ),
             closeable && /* @__PURE__ */ jsx(CloseButtonWrapper, { children: /* @__PURE__ */ jsx(
-              IconButton$1,
+              IconButton,
               {
                 color: "default",
                 onClick: (e) => onClose(e, "timeout"),
@@ -1940,7 +1949,7 @@ const Menu = styled("div")(({ theme }) => ({
   height: APPBAR_SIZE,
   marginRight: theme.spacing(1.5)
 }));
-const MenuButton = styled(IconButton)(({ theme }) => ({
+const MenuButton = styled(IconButton$1)(({ theme }) => ({
   marginRight: theme.spacing(1),
   "&.MuiButtonBase-root svg path": {
     fill: theme.palette.brand.appBarContrastText
@@ -2092,7 +2101,7 @@ function ClearButton({
   const intl = useIntl();
   const intlConfig = useImperativeIntl(intl);
   return /* @__PURE__ */ jsx(Container, { size, variant, children: /* @__PURE__ */ jsx(
-    IconButton,
+    IconButton$1,
     {
       ...props,
       size,
@@ -2209,7 +2218,7 @@ function DatePicker({
             slots: {
               clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
               openPickerButton: (props2) => /* @__PURE__ */ jsx(
-                IconButton,
+                IconButton$1,
                 {
                   ...props2,
                   size,
@@ -2709,7 +2718,7 @@ function TimePicker({
           slots: {
             clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
             openPickerButton: (props2) => /* @__PURE__ */ jsx(
-              IconButton,
+              IconButton$1,
               {
                 ...props2,
                 size,
@@ -2795,7 +2804,7 @@ function DateTimePicker({
           slots: {
             clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
             openPickerButton: (props2) => /* @__PURE__ */ jsx(
-              IconButton,
+              IconButton$1,
               {
                 ...props2,
                 size,
@@ -2979,7 +2988,7 @@ function CodeAreaHeader({
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Header, { size, "data-size": size, "data-name": "code-area-header", children: [
         /* @__PURE__ */ jsx(
-          IconButton$1,
+          IconButton,
           {
             color: "default",
             size,
@@ -3043,7 +3052,7 @@ function CodeAreaHeader({
       }
     ),
     showExpandButton && /* @__PURE__ */ jsx(
-      IconButton$1,
+      IconButton,
       {
         color: "default",
         size,
@@ -3991,7 +4000,7 @@ function DialogHeader({
             {
               title: intlConfig.formatMessage({ id: "c4r.button.close" }),
               placement: "left",
-              children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: closeIcon || /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "CloseIcon" }) })
+              children: /* @__PURE__ */ jsx(IconButton$1, { onClick: onClose, children: closeIcon || /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "CloseIcon" }) })
             }
           )
         ] })
@@ -4560,10 +4569,8 @@ export {
   DialogHeader,
   DialogPaper,
   DialogStepper,
-  ExternalLink,
-  IconButton$1 as IconButton,
+  IconButton,
   LabelWithIndicator,
-  Link,
   Menu$1 as Menu,
   MenuItem$1 as MenuItem,
   MenuItemFilter,

package/dist/theme/index.cjs

@@ -3,7 +3,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const jsxRuntime = require("react/jsx-runtime");
-const TablePaginationActions = require("../TablePaginationActions-CAmwcyTy.cjs");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
 const xDatePickers = require("@mui/x-date-pickers");

package/dist/theme/index.js

@@ -1,8 +1,8 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-b5wP_uRE.js";
-import { N } from "../TablePaginationActions-b5wP_uRE.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-KpTvhN4Y.js";
+import { N } from "../TablePaginationActions-KpTvhN4Y.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";

package/dist/types/components/atoms/index.d.ts

@@ -5,8 +5,6 @@ export { default as SelectField } from './SelectField';
 export { default as ToggleButtonGroup } from './ToggleButtonGroup';
 export { default as Typography } from './Typography';
 export { default as IconButton } from './IconButton';
-export { default as ExternalLink } from './ExternalLink';
-export { default as Link } from './Link';
 export type * from './Button';
 export type * from './LabelWithIndicator';
 export type * from './PasswordField';
@@ -14,6 +12,4 @@ export type * from './SelectField';
 export type * from './ToggleButtonGroup';
 export type * from './Typography';
 export type * from './IconButton';
-export type * from './ExternalLink';
-export type * from './Link';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/atoms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAExC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA"}

package/dist/types/localization/en.d.ts

@@ -10,7 +10,6 @@ declare const _default: {
             save: string;
             add: string;
             showOptions: string;
-            opensInNewTab: string;
         };
         form: {
             selectAll: string;

package/dist/types/localization/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/localization/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAuJ0B"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/localization/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAsJ0B"}

package/dist/types/localization/es.d.ts

@@ -10,7 +10,6 @@ declare const _default: {
             save: string;
             add: string;
             showOptions: string;
-            opensInNewTab: string;
         };
         form: {
             selectAll: string;

package/dist/types/localization/es.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../src/localization/es.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAyJ0B"}
+{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../src/localization/es.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAwJ0B"}

package/dist/types/localization/id.d.ts

@@ -10,7 +10,6 @@ declare const _default: {
             save: string;
             add: string;
             showOptions: string;
-            opensInNewTab: string;
         };
         form: {
             selectAll: string;

package/dist/types/localization/id.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../src/localization/id.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAuJ0B"}
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../src/localization/id.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAsJ0B"}

package/dist/types/localization/index.d.ts

@@ -11,7 +11,6 @@ export declare const messages: {
                 save: string;
                 add: string;
                 showOptions: string;
-                opensInNewTab: string;
             };
             form: {
                 selectAll: string;
@@ -160,7 +159,6 @@ export declare const messages: {
                 save: string;
                 add: string;
                 showOptions: string;
-                opensInNewTab: string;
             };
             form: {
                 selectAll: string;
@@ -307,7 +305,6 @@ export declare const messages: {
                 save: string;
                 add: string;
                 showOptions: string;
-                opensInNewTab: string;
             };
             form: {
                 selectAll: string;

package/dist/types/localization/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/localization/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/localization/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA"}

package/dist/types/theme/types.d.ts

@@ -111,11 +111,5 @@ declare module '@mui/material/Dialog' {
         size?: 'small' | 'medium' | 'large' | 'xlarge';
     }
 }
-declare module '@mui/material/Link' {
-    interface LinkOwnProps {
-        endIcon?: React.ReactNode;
-        startIcon?: React.ReactNode;
-    }
-}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAA;AAExC,KAAK,yBAAyB,GAAG,MAAM,CACrC,YAAY,EACZ;IACE,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;CACvB,CACF,CAAA;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,wBAAwB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC7B;AAMD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,YAAY,EAAE,MAAM,CAAA;KACrB;IAGD,UAAU,YAAY;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB;IAED,UAAU,YAAY;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;KACnB;IAED,UAAU,OAAO;QACf,KAAK,EAAE,wBAAwB,CAAA;QAC/B,KAAK,EAAE,wBAAwB,CAAA;QAC/B,KAAK,EAAE,uBAAuB,CAAA;QAC9B,OAAO,EAAE,yBAAyB,CAAA;QAClC,WAAW,EAAE,iBAAiB,CAAA;KAC/B;IAED,UAAU,yBAAyB;QACjC,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB;IAED,UAAU,cAAc;QACtB,KAAK,CAAC,EAAE,wBAAwB,CAAA;QAChC,KAAK,CAAC,EAAE,wBAAwB,CAAA;QAChC,KAAK,CAAC,EAAE,uBAAuB,CAAA;QAC/B,OAAO,CAAC,EAAE,yBAAyB,CAAA;QACnC,WAAW,CAAC,EAAE,iBAAiB,CAAA;KAChC;IAED,UAAU,QAAQ;QAChB,IAAI,EAAE,MAAM,CAAA;KACb;IAED,UAAU,kBAAkB;QAC1B,UAAU,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,MAAM,CAAA;QACrB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAA;QACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;QAC1B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;QAC1B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;KAC3B;IAED,UAAU,yBAAyB;QACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;QACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;QAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;QAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;KAC5B;CACF;AAGD,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,+BAA+B;QACvC,gBAAgB,EAAE,IAAI,CAAA;QACtB,KAAK,EAAE,IAAI,CAAA;QACX,KAAK,EAAE,IAAI,CAAA;QACX,KAAK,EAAE,IAAI,CAAA;KACZ;CACF;AAGD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,yBAAyB;QACjC,OAAO,EAAE,IAAI,CAAA;KACd;CACF;AAED,OAAO,QAAQ,2BAA2B,CAAC;IACzC,UAAU,8BAA8B;QACtC,OAAO,EAAE,IAAI,CAAA;KACd;CACF;AAGD,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,4BAA4B;QACpC,MAAM,EAAE,IAAI,CAAA;KACb;CACF;AAGD,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,kBAAkB;QAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;KAC5C;CACF;AAGD,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAU,sBAAsB;QAC9B,OAAO,EAAE,IAAI,CAAA;KACd;CACF;AAGD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,WAAW;QACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;KAC/C;CACF;AAGD,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAU,YAAY;QACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC5B;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts

@@ -22,7 +22,7 @@ export declare const CategoryLabelWrapper: import('@emotion/styled').StyledCompo
 export declare const CategoryLabel: import('@emotion/styled').StyledComponent<Omit<import('../../components/atoms/Typography').TypographyProps, "ref"> & import('react').RefAttributes<HTMLElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const LinkAsButton: import('@emotion/styled').StyledComponent<import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLAnchorElement> | null | undefined;
-}, "p" | "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "underline" | "endIcon" | "startIcon" | "TypographyClasses"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+}, "p" | "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "underline" | "TypographyClasses"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const CategoriesRoot: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryWidgetUI.styled.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;qsDAI3B,CAAA;AAEH,eAAO,MAAM,iBAAiB;;;iBAIf,OAAO;WACb,MAAM;iBACA,OAAO;UAyCpB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;qsDAY9B,CAAA;AAED,eAAO,MAAM,WAAW;;qsDAerB,CAAA;AAEH,eAAO,MAAM,oBAAoB;;;kBAEd,OAAO;UAMxB,CAAA;AAEF,eAAO,MAAM,aAAa,kPAGvB,CAAA;AAEH,eAAO,MAAM,YAAY;;2rDAOtB,CAAA;AAEH,eAAO,MAAM,cAAc;;+JAExB,CAAA;AAEH,eAAO,MAAM,YAAY;;geActB,CAAA"}
+{"version":3,"file":"CategoryWidgetUI.styled.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;qsDAI3B,CAAA;AAEH,eAAO,MAAM,iBAAiB;;;iBAIf,OAAO;WACb,MAAM;iBACA,OAAO;UAyCpB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;qsDAY9B,CAAA;AAED,eAAO,MAAM,WAAW;;qsDAerB,CAAA;AAEH,eAAO,MAAM,oBAAoB;;;kBAEd,OAAO;UAMxB,CAAA;AAEF,eAAO,MAAM,aAAa,kPAGvB,CAAA;AAEH,eAAO,MAAM,YAAY;;iqDAOtB,CAAA;AAEH,eAAO,MAAM,cAAc;;+JAExB,CAAA;AAEH,eAAO,MAAM,YAAY;;geActB,CAAA"}

package/dist/types/widgets/ChartLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAkEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzD,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,2CA+IA"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAiEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzD,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,2CAqJA"}

package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparativeCategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAA;AAW1E,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,KAA+B,EAC/B,IAAsC,EACtC,MAAgC,EAChC,MAAgC,EAChC,QAAY,EACZ,KAAwB,EACxB,SAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,kBAA4C,EAC5C,0BAAqC,EACrC,SAAyD,EACzD,gBAAgE,EAChE,OAAc,EACd,SAAiB,GAClB,EAAE,gCAAgC,2CAwSlC"}
+{"version":3,"file":"ComparativeCategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAA;AAU1E,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,KAA+B,EAC/B,IAAsC,EACtC,MAAgC,EAChC,MAAgC,EAChC,QAAY,EACZ,KAAwB,EACxB,SAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,kBAA4C,EAC5C,0BAAqC,EACrC,SAAyD,EACzD,gBAAgE,EAChE,OAAc,EACd,SAAiB,GAClB,EAAE,gCAAgC,2CAwSlC"}

package/dist/widgets/index.cjs

@@ -4,12 +4,12 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const reactIntl = require("react-intl");
-const TablePaginationActions = require("../TablePaginationActions-CAmwcyTy.cjs");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
 const _ReactEcharts = require("echarts-for-react");
 const reactWindow = require("react-window");
 const SwatchSquare = require("../SwatchSquare-benaO55C.cjs");
 const iconsMaterial = require("@mui/icons-material");
-const Alert = require("../Alert-hun6016k.cjs");
+const Alert = require("../Alert-zqtoWsBL.cjs");
 const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
 function detectTouchscreen() {
   let result = false;
@@ -2171,29 +2171,37 @@ function ChartLegend({
     (overflowing || offset > 0) && /* @__PURE__ */ jsxRuntime.jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
       /* @__PURE__ */ jsxRuntime.jsx(OverflowVeil, {}),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Alert.IconButton,
+        material.Tooltip,
         {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronLeft, {}),
-          component: "span",
-          size: "small",
-          disabled: offset === 0,
-          onClick: handleClickLeft,
-          tooltip: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.prev"
-          })
+          title: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.next"
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            material.IconButton,
+            {
+              size: "small",
+              disabled: offset === 0,
+              onClick: handleClickLeft,
+              children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronLeft, {})
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Alert.IconButton,
+        material.Tooltip,
         {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronRight, {}),
-          component: "span",
-          size: "small",
-          disabled: !overflowing,
-          onClick: handleClickRight,
-          tooltip: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.next"
-          })
+          title: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.prev"
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            material.IconButton,
+            {
+              size: "small",
+              disabled: !overflowing,
+              onClick: handleClickRight,
+              children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronRight, {})
+            }
+          )
         }
       )
     ] })
@@ -5267,7 +5275,7 @@ function ComparativeCategoryWidgetUI({
         { id: "c4r.widgets.category.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsxRuntime.jsx(Alert.Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsxRuntime.jsx(Alert.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,
@@ -5278,11 +5286,11 @@ function ComparativeCategoryWidgetUI({
             gap: theme.spacing(1)
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Alert.Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
             /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { orientation: "vertical", flexItem: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(Alert.Link, { onClick: clearSelection, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: clearSelection, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]

package/dist/widgets/index.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createContext, useContext, useLayoutEffect, createRef } from "react";
-import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, IconButton as IconButton$1, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
+import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, IconButton, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
 import { useIntl } from "react-intl";
-import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-b5wP_uRE.js";
+import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-KpTvhN4Y.js";
 import _ReactEcharts from "echarts-for-react";
 import { FixedSizeList } from "react-window";
 import { S as Search, a as SwatchSquare } from "../SwatchSquare-DhaaXt53.js";
 import { ChevronLeft, ChevronRight, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, ExpandLess, ExpandMore, Close, LayersOutlined, MoreVert } from "@mui/icons-material";
-import { I as IconButton, L as Link$1, A as Alert } from "../Alert-CETC14v2.js";
+import { A as Alert } from "../Alert-D8jI1sG4.js";
 import { a as getColorByCategory, c as commonPalette, b as getPalette } from "../paletteUtils-BHqJlHm9.js";
 function detectTouchscreen() {
   let result = false;
@@ -2169,29 +2169,37 @@ function ChartLegend({
     (overflowing || offset > 0) && /* @__PURE__ */ jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
       /* @__PURE__ */ jsx(OverflowVeil, {}),
       /* @__PURE__ */ jsx(
-        IconButton,
+        Tooltip,
         {
-          icon: /* @__PURE__ */ jsx(ChevronLeft, {}),
-          component: "span",
-          size: "small",
-          disabled: offset === 0,
-          onClick: handleClickLeft,
-          tooltip: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.prev"
-          })
+          title: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.next"
+          }),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              disabled: offset === 0,
+              onClick: handleClickLeft,
+              children: /* @__PURE__ */ jsx(ChevronLeft, {})
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(
-        IconButton,
+        Tooltip,
         {
-          icon: /* @__PURE__ */ jsx(ChevronRight, {}),
-          component: "span",
-          size: "small",
-          disabled: !overflowing,
-          onClick: handleClickRight,
-          tooltip: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.next"
-          })
+          title: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.prev"
+          }),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              disabled: !overflowing,
+              onClick: handleClickRight,
+              children: /* @__PURE__ */ jsx(ChevronRight, {})
+            }
+          )
         }
       )
     ] })
@@ -4221,7 +4229,7 @@ function TimeSeriesControls({
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      IconButton$1,
+      IconButton,
       {
         size: "small",
         color: "default",
@@ -4255,7 +4263,7 @@ function TimeSeriesControls({
       }
     ),
     /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
-      IconButton$1,
+      IconButton,
       {
         size: "small",
         color: "primary",
@@ -4266,7 +4274,7 @@ function TimeSeriesControls({
       }
     ) }),
     /* @__PURE__ */ jsx(Box, { mt: 0.75, children: /* @__PURE__ */ jsx(
-      IconButton$1,
+      IconButton,
       {
         "data-testid": "play-pause",
         size: "small",
@@ -5265,7 +5273,7 @@ function ComparativeCategoryWidgetUI({
         { id: "c4r.widgets.category.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link$1, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsx(Link$1, { onClick: disableBlocking, children: intlConfig.formatMessage({
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsx(Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
         id: "c4r.widgets.category.unlock"
       }) }) : selectedCategories.length ? /* @__PURE__ */ jsxs(
         Box,
@@ -5276,11 +5284,11 @@ function ComparativeCategoryWidgetUI({
             gap: theme.spacing(1)
           },
           children: [
-            /* @__PURE__ */ jsx(Link$1, { onClick: enableBlocking, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsx(Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
             /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true }),
-            /* @__PURE__ */ jsx(Link$1, { onClick: clearSelection, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsx(Link, { onClick: clearSelection, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]
@@ -5722,7 +5730,7 @@ function FeatureSelectionUIToggleButton({
     }
   ) });
 }
-const ArrowButton = styled(IconButton$1, {
+const ArrowButton = styled(IconButton, {
   shouldForwardProp: (prop) => prop !== "isOpen"
 })(({ isOpen, theme }) => ({
   color: theme.palette.text.secondary,
@@ -6153,7 +6161,7 @@ function LegendOpacityControl({
       {
         title: intlConfig.formatMessage({ id: "c4r.widgets.legend.opacity" }),
         children: /* @__PURE__ */ jsx(
-          IconButton$1,
+          IconButton,
           {
             size: "small",
             color: open ? "primary" : "default",
@@ -6734,7 +6742,7 @@ function LegendLayer({
   return /* @__PURE__ */ jsxs(LegendLayerWrapper, { "data-testid": "legend-layer", "aria-label": title, children: [
     /* @__PURE__ */ jsxs(LegendItemHeader, { ref: menuAnchorRef, children: [
       collapsible && /* @__PURE__ */ jsx(
-        IconButton$1,
+        IconButton,
         {
           size: "small",
           "aria-label": intlConfig.formatMessage({
@@ -6790,7 +6798,7 @@ function LegendLayer({
             id: visible ? "c4r.widgets.legend.hideLayer" : "c4r.widgets.legend.showLayer"
           }),
           children: /* @__PURE__ */ jsx(
-            IconButton$1,
+            IconButton,
             {
               size: "small",
               onClick: () => onChangeVisibility({
@@ -6880,7 +6888,7 @@ function LegendWidgetUI({
       Tooltip,
       {
         title: intlConfig.formatMessage({ id: "c4r.widgets.legend.close" }),
-        children: /* @__PURE__ */ jsx(IconButton$1, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
+        children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
       }
     )
   ] });
@@ -6888,7 +6896,7 @@ function LegendWidgetUI({
     Tooltip,
     {
       title: intlConfig.formatMessage({ id: "c4r.widgets.legend.open" }),
-      children: /* @__PURE__ */ jsx(IconButton$1, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
+      children: /* @__PURE__ */ jsx(IconButton, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
     }
   );
   return /* @__PURE__ */ jsx(LegendRoot, { sx, elevation: 3, collapsed: collapsed || !!isMobile, children: isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7043,7 +7051,7 @@ const HeaderItems = styled(Grid)(({ theme }) => ({
   marginRight: theme.spacing(-0.5),
   marginLeft: theme.spacing(1)
 }));
-const IconActionButton = styled(IconButton$1)(({ theme }) => ({
+const IconActionButton = styled(IconButton)(({ theme }) => ({
   color: theme.palette.text.secondary
 }));
 const PaperMenu = styled(Menu)(({ theme }) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "1.4.5-alpha-external-link.3",
+  "version": "1.4.5",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {

package/dist/types/components/atoms/ExternalLink.d.ts

@@ -1,21 +0,0 @@
-declare const ExternalLink: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material/Link').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLAnchorElement> | null | undefined;
-}, "p" | "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "underline" | "endIcon" | "startIcon" | "TypographyClasses"> & {
-    component?: import('react').ElementType;
-} & {
-    showIcon?: boolean;
-    useButton?: boolean;
-    icon?: JSX.Element;
-}, "ref"> | Omit<{
-    target?: string;
-    loading?: boolean;
-    loadingPosition?: "start" | "end";
-} & import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<any, "style" | "className" | "classes" | "color" | "children" | "sx" | "variant" | "target" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon" | "loadingPosition"> & {
-    component?: import('react').ElementType;
-} & {
-    showIcon?: boolean;
-    useButton?: boolean;
-    icon?: JSX.Element;
-}, "ref">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default ExternalLink;
-//# sourceMappingURL=ExternalLink.d.ts.map

package/dist/types/components/atoms/ExternalLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ExternalLink.tsx"],"names":[],"mappings":"AAuEA,QAAA,MAAM,YAAY;;;;;eAvCH,OAAO;gBACN,OAAO;WACZ,GAAG,CAAC,OAAO;;;;;;;;eAFP,OAAO;gBACN,OAAO;WACZ,GAAG,CAAC,OAAO;kFAqCwB,CAAA;AAC9C,eAAe,YAAY,CAAA"}

package/dist/types/components/atoms/Link.d.ts

@@ -1,4 +0,0 @@
-import { LinkProps } from '@mui/material';
-declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-export default Link;
-//# sourceMappingURL=Link.d.ts.map

package/dist/types/components/atoms/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,SAAS,EAA2B,MAAM,eAAe,CAAA;AA+BvE,QAAA,MAAM,IAAI,sHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}