@carto/meridian-ds 1.4.7 → 1.4.8-alpha-external-link.5

package/dist/components/index.js

@@ -1,21 +1,22 @@
 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, 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 { forwardRef, useState, useRef, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, useCallback } from "react";
 import { useIntl } from "react-intl";
-import { VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
-import { I as IconButton$1, A as Alert$1 } from "../Alert-CywtIMOj.js";
+import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, IconButton, Tooltip, Select, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, 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, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
+import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
+import { u as useImperativeIntl, T as Typography, c as ICON_SIZE_SMALL, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-b5wP_uRE.js";
+import { a } from "../TablePaginationActions-b5wP_uRE.js";
+import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
+import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CSm5GYYJ.js";
+import { I as IconButton$1, A as Alert$1 } from "../Alert-2L0Hy8lT.js";
+import { L } from "../Alert-2L0Hy8lT.js";
 import "cartocolor";
 import { M as MenuItem$1 } from "../MenuItem-CXnnE5lK.js";
-import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
 import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
 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 { O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-5HZXh46V.js";
 import { Controlled, UnControlled } from "react-codemirror2";
-import { lime, blue, purple, teal, red, indigo } from "@mui/material/colors";
+import { lime, blue, purple, teal, red, green, indigo } from "@mui/material/colors";
 import "codemirror/lib/codemirror.css";
 import "codemirror/lib/codemirror.js";
 import "codemirror/mode/sql/sql.js";
@@ -38,7 +39,7 @@ import "codemirror/addon/fold/xml-fold.js";
 import "codemirror/addon/fold/indent-fold.js";
 import "codemirror/addon/fold/markdown-fold.js";
 import "codemirror/addon/fold/comment-fold.js";
-import ClickAwayListener from "@mui/material/ClickAwayListener";
+import ClickAwayListener$1 from "@mui/material/ClickAwayListener";
 const IndicatorIcon = styled(Box)({
   position: "absolute",
   top: 0,
@@ -60,8 +61,13 @@ function _Button({
   startIcon,
   endIcon,
   loadingPosition,
+  external,
+  showExternalIcon = true,
+  "aria-label": ariaLabel,
   ...otherProps
 }, ref) {
+  const intl = useIntl();
+  const intlConfig = useImperativeIntl(intl);
   const defaultIconLoader = /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" });
   const isDefaultLoading = loading && loadingPosition === void 0;
   const renderContent = () => {
@@ -83,7 +89,11 @@ function _Button({
       }
       return void 0;
     }
-    return position === "start" ? startIcon : endIcon;
+    if (position === "start") {
+      return startIcon;
+    } else {
+      return endIcon || (external && showExternalIcon && otherProps.href ? /* @__PURE__ */ jsx(OpenInNewOutlined, {}) : void 0);
+    }
   };
   return /* @__PURE__ */ jsx(
     Button$1,
@@ -93,12 +103,103 @@ function _Button({
       endIcon: getIconForPosition("end"),
       ...otherProps,
       role: otherProps.href ? "link" : "button",
+      ...otherProps.href && external && {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      "aria-label": ariaLabel || (external && otherProps.href ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
+        id: "c4r.button.opensInNewTab"
+      })})` : void 0),
       ref,
       children: /* @__PURE__ */ jsx(Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
     }
   );
 }
 const Button = forwardRef(_Button);
+const ButtonGroup = styled(ButtonGroup$1)(({ theme, size }) => ({
+  "& .MuiButton-root:last-child": {
+    padding: 0,
+    minWidth: size === "small" ? theme.spacing(3) : size === "large" ? theme.spacing(6) : theme.spacing(4)
+  }
+}));
+function SplitButton({
+  options,
+  onClick,
+  variant,
+  size,
+  color,
+  ...otherProps
+}) {
+  var _a;
+  const [open, setOpen] = useState(false);
+  const anchorRef = useRef(null);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const handleClick = () => {
+    onClick(options[selectedIndex]);
+  };
+  const handleMenuItemClick = (_, index) => {
+    setSelectedIndex(index);
+    setOpen(false);
+  };
+  const handleToggle = () => {
+    setOpen((prevOpen) => !prevOpen);
+  };
+  const handleClose = (event) => {
+    var _a2;
+    if ((_a2 = anchorRef.current) == null ? void 0 : _a2.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ButtonGroup,
+      {
+        "data-name": "split-button",
+        ref: anchorRef,
+        variant,
+        size,
+        color,
+        ...otherProps,
+        children: [
+          /* @__PURE__ */ jsx(Button$1, { onClick: handleClick, children: (_a = options[selectedIndex]) == null ? void 0 : _a.label }),
+          /* @__PURE__ */ jsx(Button$1, { onClick: handleToggle, children: open ? /* @__PURE__ */ jsx(ArrowUp, {}) : /* @__PURE__ */ jsx(ArrowDown, {}) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popper,
+      {
+        sx: { zIndex: 1 },
+        open,
+        anchorEl: anchorRef.current,
+        role: void 0,
+        transition: true,
+        disablePortal: true,
+        placement: "bottom-end",
+        children: ({ TransitionProps, placement }) => /* @__PURE__ */ jsx(
+          Grow,
+          {
+            ...TransitionProps,
+            style: {
+              transformOrigin: placement === "bottom" ? "center top" : "center bottom"
+            },
+            children: /* @__PURE__ */ jsx(Paper, { elevation: 8, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx(MenuList$1, { autoFocusItem: true, sx: { paddingY: 1 }, children: options.map((option, index) => /* @__PURE__ */ jsx(
+              MenuItem,
+              {
+                disabled: option.disabled,
+                selected: index === selectedIndex,
+                onClick: (event) => handleMenuItemClick(event, index),
+                children: option.label
+              },
+              option.label
+            )) }) }) })
+          }
+        )
+      }
+    )
+  ] });
+}
 const Root$5 = styled(Box)(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3113,8 +3214,9 @@ const CodeAreaTheme = styled(Box, {
     right: 0,
     zIndex: 1
   },
-  "& .pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like, & .cm-bracket": {
-    color: theme.palette.text.primary
+  ".CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like, & .cm-bracket": {
+    color: theme.palette.text.primary,
+    fontVariantLigatures: "no-common-ligatures"
   },
   "& .CodeMirror pre.CodeMirror-placeholder": {
     color: theme.palette.text.hint
@@ -3132,7 +3234,7 @@ const CodeAreaTheme = styled(Box, {
   "& .cm-number, & .cm-property, & .cm-builtin": {
     color: red[700]
   },
-  "& .cm-comment": {
+  "& .cm-comment, & .cm-quote": {
     color: theme.palette.text.secondary
   },
   "& .cm-variable": {
@@ -3141,9 +3243,18 @@ const CodeAreaTheme = styled(Box, {
   "& .cm-variable-2": {
     color: theme.palette.text.primary
   },
-  "& .cm-punctuation, & .cm-def, ": {
+  "& .cm-punctuation, & .cm-def": {
     color: blue[800]
   },
+  "& .cm-image-alt-text, & .cm-link": {
+    color: green[800],
+    textDecoration: "none"
+  },
+  // Custom inline link styling .cm-inline-url
+  "& .cm-url, & .cm-inline-url": {
+    color: blue[800],
+    textDecoration: "none"
+  },
   "& .cm-variable-3, & .cm-type": {
     color: indigo[800]
   },
@@ -3157,20 +3268,23 @@ const CodeAreaTheme = styled(Box, {
   "& .CodeMirror-selected": {
     background: blue[800]
   },
-  "& .cm-header-1": {
-    fontSize: theme.typography.h2.fontSize
-  },
-  "& .cm-header-2": {
-    fontSize: theme.typography.h3.fontSize
+  "& .cm-header": {
+    color: red[700],
+    ...theme.typography.code3,
+    fontWeight: theme.typography.fontWeightBold
   },
-  "& .cm-header-3": {
-    fontSize: theme.typography.h4.fontSize
+  "& .cm-header-4, & .cm-header-5, & .cm-header-6": {
+    fontWeight: theme.typography.fontWeightRegular
   },
-  "& .cm-header-4": {
-    fontSize: theme.typography.h5.fontSize
+  // Custom inline code styling
+  "& .cm-inline-code": {
+    backgroundColor: theme.palette.black[4],
+    color: purple[500]
   },
-  "& .cm-header-5": {
-    fontSize: theme.typography.h6.fontSize
+  // Custom code block styling
+  "& .cm-code-block": {
+    backgroundColor: theme.palette.black[4],
+    marginRight: theme.spacing(2)
   },
   ...size === "small" && {
     "& .CodeMirror": {
@@ -3206,6 +3320,100 @@ function findCodeAreaControlCodeOccurrences(content) {
   }
   return matches;
 }
+const editorMarkers = /* @__PURE__ */ new WeakMap();
+function clearMarkersForClass(editor, className) {
+  var _a, _b;
+  const markers = (_a = editorMarkers.get(editor)) == null ? void 0 : _a.get(className);
+  if (!markers) return;
+  markers.forEach((marker) => {
+    if (marker.find()) {
+      marker.clear();
+    }
+  });
+  (_b = editorMarkers.get(editor)) == null ? void 0 : _b.delete(className);
+}
+function storeMarkersForClass(editor, className, markers) {
+  if (!editorMarkers.has(editor)) {
+    editorMarkers.set(editor, /* @__PURE__ */ new Map());
+  }
+  const editorMap = editorMarkers.get(editor);
+  if (editorMap) {
+    editorMap.set(className, markers);
+  }
+}
+function CodeAreaMarkTextPattern(editor, pattern, options, excludePatterns) {
+  const { className } = options;
+  clearMarkersForClass(editor, className);
+  const doc = editor.getDoc();
+  const content = doc.getValue();
+  const excludeRanges = (excludePatterns == null ? void 0 : excludePatterns.flatMap(
+    (excludePattern) => Array.from(content.matchAll(excludePattern), (match) => ({
+      start: match.index,
+      end: match.index + match[0].length
+    }))
+  )) ?? [];
+  const markers = Array.from(content.matchAll(pattern)).filter((match) => {
+    if (excludeRanges.some(
+      (range) => match.index >= range.start && match.index < range.end
+    )) {
+      return false;
+    }
+    return !match[1] || match[1].trim().length > 0;
+  }).map((match) => {
+    const startPos = doc.posFromIndex(match.index);
+    const endPos = doc.posFromIndex(match.index + match[0].length);
+    return editor.markText(startPos, endPos, {
+      atomic: false,
+      clearOnEnter: false,
+      ...options
+    });
+  });
+  if (markers.length > 0) {
+    storeMarkersForClass(editor, className, markers);
+  }
+}
+function markInlineCode(editor, className = "cm-inline-code") {
+  const inlineCodePattern = /`([^`\n\r]+)`/g;
+  const codeBlockPattern = /```[\s\S]*?```/g;
+  CodeAreaMarkTextPattern(
+    editor,
+    inlineCodePattern,
+    {
+      className
+    },
+    [codeBlockPattern]
+  );
+}
+function markInlineLinks(editor, className = "cm-inline-url") {
+  const inlineLinkPattern = /<((?:https?:\/\/[^\s<>]+)|(?:[^\s<>@]+@[^\s<>@]+\.[^\s<>@]+))>/g;
+  const codeBlockPattern = /```[\s\S]*?```/g;
+  CodeAreaMarkTextPattern(
+    editor,
+    inlineLinkPattern,
+    {
+      className
+    },
+    [codeBlockPattern]
+  );
+}
+function markCodeBlocks(editor, className = "cm-code-block") {
+  const doc = editor.getDoc();
+  const content = doc.getValue();
+  const lineCount = content.split("\n").length;
+  for (let i = 0; i < lineCount; i++) {
+    ["background", "wrap", "text"].forEach(
+      (where) => editor.removeLineClass(i, where, className)
+    );
+  }
+  const codeBlockPattern = /```[\s\S]*?(?:```|$)/g;
+  Array.from(content.matchAll(codeBlockPattern)).forEach((match) => {
+    const startPos = doc.posFromIndex(match.index);
+    const endPos = doc.posFromIndex(match.index + match[0].length);
+    for (let lineNum = startPos.line; lineNum <= endPos.line; lineNum++) {
+      editor.addLineClass(lineNum, "wrap", className);
+    }
+  });
+}
 function foldCode(editor, { from, to }) {
   editor.foldCode(
     0,
@@ -3246,6 +3454,7 @@ function CodeAreaInput({
   const codeMirrorOptions = {
     mode: "sql",
     theme: "light",
+    addModeClass: true,
     lineNumbers: true,
     lineWrapping: true,
     extraKeys: { "Ctrl-Space": "autocomplete" },
@@ -3276,6 +3485,13 @@ function CodeAreaInput({
     }
     initialFoldingDoneRef.current = true;
   }, [value, editor, autoFoldControlBlocks]);
+  useEffect(() => {
+    const mode = typeof (options == null ? void 0 : options.mode) === "object" && options.mode !== null ? options.mode.name : options == null ? void 0 : options.mode;
+    if (mode !== "markdown" || !editor || !value) return;
+    markInlineCode(editor);
+    markInlineLinks(editor);
+    markCodeBlocks(editor);
+  }, [editor, value, options == null ? void 0 : options.mode]);
   return /* @__PURE__ */ jsxs(
     CodeAreaTheme,
     {
@@ -4210,7 +4426,7 @@ function DialogConfirmation({
       "aria-label": ariaLabel,
       role: "presentation",
       "data-name": "dialog-confirmation",
-      children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClickAway, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(ClickAwayListener$1, { onClickAway: handleClickAway, children: /* @__PURE__ */ jsx(
         Slide,
         {
           direction: "up",
@@ -4496,6 +4712,7 @@ export {
   CodeAreaFooter,
   CodeAreaHeader,
   CodeAreaInput,
+  CodeAreaMarkTextPattern,
   CopiableComponent,
   CreatableAutocomplete,
   DatePicker,
@@ -4513,6 +4730,7 @@ export {
   DialogStepper,
   IconButton$1 as IconButton,
   LabelWithIndicator,
+  L as Link,
   Menu$1 as Menu,
   MenuItem$1 as MenuItem,
   MenuItemFilter,
@@ -4522,6 +4740,7 @@ export {
   PasswordField,
   SelectField,
   Snackbar,
+  SplitButton,
   a as TablePaginationActions,
   Tag,
   TimePicker,

package/dist/custom-icons/index.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("@mui/material/utils");
 const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
-const OpenDiagonallyRight = require("../OpenDiagonallyRight-BrRyCV4Q.cjs");
+const OpenDiagonallyRight = require("../OpenDiagonallyRight-CM1tojUq.cjs");
 const SwatchSquare = require("../SwatchSquare-benaO55C.cjs");
-const Icon$30 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2$ = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -15,10 +15,10 @@ const Icon$30 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$30 = utils.createSvgIcon(Icon$30(), "AccessIn");
+const BaseSvgIcon$2$ = utils.createSvgIcon(Icon$2$(), "AccessIn");
 function AccessIn({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$30,
+    BaseSvgIcon$2$,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -32,17 +32,17 @@ function AccessIn({ width, height, sx, ...props }, ref) {
   );
 }
 const AccessIn$1 = React.forwardRef(AccessIn);
-const Icon$2$ = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2_ = () => /* @__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$2$ = utils.createSvgIcon(Icon$2$(), "AddApp");
+const BaseSvgIcon$2_ = utils.createSvgIcon(Icon$2_(), "AddApp");
 function AddApp({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2$,
+    BaseSvgIcon$2_,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -56,7 +56,7 @@ function AddApp({ width, height, sx, ...props }, ref) {
   );
 }
 const AddApp$1 = React.forwardRef(AddApp);
-const Icon$2_ = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2Z = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -65,10 +65,10 @@ const Icon$2_ = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$2_ = utils.createSvgIcon(Icon$2_(), "AddSection");
+const BaseSvgIcon$2Z = utils.createSvgIcon(Icon$2Z(), "AddSection");
 function AddSection({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2_,
+    BaseSvgIcon$2Z,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -82,17 +82,17 @@ function AddSection({ width, height, sx, ...props }, ref) {
   );
 }
 const AddSection$1 = React.forwardRef(AddSection);
-const Icon$2Z = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2Y = () => /* @__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$2Z = utils.createSvgIcon(Icon$2Z(), "AdvancedSettings");
+const BaseSvgIcon$2Y = utils.createSvgIcon(Icon$2Y(), "AdvancedSettings");
 function AdvancedSettings({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2Z,
+    BaseSvgIcon$2Y,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -106,7 +106,7 @@ function AdvancedSettings({ width, height, sx, ...props }, ref) {
   );
 }
 const AdvancedSettings$1 = React.forwardRef(AdvancedSettings);
-const Icon$2Y = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const Icon$2X = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -147,10 +147,10 @@ const Icon$2Y = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$2Y = utils.createSvgIcon(Icon$2Y(), "AiTool");
+const BaseSvgIcon$2X = utils.createSvgIcon(Icon$2X(), "AiTool");
 function AiTool({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2Y,
+    BaseSvgIcon$2X,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -164,7 +164,7 @@ function AiTool({ width, height, sx, ...props }, ref) {
   );
 }
 const AiTool$1 = React.forwardRef(AiTool);
-const Icon$2X = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const Icon$2W = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -184,10 +184,10 @@ const Icon$2X = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$2X = utils.createSvgIcon(Icon$2X(), "Annotation");
+const BaseSvgIcon$2W = utils.createSvgIcon(Icon$2W(), "Annotation");
 function Annotation({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2X,
+    BaseSvgIcon$2W,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -201,7 +201,7 @@ function Annotation({ width, height, sx, ...props }, ref) {
   );
 }
 const Annotation$1 = React.forwardRef(Annotation);
-const Icon$2W = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
+const Icon$2V = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -226,10 +226,10 @@ const Icon$2W = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://ww
     }
   )
 ] });
-const BaseSvgIcon$2W = utils.createSvgIcon(Icon$2W(), "ApiCall");
+const BaseSvgIcon$2V = utils.createSvgIcon(Icon$2V(), "ApiCall");
 function ApiCall({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2W,
+    BaseSvgIcon$2V,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -243,7 +243,7 @@ function ApiCall({ width, height, sx, ...props }, ref) {
   );
 }
 const ApiCall$1 = React.forwardRef(ApiCall);
-const Icon$2V = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2U = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -252,10 +252,10 @@ const Icon$2V = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$2V = utils.createSvgIcon(Icon$2V(), "ArrowLeft");
+const BaseSvgIcon$2U = utils.createSvgIcon(Icon$2U(), "ArrowLeft");
 function ArrowLeft({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2V,
+    BaseSvgIcon$2U,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -269,7 +269,7 @@ function ArrowLeft({ width, height, sx, ...props }, ref) {
   );
 }
 const ArrowLeft$1 = React.forwardRef(ArrowLeft);
-const Icon$2U = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$2T = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -278,34 +278,8 @@ const Icon$2U = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$2U = utils.createSvgIcon(Icon$2U(), "ArrowRight");
+const BaseSvgIcon$2T = utils.createSvgIcon(Icon$2T(), "ArrowRight");
 function ArrowRight({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$2U,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const ArrowRight$1 = React.forwardRef(ArrowRight);
-const Icon$2T = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "M12.01 11.83 15.18 15l1.41-1.41L12.01 9l-4.59 4.59L8.84 15z",
-    clipRule: "evenodd"
-  }
-) });
-const BaseSvgIcon$2T = utils.createSvgIcon(Icon$2T(), "ArrowUp");
-function ArrowUp({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseSvgIcon$2T,
     {
@@ -320,7 +294,7 @@ function ArrowUp({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const ArrowUp$1 = React.forwardRef(ArrowUp);
+const ArrowRight$1 = React.forwardRef(ArrowRight);
 const Icon$2S = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -5796,6 +5770,7 @@ function WorkflowTemp({ width, height, sx, ...props }, ref) {
 }
 const WorkflowTemp$1 = React.forwardRef(WorkflowTemp);
 exports.ArrowDown = ArrowDown.ArrowDown;
+exports.ArrowUp = OpenDiagonallyRight.ArrowUp;
 exports.CloseDiagonallyRight = OpenDiagonallyRight.CloseDiagonallyRight;
 exports.OpenDiagonallyRight = OpenDiagonallyRight.OpenDiagonallyRight;
 exports.Search = SwatchSquare.Search;
@@ -5809,7 +5784,6 @@ exports.Annotation = Annotation$1;
 exports.ApiCall = ApiCall$1;
 exports.ArrowLeft = ArrowLeft$1;
 exports.ArrowRight = ArrowRight$1;
-exports.ArrowUp = ArrowUp$1;
 exports.AsynchronousWait = AsynchronousWait$1;
 exports.Autostyle = Autostyle$1;
 exports.Avg = Avg$1;