@carto/meridian-ds 2.12.1 → 2.12.2

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ## 2.0
 
+### 2.12.2
+
+- Fix: change default arrow onBack icon for DialogHeader component [#376] (https://github.com/CartoDB/meridian-ds/pull/376)
+
 ### 2.12.1
 
 - Allow customization of menu item label in MultipleSelectField [#359](https://github.com/CartoDB/meridian-ds/pull/359)

package/dist/{OpenDiagonallyRight-CaNa6uRI.cjs → OpenDiagonallyRight-BUZBgnkY.cjs}

@@ -2,33 +2,6 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const Icon$3 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
-    clipRule: "evenodd"
-  }
-) });
-const BaseSvgIcon$3 = material.createSvgIcon(Icon$3(), "ArrowLeft");
-function ArrowLeft({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const ForwardedComponent$3 = React.forwardRef(ArrowLeft);
-ForwardedComponent$3.displayName = "ArrowLeft";
 const Icon$2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -110,7 +83,6 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
 }
 const ForwardedComponent = React.forwardRef(OpenDiagonallyRight);
 ForwardedComponent.displayName = "OpenDiagonallyRight";
-exports.ForwardedComponent = ForwardedComponent$3;
-exports.ForwardedComponent$1 = ForwardedComponent$2;
-exports.ForwardedComponent$2 = ForwardedComponent$1;
-exports.ForwardedComponent$3 = ForwardedComponent;
+exports.ForwardedComponent = ForwardedComponent$2;
+exports.ForwardedComponent$1 = ForwardedComponent$1;
+exports.ForwardedComponent$2 = ForwardedComponent;

package/dist/{OpenDiagonallyRight-y1A_rQiz.js → OpenDiagonallyRight-DQEM4RAg.js}

@@ -1,33 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
-const Icon$3 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
-    clipRule: "evenodd"
-  }
-) });
-const BaseSvgIcon$3 = createSvgIcon(Icon$3(), "ArrowLeft");
-function ArrowLeft({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const ForwardedComponent$3 = forwardRef(ArrowLeft);
-ForwardedComponent$3.displayName = "ArrowLeft";
 const Icon$2 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -110,8 +83,7 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
 const ForwardedComponent = forwardRef(OpenDiagonallyRight);
 ForwardedComponent.displayName = "OpenDiagonallyRight";
 export {
-  ForwardedComponent$3 as F,
-  ForwardedComponent$2 as a,
-  ForwardedComponent$1 as b,
-  ForwardedComponent as c
+  ForwardedComponent$2 as F,
+  ForwardedComponent$1 as a,
+  ForwardedComponent as b
 };

package/dist/components/index.cjs

@@ -7,7 +7,7 @@ const iconsMaterial = require("@mui/icons-material");
 const paletteUtils = require("../palette-utils-Y3_zSjv2.cjs");
 const ListItem = require("../ListItem-2aFaE2cn.cjs");
 const ArrowDown = require("../ArrowDown-84Oc8r9k.cjs");
-const OpenDiagonallyRight = require("../OpenDiagonallyRight-CaNa6uRI.cjs");
+const OpenDiagonallyRight = require("../OpenDiagonallyRight-BUZBgnkY.cjs");
 const utils = require("../utils-BC7DF-VM.cjs");
 require("cartocolor");
 const ReactWindow = require("react-window");
@@ -203,7 +203,7 @@ function SplitButton({
               children: (_a = options[selectedIndex]) == null ? void 0 : _a.label
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}) })
         ]
       }
     ),
@@ -2163,7 +2163,7 @@ function CodeAreaHeader({
                 /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { children: copyLabel })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(utils.MenuItem, { onClick: onClickExpand, disabled, id: "expand", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$3, {}) }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {}) }),
                 /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { children: expandLabel })
               ] })
             ]
@@ -2201,7 +2201,7 @@ function CodeAreaHeader({
         color: "default",
         size,
         onClick: onClickExpand,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$3, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {}),
         disabled,
         tooltip: expandLabel,
         tooltipPlacement: "top"
@@ -3279,7 +3279,7 @@ function DialogHeader({
               onClick: onBack,
               tooltip: backTooltipLabel,
               tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}),
+              icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackOutlined, {}),
               ...backIconButtonProps
             }
           ),
@@ -3829,7 +3829,7 @@ function CodeAreaDialog({
           {
             title,
             onClose,
-            closeIcon: !onClickFooter && /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {})
+            closeIcon: !onClickFooter && /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {})
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(CodeAreaDialogContent, { error, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5185,7 +5185,7 @@ function _FilterDropdown({
           Button,
           {
             ...commonButtonProps,
-            endIcon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}),
+            endIcon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}),
             ...buttonProps,
             children: menuLabel
           }

package/dist/components/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
 import { styled, Box, Button as Button$1, CircularProgress as CircularProgress$1, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText as ListItemText$1, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip as Chip$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Snackbar as Snackbar$1, Portal, Fade, ListSubheader as ListSubheader$1, Typography as Typography$1, Popover } from "@mui/material";
 import { ListItemAvatar, ListItemSecondaryAction } from "@mui/material";
-import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
+import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, ArrowBackOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
 import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, o as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, l as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, p as useImperativeIntl, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles, r as resolvePalettePath } from "../palette-utils-vw-vTQjG.js";
 import { a } from "../palette-utils-vw-vTQjG.js";
 import { S as ScreenReaderOnly, A as Alert$1, u as useListContextProps } from "../ListItem-DA0KFtZW.js";
 import { L, a as a2, b, c, d } from "../ListItem-DA0KFtZW.js";
 import { F as ForwardedComponent$1 } from "../ArrowDown-Bho9Ssnw.js";
-import { a as ForwardedComponent, c as ForwardedComponent$2, F as ForwardedComponent$3, b as ForwardedComponent$4 } from "../OpenDiagonallyRight-y1A_rQiz.js";
+import { F as ForwardedComponent, b as ForwardedComponent$2, a as ForwardedComponent$3 } from "../OpenDiagonallyRight-DQEM4RAg.js";
 import { M as MenuItem$1, b as getThemeColor, S as SVG_SELECTOR } from "../utils-COdo3b_v.js";
 import "cartocolor";
 import * as ReactWindow from "react-window";
@@ -42,7 +42,7 @@ import { useIntl } from "react-intl";
 import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
 import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
 import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
-import { F as ForwardedComponent$5 } from "../Search-Bx9LZ_VF.js";
+import { F as ForwardedComponent$4 } from "../Search-Bx9LZ_VF.js";
 import DOMPurify from "dompurify";
 const IndicatorIcon = styled(Box)({
   position: "absolute",
@@ -3263,7 +3263,7 @@ function DialogHeader({
               onClick: onBack,
               tooltip: backTooltipLabel,
               tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsx(ForwardedComponent$3, {}),
+              icon: backIcon || /* @__PURE__ */ jsx(ArrowBackOutlined, {}),
               ...backIconButtonProps
             }
           ),
@@ -3813,7 +3813,7 @@ function CodeAreaDialog({
           {
             title,
             onClose,
-            closeIcon: !onClickFooter && /* @__PURE__ */ jsx(ForwardedComponent$4, {})
+            closeIcon: !onClickFooter && /* @__PURE__ */ jsx(ForwardedComponent$3, {})
           }
         ),
         /* @__PURE__ */ jsx(CodeAreaDialogContent, { error, children: /* @__PURE__ */ jsx(
@@ -5515,7 +5515,7 @@ function _MessageField({
 }
 const MessageField = forwardRef(_MessageField);
 MessageField.displayName = "MessageField";
-const SearchIcon = styled(ForwardedComponent$5, {
+const SearchIcon = styled(ForwardedComponent$4, {
   shouldForwardProp: (prop) => prop !== "minimized" && prop !== "disabled"
 })(
   ({ theme, minimized, disabled }) => ({

package/dist/custom-icons/index.cjs

@@ -4,10 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const ArrowDown = require("../ArrowDown-84Oc8r9k.cjs");
-const OpenDiagonallyRight = require("../OpenDiagonallyRight-CaNa6uRI.cjs");
+const OpenDiagonallyRight = require("../OpenDiagonallyRight-BUZBgnkY.cjs");
 const Search = require("../Search-DFMUrdFt.cjs");
 const SwatchSquare = require("../SwatchSquare-BydXPPhd.cjs");
-const Icon$3u = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$3v = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -16,10 +16,10 @@ const Icon$3u = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3u = material.createSvgIcon(Icon$3u(), "AccessIn");
+const BaseSvgIcon$3v = material.createSvgIcon(Icon$3v(), "AccessIn");
 function AccessIn({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3u,
+    BaseSvgIcon$3v,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -32,19 +32,19 @@ function AccessIn({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3t = React.forwardRef(AccessIn);
-ForwardedComponent$3t.displayName = "AccessIn";
-const Icon$3t = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3u = React.forwardRef(AccessIn);
+ForwardedComponent$3u.displayName = "AccessIn";
+const Icon$3u = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
     d: "M4 8h4V4H4zM10 20h4v-4h-4zM8 20H4v-4h4zM4 14h4v-4H4zM14 14h-4v-4h4zM14 8h-4V4h4zM16 14h4v-4h-4zM20 20h-4v-4h4zM21 0h-2v3h-3v2h3v3h2V5h3V3h-3z"
   }
 ) });
-const BaseSvgIcon$3t = material.createSvgIcon(Icon$3t(), "AddApp");
+const BaseSvgIcon$3u = material.createSvgIcon(Icon$3u(), "AddApp");
 function AddApp({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3t,
+    BaseSvgIcon$3u,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -57,9 +57,9 @@ function AddApp({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3s = React.forwardRef(AddApp);
-ForwardedComponent$3s.displayName = "AddApp";
-const Icon$3s = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3t = React.forwardRef(AddApp);
+ForwardedComponent$3t.displayName = "AddApp";
+const Icon$3t = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -68,10 +68,10 @@ const Icon$3s = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3s = material.createSvgIcon(Icon$3s(), "AddSection");
+const BaseSvgIcon$3t = material.createSvgIcon(Icon$3t(), "AddSection");
 function AddSection({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3s,
+    BaseSvgIcon$3t,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -84,19 +84,19 @@ function AddSection({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3r = React.forwardRef(AddSection);
-ForwardedComponent$3r.displayName = "AddSection";
-const Icon$3r = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3s = React.forwardRef(AddSection);
+ForwardedComponent$3s.displayName = "AddSection";
+const Icon$3s = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
     d: "M3 7v2h10V7zm4 6v2H3v2h4v2h2v-6zm14 4v-2H11v2zm-6-6h2V9h4V7h-4V5h-2z"
   }
 ) });
-const BaseSvgIcon$3r = material.createSvgIcon(Icon$3r(), "AdvancedSettings");
+const BaseSvgIcon$3s = material.createSvgIcon(Icon$3s(), "AdvancedSettings");
 function AdvancedSettings({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3r,
+    BaseSvgIcon$3s,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -109,9 +109,9 @@ function AdvancedSettings({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3q = React.forwardRef(AdvancedSettings);
-ForwardedComponent$3q.displayName = "AdvancedSettings";
-const Icon$3q = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3r = React.forwardRef(AdvancedSettings);
+ForwardedComponent$3r.displayName = "AdvancedSettings";
+const Icon$3r = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -143,10 +143,10 @@ const Icon$3q = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$3q = material.createSvgIcon(Icon$3q(), "AiAgent");
+const BaseSvgIcon$3r = material.createSvgIcon(Icon$3r(), "AiAgent");
 function AiAgent({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3q,
+    BaseSvgIcon$3r,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -159,9 +159,9 @@ function AiAgent({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3p = React.forwardRef(AiAgent);
-ForwardedComponent$3p.displayName = "AiAgent";
-const Icon$3p = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3q = React.forwardRef(AiAgent);
+ForwardedComponent$3q.displayName = "AiAgent";
+const Icon$3q = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -179,10 +179,10 @@ const Icon$3p = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$3p = material.createSvgIcon(Icon$3p(), "AiGeneratedObject");
+const BaseSvgIcon$3q = material.createSvgIcon(Icon$3q(), "AiGeneratedObject");
 function AiGeneratedObject({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3p,
+    BaseSvgIcon$3q,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -195,9 +195,9 @@ function AiGeneratedObject({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3o = React.forwardRef(AiGeneratedObject);
-ForwardedComponent$3o.displayName = "AiGeneratedObject";
-const Icon$3o = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3p = React.forwardRef(AiGeneratedObject);
+ForwardedComponent$3p.displayName = "AiGeneratedObject";
+const Icon$3p = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -238,10 +238,10 @@ const Icon$3o = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$3o = material.createSvgIcon(Icon$3o(), "AiTool");
+const BaseSvgIcon$3p = material.createSvgIcon(Icon$3p(), "AiTool");
 function AiTool({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3o,
+    BaseSvgIcon$3p,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -255,7 +255,7 @@ function AiTool({ width, height, sx, ...props }, ref) {
   );
 }
 const AiTool$1 = React.forwardRef(AiTool);
-const Icon$3n = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const Icon$3o = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -275,10 +275,10 @@ const Icon$3n = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$3n = material.createSvgIcon(Icon$3n(), "Annotation");
+const BaseSvgIcon$3o = material.createSvgIcon(Icon$3o(), "Annotation");
 function Annotation({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3n,
+    BaseSvgIcon$3o,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -291,9 +291,9 @@ function Annotation({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3n = React.forwardRef(Annotation);
-ForwardedComponent$3n.displayName = "Annotation";
-const Icon$3m = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3o = React.forwardRef(Annotation);
+ForwardedComponent$3o.displayName = "Annotation";
+const Icon$3n = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -302,10 +302,10 @@ const Icon$3m = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3m = material.createSvgIcon(Icon$3m(), "ApiAccessToken");
+const BaseSvgIcon$3n = material.createSvgIcon(Icon$3n(), "ApiAccessToken");
 function ApiAccessToken({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3m,
+    BaseSvgIcon$3n,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -318,9 +318,9 @@ function ApiAccessToken({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3m = React.forwardRef(ApiAccessToken);
-ForwardedComponent$3m.displayName = "ApiAccessToken";
-const Icon$3l = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3n = React.forwardRef(ApiAccessToken);
+ForwardedComponent$3n.displayName = "ApiAccessToken";
+const Icon$3m = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -329,10 +329,10 @@ const Icon$3l = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3l = material.createSvgIcon(Icon$3l(), "ApiBaseUrl");
+const BaseSvgIcon$3m = material.createSvgIcon(Icon$3m(), "ApiBaseUrl");
 function ApiBaseUrl({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3l,
+    BaseSvgIcon$3m,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -345,9 +345,9 @@ function ApiBaseUrl({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3l = React.forwardRef(ApiBaseUrl);
-ForwardedComponent$3l.displayName = "ApiBaseUrl";
-const Icon$3k = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3m = React.forwardRef(ApiBaseUrl);
+ForwardedComponent$3m.displayName = "ApiBaseUrl";
+const Icon$3l = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -372,10 +372,10 @@ const Icon$3k = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$3k = material.createSvgIcon(Icon$3k(), "ApiCall");
+const BaseSvgIcon$3l = material.createSvgIcon(Icon$3l(), "ApiCall");
 function ApiCall({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3k,
+    BaseSvgIcon$3l,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -388,9 +388,9 @@ function ApiCall({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3k = React.forwardRef(ApiCall);
-ForwardedComponent$3k.displayName = "ApiCall";
-const Icon$3j = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3l = React.forwardRef(ApiCall);
+ForwardedComponent$3l.displayName = "ApiCall";
+const Icon$3k = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -399,10 +399,10 @@ const Icon$3j = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3j = material.createSvgIcon(Icon$3j(), "AppCredentials");
+const BaseSvgIcon$3k = material.createSvgIcon(Icon$3k(), "AppCredentials");
 function AppCredentials({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3j,
+    BaseSvgIcon$3k,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -415,17 +415,44 @@ function AppCredentials({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3j = React.forwardRef(AppCredentials);
-ForwardedComponent$3j.displayName = "AppCredentials";
-const Icon$3i = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const ForwardedComponent$3k = React.forwardRef(AppCredentials);
+ForwardedComponent$3k.displayName = "AppCredentials";
+const Icon$3j = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
     d: "M18.424 8.617a1 1 0 0 1-.217 1.09l-5.5 5.5a1 1 0 0 1-1.414 0l-5.5-5.5A1 1 0 0 1 6.5 8h11a1 1 0 0 1 .924.617"
   }
 ) });
-const BaseSvgIcon$3i = material.createSvgIcon(Icon$3i(), "ArrowDownHigh");
+const BaseSvgIcon$3j = material.createSvgIcon(Icon$3j(), "ArrowDownHigh");
 function ArrowDownHigh({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSvgIcon$3j,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const ForwardedComponent$3j = React.forwardRef(ArrowDownHigh);
+ForwardedComponent$3j.displayName = "ArrowDownHigh";
+const Icon$3i = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
+    clipRule: "evenodd"
+  }
+) });
+const BaseSvgIcon$3i = material.createSvgIcon(Icon$3i(), "ArrowLeft");
+function ArrowLeft({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseSvgIcon$3i,
     {
@@ -440,8 +467,8 @@ function ArrowDownHigh({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3i = React.forwardRef(ArrowDownHigh);
-ForwardedComponent$3i.displayName = "ArrowDownHigh";
+const ForwardedComponent$3i = React.forwardRef(ArrowLeft);
+ForwardedComponent$3i.displayName = "ArrowLeft";
 const Icon$3h = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -6918,25 +6945,25 @@ function WorkflowTemp({ width, height, sx, ...props }, ref) {
 const ForwardedComponent = React.forwardRef(WorkflowTemp);
 ForwardedComponent.displayName = "WorkflowTemp";
 exports.ArrowDown = ArrowDown.ForwardedComponent;
-exports.ArrowLeft = OpenDiagonallyRight.ForwardedComponent;
-exports.ArrowUp = OpenDiagonallyRight.ForwardedComponent$1;
-exports.CloseDiagonallyRight = OpenDiagonallyRight.ForwardedComponent$2;
-exports.OpenDiagonallyRight = OpenDiagonallyRight.ForwardedComponent$3;
+exports.ArrowUp = OpenDiagonallyRight.ForwardedComponent;
+exports.CloseDiagonallyRight = OpenDiagonallyRight.ForwardedComponent$1;
+exports.OpenDiagonallyRight = OpenDiagonallyRight.ForwardedComponent$2;
 exports.Search = Search.ForwardedComponent;
 exports.SwatchSquare = SwatchSquare.ForwardedComponent;
-exports.AccessIn = ForwardedComponent$3t;
-exports.AddApp = ForwardedComponent$3s;
-exports.AddSection = ForwardedComponent$3r;
-exports.AdvancedSettings = ForwardedComponent$3q;
-exports.AiAgent = ForwardedComponent$3p;
-exports.AiGeneratedObject = ForwardedComponent$3o;
+exports.AccessIn = ForwardedComponent$3u;
+exports.AddApp = ForwardedComponent$3t;
+exports.AddSection = ForwardedComponent$3s;
+exports.AdvancedSettings = ForwardedComponent$3r;
+exports.AiAgent = ForwardedComponent$3q;
+exports.AiGeneratedObject = ForwardedComponent$3p;
 exports.AiTool = AiTool$1;
-exports.Annotation = ForwardedComponent$3n;
-exports.ApiAccessToken = ForwardedComponent$3m;
-exports.ApiBaseUrl = ForwardedComponent$3l;
-exports.ApiCall = ForwardedComponent$3k;
-exports.AppCredentials = ForwardedComponent$3j;
-exports.ArrowDownHigh = ForwardedComponent$3i;
+exports.Annotation = ForwardedComponent$3o;
+exports.ApiAccessToken = ForwardedComponent$3n;
+exports.ApiBaseUrl = ForwardedComponent$3m;
+exports.ApiCall = ForwardedComponent$3l;
+exports.AppCredentials = ForwardedComponent$3k;
+exports.ArrowDownHigh = ForwardedComponent$3j;
+exports.ArrowLeft = ForwardedComponent$3i;
 exports.ArrowRight = ForwardedComponent$3h;
 exports.ArrowRightHigh = ForwardedComponent$3g;
 exports.AsynchronousWait = ForwardedComponent$3f;

package/dist/custom-icons/index.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
 import { F } from "../ArrowDown-Bho9Ssnw.js";
-import { F as F2, a, b, c } from "../OpenDiagonallyRight-y1A_rQiz.js";
+import { F as F2, a, b } from "../OpenDiagonallyRight-DQEM4RAg.js";
 import { F as F3 } from "../Search-Bx9LZ_VF.js";
 import { F as F4 } from "../SwatchSquare-BDOWVMHN.js";
-const Icon$3u = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const Icon$3v = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -14,10 +14,10 @@ const Icon$3u = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/200
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3u = createSvgIcon(Icon$3u(), "AccessIn");
+const BaseSvgIcon$3v = createSvgIcon(Icon$3v(), "AccessIn");
 function AccessIn({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3u,
+    BaseSvgIcon$3v,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -30,19 +30,19 @@ function AccessIn({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3t = forwardRef(AccessIn);
-ForwardedComponent$3t.displayName = "AccessIn";
-const Icon$3t = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3u = forwardRef(AccessIn);
+ForwardedComponent$3u.displayName = "AccessIn";
+const Icon$3u = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
     d: "M4 8h4V4H4zM10 20h4v-4h-4zM8 20H4v-4h4zM4 14h4v-4H4zM14 14h-4v-4h4zM14 8h-4V4h4zM16 14h4v-4h-4zM20 20h-4v-4h4zM21 0h-2v3h-3v2h3v3h2V5h3V3h-3z"
   }
 ) });
-const BaseSvgIcon$3t = createSvgIcon(Icon$3t(), "AddApp");
+const BaseSvgIcon$3u = createSvgIcon(Icon$3u(), "AddApp");
 function AddApp({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3t,
+    BaseSvgIcon$3u,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -55,9 +55,9 @@ function AddApp({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3s = forwardRef(AddApp);
-ForwardedComponent$3s.displayName = "AddApp";
-const Icon$3s = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3t = forwardRef(AddApp);
+ForwardedComponent$3t.displayName = "AddApp";
+const Icon$3t = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -66,10 +66,10 @@ const Icon$3s = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/200
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3s = createSvgIcon(Icon$3s(), "AddSection");
+const BaseSvgIcon$3t = createSvgIcon(Icon$3t(), "AddSection");
 function AddSection({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3s,
+    BaseSvgIcon$3t,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -82,19 +82,19 @@ function AddSection({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3r = forwardRef(AddSection);
-ForwardedComponent$3r.displayName = "AddSection";
-const Icon$3r = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3s = forwardRef(AddSection);
+ForwardedComponent$3s.displayName = "AddSection";
+const Icon$3s = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
     d: "M3 7v2h10V7zm4 6v2H3v2h4v2h2v-6zm14 4v-2H11v2zm-6-6h2V9h4V7h-4V5h-2z"
   }
 ) });
-const BaseSvgIcon$3r = createSvgIcon(Icon$3r(), "AdvancedSettings");
+const BaseSvgIcon$3s = createSvgIcon(Icon$3s(), "AdvancedSettings");
 function AdvancedSettings({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3r,
+    BaseSvgIcon$3s,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -107,9 +107,9 @@ function AdvancedSettings({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3q = forwardRef(AdvancedSettings);
-ForwardedComponent$3q.displayName = "AdvancedSettings";
-const Icon$3q = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3r = forwardRef(AdvancedSettings);
+ForwardedComponent$3r.displayName = "AdvancedSettings";
+const Icon$3r = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -141,10 +141,10 @@ const Icon$3q = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/20
     }
   )
 ] });
-const BaseSvgIcon$3q = createSvgIcon(Icon$3q(), "AiAgent");
+const BaseSvgIcon$3r = createSvgIcon(Icon$3r(), "AiAgent");
 function AiAgent({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3q,
+    BaseSvgIcon$3r,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -157,9 +157,9 @@ function AiAgent({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3p = forwardRef(AiAgent);
-ForwardedComponent$3p.displayName = "AiAgent";
-const Icon$3p = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3q = forwardRef(AiAgent);
+ForwardedComponent$3q.displayName = "AiAgent";
+const Icon$3q = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -177,10 +177,10 @@ const Icon$3p = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/20
     }
   )
 ] });
-const BaseSvgIcon$3p = createSvgIcon(Icon$3p(), "AiGeneratedObject");
+const BaseSvgIcon$3q = createSvgIcon(Icon$3q(), "AiGeneratedObject");
 function AiGeneratedObject({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3p,
+    BaseSvgIcon$3q,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -193,9 +193,9 @@ function AiGeneratedObject({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3o = forwardRef(AiGeneratedObject);
-ForwardedComponent$3o.displayName = "AiGeneratedObject";
-const Icon$3o = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3p = forwardRef(AiGeneratedObject);
+ForwardedComponent$3p.displayName = "AiGeneratedObject";
+const Icon$3p = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -236,10 +236,10 @@ const Icon$3o = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/20
     }
   )
 ] });
-const BaseSvgIcon$3o = createSvgIcon(Icon$3o(), "AiTool");
+const BaseSvgIcon$3p = createSvgIcon(Icon$3p(), "AiTool");
 function AiTool({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3o,
+    BaseSvgIcon$3p,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -253,7 +253,7 @@ function AiTool({ width, height, sx, ...props }, ref) {
   );
 }
 const AiTool$1 = forwardRef(AiTool);
-const Icon$3n = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const Icon$3o = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -273,10 +273,10 @@ const Icon$3n = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/20
     }
   )
 ] });
-const BaseSvgIcon$3n = createSvgIcon(Icon$3n(), "Annotation");
+const BaseSvgIcon$3o = createSvgIcon(Icon$3o(), "Annotation");
 function Annotation({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3n,
+    BaseSvgIcon$3o,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -289,9 +289,9 @@ function Annotation({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3n = forwardRef(Annotation);
-ForwardedComponent$3n.displayName = "Annotation";
-const Icon$3m = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3o = forwardRef(Annotation);
+ForwardedComponent$3o.displayName = "Annotation";
+const Icon$3n = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -300,10 +300,10 @@ const Icon$3m = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/200
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3m = createSvgIcon(Icon$3m(), "ApiAccessToken");
+const BaseSvgIcon$3n = createSvgIcon(Icon$3n(), "ApiAccessToken");
 function ApiAccessToken({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3m,
+    BaseSvgIcon$3n,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -316,9 +316,9 @@ function ApiAccessToken({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3m = forwardRef(ApiAccessToken);
-ForwardedComponent$3m.displayName = "ApiAccessToken";
-const Icon$3l = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3n = forwardRef(ApiAccessToken);
+ForwardedComponent$3n.displayName = "ApiAccessToken";
+const Icon$3m = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -327,10 +327,10 @@ const Icon$3l = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/200
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3l = createSvgIcon(Icon$3l(), "ApiBaseUrl");
+const BaseSvgIcon$3m = createSvgIcon(Icon$3m(), "ApiBaseUrl");
 function ApiBaseUrl({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3l,
+    BaseSvgIcon$3m,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -343,9 +343,9 @@ function ApiBaseUrl({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3l = forwardRef(ApiBaseUrl);
-ForwardedComponent$3l.displayName = "ApiBaseUrl";
-const Icon$3k = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const ForwardedComponent$3m = forwardRef(ApiBaseUrl);
+ForwardedComponent$3m.displayName = "ApiBaseUrl";
+const Icon$3l = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -370,10 +370,10 @@ const Icon$3k = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/20
     }
   )
 ] });
-const BaseSvgIcon$3k = createSvgIcon(Icon$3k(), "ApiCall");
+const BaseSvgIcon$3l = createSvgIcon(Icon$3l(), "ApiCall");
 function ApiCall({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3k,
+    BaseSvgIcon$3l,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -386,9 +386,9 @@ function ApiCall({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3k = forwardRef(ApiCall);
-ForwardedComponent$3k.displayName = "ApiCall";
-const Icon$3j = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3l = forwardRef(ApiCall);
+ForwardedComponent$3l.displayName = "ApiCall";
+const Icon$3k = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -397,10 +397,10 @@ const Icon$3j = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/200
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$3j = createSvgIcon(Icon$3j(), "AppCredentials");
+const BaseSvgIcon$3k = createSvgIcon(Icon$3k(), "AppCredentials");
 function AppCredentials({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3j,
+    BaseSvgIcon$3k,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -413,17 +413,44 @@ function AppCredentials({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3j = forwardRef(AppCredentials);
-ForwardedComponent$3j.displayName = "AppCredentials";
-const Icon$3i = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const ForwardedComponent$3k = forwardRef(AppCredentials);
+ForwardedComponent$3k.displayName = "AppCredentials";
+const Icon$3j = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
     d: "M18.424 8.617a1 1 0 0 1-.217 1.09l-5.5 5.5a1 1 0 0 1-1.414 0l-5.5-5.5A1 1 0 0 1 6.5 8h11a1 1 0 0 1 .924.617"
   }
 ) });
-const BaseSvgIcon$3i = createSvgIcon(Icon$3i(), "ArrowDownHigh");
+const BaseSvgIcon$3j = createSvgIcon(Icon$3j(), "ArrowDownHigh");
 function ArrowDownHigh({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseSvgIcon$3j,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const ForwardedComponent$3j = forwardRef(ArrowDownHigh);
+ForwardedComponent$3j.displayName = "ArrowDownHigh";
+const Icon$3i = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
+    clipRule: "evenodd"
+  }
+) });
+const BaseSvgIcon$3i = createSvgIcon(Icon$3i(), "ArrowLeft");
+function ArrowLeft({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     BaseSvgIcon$3i,
     {
@@ -438,8 +465,8 @@ function ArrowDownHigh({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ForwardedComponent$3i = forwardRef(ArrowDownHigh);
-ForwardedComponent$3i.displayName = "ArrowDownHigh";
+const ForwardedComponent$3i = forwardRef(ArrowLeft);
+ForwardedComponent$3i.displayName = "ArrowLeft";
 const Icon$3h = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -6916,24 +6943,24 @@ function WorkflowTemp({ width, height, sx, ...props }, ref) {
 const ForwardedComponent = forwardRef(WorkflowTemp);
 ForwardedComponent.displayName = "WorkflowTemp";
 export {
-  ForwardedComponent$3t as AccessIn,
-  ForwardedComponent$3s as AddApp,
-  ForwardedComponent$3r as AddSection,
-  ForwardedComponent$3q as AdvancedSettings,
-  ForwardedComponent$3p as AiAgent,
-  ForwardedComponent$3o as AiGeneratedObject,
+  ForwardedComponent$3u as AccessIn,
+  ForwardedComponent$3t as AddApp,
+  ForwardedComponent$3s as AddSection,
+  ForwardedComponent$3r as AdvancedSettings,
+  ForwardedComponent$3q as AiAgent,
+  ForwardedComponent$3p as AiGeneratedObject,
   AiTool$1 as AiTool,
-  ForwardedComponent$3n as Annotation,
-  ForwardedComponent$3m as ApiAccessToken,
-  ForwardedComponent$3l as ApiBaseUrl,
-  ForwardedComponent$3k as ApiCall,
-  ForwardedComponent$3j as AppCredentials,
+  ForwardedComponent$3o as Annotation,
+  ForwardedComponent$3n as ApiAccessToken,
+  ForwardedComponent$3m as ApiBaseUrl,
+  ForwardedComponent$3l as ApiCall,
+  ForwardedComponent$3k as AppCredentials,
   F as ArrowDown,
-  ForwardedComponent$3i as ArrowDownHigh,
-  F2 as ArrowLeft,
+  ForwardedComponent$3j as ArrowDownHigh,
+  ForwardedComponent$3i as ArrowLeft,
   ForwardedComponent$3h as ArrowRight,
   ForwardedComponent$3g as ArrowRightHigh,
-  a as ArrowUp,
+  F2 as ArrowUp,
   ForwardedComponent$3f as AsynchronousWait,
   ForwardedComponent$3e as Autostyle,
   ForwardedComponent$3d as Avg,
@@ -6953,7 +6980,7 @@ export {
   ForwardedComponent$2$ as Center,
   ForwardedComponent$2_ as CenterLayer,
   ForwardedComponent$2Z as CloseDiagonallyLeft,
-  b as CloseDiagonallyRight,
+  a as CloseDiagonallyRight,
   ForwardedComponent$2Y as CloseVertically,
   ForwardedComponent$2X as CodeBlock,
   ForwardedComponent$2W as Comments,
@@ -7052,7 +7079,7 @@ export {
   ForwardedComponent$1t as OohAnalytics,
   ForwardedComponent$1s as Opacity,
   ForwardedComponent$1r as OpenDiagonallyLeft,
-  c as OpenDiagonallyRight,
+  b as OpenDiagonallyRight,
   ForwardedComponent$1q as OpenNewWindow,
   ForwardedComponent$1p as OpenVertically,
   ForwardedComponent$1o as ParameterSettings,

package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAgC5C,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA8DnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAgC5C,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA8DnB;AAED,eAAe,YAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.12.1",
+  "version": "2.12.2",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {