@uniformdev/design-system 19.51.1-alpha.10 → 19.53.0

package/dist/index.js

@@ -1382,6 +1382,7 @@ __export(src_exports, {
   Icon: () => Icon,
   IconButton: () => IconButton,
   IconsProvider: () => IconsProvider,
+  Image: () => Image,
   ImageBroken: () => ImageBroken,
   InfoMessage: () => InfoMessage,
   InlineAlert: () => InlineAlert,
@@ -1487,8 +1488,6 @@ __export(src_exports, {
   borderTopIcon: () => borderTopIcon,
   breakpoints: () => breakpoints,
   button: () => button,
-  buttonAccentAltDark: () => buttonAccentAltDark,
-  buttonAccentAltDarkOutline: () => buttonAccentAltDarkOutline,
   buttonDestructive: () => buttonDestructive,
   buttonGhost: () => buttonGhost,
   buttonGhostDestructive: () => buttonGhostDestructive,
@@ -1896,34 +1895,6 @@ var buttonRippleEffect = (props) => import_react3.css`
     transition: background 0s;
   }
 `;
-var buttonAccentAltDark = import_react3.css`
-  background: var(--accent-alt-dark);
-  color: var(--white);
-
-  &:disabled {
-    background: var(--gray-300);
-    color: var(--white);
-  }
-
-  ${buttonRippleEffect({ hoverColor: "var(--brand-secondary-1)" })}
-`;
-var buttonAccentAltDarkOutline = import_react3.css`
-  background: var(--white);
-  color: var(--accent-alt-dark);
-  box-shadow: 0 0 0 1px var(--accent-alt-dark);
-  transition: box-shadow var(--duration-fast) var(--timing-ease-out);
-
-  &:hover {
-    color: var(--primary-action-hover);
-  }
-
-  &:disabled {
-    color: var(--gray-300);
-    box-shadow: 0 0 0 1px var(--gray-300);
-  }
-
-  ${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
-`;
 var buttonPrimary = import_react3.css`
   background: var(--brand-secondary-1);
   color: var(--white);
@@ -2634,9 +2605,6 @@ var IconImg = import_react12.css`
     vertical-align: middle;
   }
 `;
-var IconWhite = import_react12.css`
-  color: var(--white);
-`;
 var IconColorDefault = import_react12.css`
   color: var(--brand-secondary-3);
 `;
@@ -2692,7 +2660,6 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
   const isIconName = typeof icon === "string";
   const { iconsMap, isLoading } = useIconContext();
   const customColor = {
-    white: IconWhite,
     action: IconColorAction,
     default: IconColorDefault,
     gray: IconColorGray,
@@ -3302,60 +3269,6 @@ var diamondFill = (0, import_all_files.GenIcon)({
     }
   ]
 });
-var magicWand = (0, import_all_files.GenIcon)({
-  tag: "svg",
-  attr: {
-    role: "img",
-    viewBox: "0 0 24 24"
-  },
-  child: [
-    {
-      tag: "path",
-      attr: {
-        fill: "currentColor",
-        fillOpacity: "0.5",
-        d: "M12.6021 0.799316C12.5443 0.799316 12.487 0.802204 12.4305 0.807862C12.3484 1.91145 11.5902 2.79082 10.6387 2.88601C10.6338 2.9516 10.6313 3.01798 10.6313 3.08503C10.6313 3.15208 10.6338 3.21846 10.6387 3.28405C11.5902 3.37924 12.3484 4.25862 12.4305 5.3622C12.487 5.36786 12.5443 5.37074 12.6021 5.37074C12.6599 5.37074 12.7171 5.36786 12.7737 5.3622C12.8558 4.25862 13.614 3.37924 14.5655 3.28405C14.5704 3.21846 14.5729 3.15208 14.5729 3.08503C14.5729 3.01798 14.5704 2.9516 14.5655 2.88601C13.614 2.79082 12.8558 1.91145 12.7737 0.807862C12.7171 0.802204 12.6599 0.799316 12.6021 0.799316Z"
-      },
-      child: []
-    },
-    {
-      tag: "path",
-      attr: {
-        fill: "currentColor",
-        fillOpacity: "0.5",
-        d: "M17.8945 12.4247C17.8367 12.4247 17.7795 12.4276 17.7229 12.4332C17.6409 13.5368 16.8826 14.4162 15.9311 14.5114C15.9262 14.577 15.9237 14.6433 15.9237 14.7104C15.9237 14.7774 15.9262 14.8438 15.9311 14.9094C16.8826 15.0046 17.6409 15.884 17.7229 16.9876C17.7795 16.9932 17.8367 16.9961 17.8945 16.9961C17.9523 16.9961 18.0096 16.9932 18.0661 16.9876C18.1482 15.884 18.9064 15.0046 19.858 14.9094C19.8628 14.8438 19.8653 14.7774 19.8653 14.7104C19.8653 14.6433 19.8628 14.577 19.858 14.5114C18.9064 14.4162 18.1482 13.5368 18.0661 12.4332C18.0096 12.4276 17.9523 12.4247 17.8945 12.4247Z"
-      },
-      child: []
-    },
-    {
-      tag: "path",
-      attr: {
-        fill: "currentColor",
-        fillOpacity: "0.5",
-        d: "M21.571 1.6413C21.509 1.6413 21.4476 1.6449 21.387 1.65195C21.299 3.02718 20.4858 4.12302 19.4653 4.24164C19.4601 4.32337 19.4574 4.40609 19.4574 4.48965C19.4574 4.57321 19.4601 4.65592 19.4653 4.73766C20.4858 4.85628 21.299 5.95211 21.387 7.32734C21.4476 7.33439 21.509 7.33799 21.571 7.33799C21.633 7.33799 21.6944 7.33439 21.755 7.32734C21.8431 5.95211 22.6562 4.85628 23.6767 4.73766C23.6819 4.65592 23.6846 4.57321 23.6846 4.48965C23.6846 4.40609 23.6819 4.32337 23.6767 4.24164C22.6562 4.12302 21.8431 3.02718 21.755 1.65195C21.6944 1.6449 21.633 1.6413 21.571 1.6413Z"
-      },
-      child: []
-    },
-    {
-      tag: "path",
-      attr: {
-        fill: "currentColor",
-        d: "M15.6875 11.9141L12.5116 8.73823L2.07262 19.1773C1.9166 19.3333 1.9166 19.5862 2.07262 19.7422L4.68354 22.3532C4.83956 22.5092 5.0925 22.5092 5.24852 22.3532L15.6875 11.9141Z"
-      },
-      child: []
-    },
-    {
-      tag: "path",
-      attr: {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M16.8929 4.92196L19.5038 7.53288L14.8688 12.1679L12.2578 9.55702L16.8929 4.92196ZM19.7863 7.2504C19.9423 7.40641 19.9423 7.65936 19.7863 7.81537L15.6875 11.9141L12.5116 8.73823L16.6104 4.63947C16.7664 4.48346 17.0194 4.48346 17.1754 4.63947L19.7863 7.2504Z"
-      },
-      child: []
-    }
-  ]
-});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -3379,8 +3292,7 @@ var customIcons = {
   "clear-formatting": clearFormatting,
   "yes-no": yesNoIcon,
   "diamond-outline": diamondOutline,
-  "diamond-fill": diamondFill,
-  "magic-wand": magicWand
+  "diamond-fill": diamondFill
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -3958,7 +3870,7 @@ var PageHeaderSection = ({
   if (linkText && linkProps && !linkManagerComponent) {
     throw Error("You must provide a linkManagerComponent");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { css: PageHeaderSectionContainer, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { css: PageHeaderSectionContainer, "data-testid": "page-header", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { css: PageHeaderSectionDetails, children: [
       linkText && linkProps && linkManagerComponent ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { css: PageHeaderSectionLinkContainer, children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_CgChevronLeft2.CgChevronLeft, size: 18, css: PageHeaderSectionLinkIcon, iconColor: "currentColor" }),
@@ -3968,7 +3880,8 @@ var PageHeaderSection = ({
             linkManagerComponent,
             ...linkProps,
             css: PageHeaderSectionLink,
-            text: linkText
+            text: linkText,
+            "data-testid": "page-header-link"
           }
         )
       ] }) : null,
@@ -13009,8 +12922,6 @@ var Button = React6.forwardRef(
     const buttonTheme = {
       primary: buttonPrimary,
       primaryInvert: buttonPrimaryInvert,
-      "accent-alt-dark": buttonAccentAltDark,
-      "accent-alt-dark-outline": buttonAccentAltDarkOutline,
       destructive: buttonDestructive,
       secondary: buttonSecondary,
       secondaryInvert: buttonSecondaryInvert,
@@ -13252,6 +13163,7 @@ var Menu = ({
           typeof menuItemsContainerCssClasses === "object" ? menuItemsContainerCssClasses : void 0
         ],
         className: typeof menuItemsContainerCssClasses === "string" ? menuItemsContainerCssClasses : "",
+        "data-testid": "more-menu",
         children: disableAutoSeparatorManagement ? children : filterMenuSeparators(children)
       }
     ) })
@@ -15150,51 +15062,62 @@ var import_react58 = require("react");
 init_emotion_jsx_shim();
 var import_react57 = require("@emotion/react");
 var iconButton = import_react57.css`
-  border-radius: 50%;
-  padding: var(--spacing-sm);
-`;
+  padding: 0;
+  max-width: unset;
+  justify-content: center;
+  width: var(--button-size);
+  height: var(--button-size);
+`;
+var sizes = {
+  xs: import_react57.css`
+    --button-size: 2rem;
+  `,
+  sm: import_react57.css`
+    --button-size: 2.25rem;
+  `,
+  md: import_react57.css`
+    --button-size: 2.5rem;
+  `
+};
+var variants = {
+  square: null,
+  rounded: import_react57.css`
+    border-radius: 50%;
+  `
+};
 
 // src/components/IconButton/IconButton.tsx
 var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
-var IconButton = (0, import_react58.forwardRef)(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { ref, css: iconButton, ...props, children });
-});
+var IconButton = (0, import_react58.forwardRef)(
+  ({ children, size = "md", variant = "square", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes[size]], ...props, children });
+  }
+);
 IconButton.displayName = "IconButton";
 
-// src/components/Image/ImageBroken.tsx
+// src/components/Image/index.ts
 init_emotion_jsx_shim();
-var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
-var ImageBroken = ({ width, height, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    "svg",
-    {
-      role: "img",
-      width: width != null ? width : "214",
-      height: height != null ? height : "214",
-      viewBox: "0 0 214 214",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      "data-testid": "broken-image",
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-            "image",
-            {
-              id: "image0_761_4353",
-              width: "400",
-              height: "400",
-              xlinkHref: "data:image/png;base64,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UfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBuB/we75KcVO2CRagAAAABJRU5ErkJggg=="
-            }
-          )
-        ] })
-      ]
+
+// src/components/Image/Image.tsx
+init_emotion_jsx_shim();
+var import_react72 = require("react");
+
+// src/utils/url.ts
+init_emotion_jsx_shim();
+var isValidUrl = (urlString, options = {}) => {
+  try {
+    const isRelativeToLocation = /^([/.])/.test(urlString);
+    const url = new URL(
+      urlString,
+      options.allowRelative && isRelativeToLocation ? "https://defaultbaseurl.com" : void 0
+    );
+    if (options.isSecure) {
+      return url.protocol === "https:";
     }
-  );
+    return true;
+  } catch (e) {
+    return false;
+  }
 };
 
 // src/components/Input/Caption.tsx
@@ -15212,9 +15135,9 @@ var CaptionText = (dynamicSize) => import_react59.css`
 `;
 
 // src/components/Input/Caption.tsx
-var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
 var Caption = ({ children, testId, dynamicSize = false, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("small", { css: CaptionText(dynamicSize), "data-testid": testId, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("small", { css: CaptionText(dynamicSize), "data-testid": testId, ...props, children });
 };
 
 // src/components/Input/CheckboxWithInfo.tsx
@@ -15295,21 +15218,21 @@ var InfoDialogMessage = import_react60.css`
 `;
 
 // src/components/Input/CheckboxWithInfo.tsx
-var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
 var InfoDialog = ({ message }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-testid": "info-dialog", css: InfoDialogContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "info", iconColor: "action", size: "0.9rem" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { role: "paragraph", css: InfoDialogMessage, className: "info-message", children: message })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { "data-testid": "info-dialog", css: InfoDialogContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { icon: "info", iconColor: "action", size: "0.9rem" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { role: "paragraph", css: InfoDialogMessage, className: "info-message", children: message })
   ] });
 };
 var CheckboxWithInfo = (0, import_react61.forwardRef)(
   ({ label, name, info, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: CheckboxWithInfoContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { css: CheckboxWithInfoLabel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", { type: "checkbox", name, ref, css: CheckboxWithInfoInput, ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { css: CheckboxWithInfoContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { css: CheckboxWithInfoLabel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("input", { type: "checkbox", name, ref, css: CheckboxWithInfoInput, ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: label })
       ] }),
-      info ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InfoDialog, { message: info }) : null
+      info ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(InfoDialog, { message: info }) : null
     ] });
   }
 );
@@ -15329,10 +15252,10 @@ var ErrorText = import_react62.css`
 `;
 
 // src/components/Input/ErrorMessage.tsx
-var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
 var ErrorMessage = ({ message, testId, ...otherProps }) => {
-  return message ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { role: "alert", css: ErrorText, "data-testid": testId, ...otherProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { icon: import_MdWarning.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
+  return message ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { role: "alert", css: ErrorText, "data-testid": testId, ...otherProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: import_MdWarning.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
@@ -15383,12 +15306,12 @@ var fieldsetBody = import_react63.css`
 `;
 
 // src/components/Input/Fieldset.tsx
-var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
 var Fieldset = React15.forwardRef(
   ({ legend, disabled, children, invert, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("fieldset", { css: fieldsetContainer(Boolean(invert)), ref, disabled, ...props, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("fieldset", { css: fieldsetContainer(Boolean(invert)), ref, disabled, ...props, children: [
       legend,
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { css: fieldsetBody, children })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { css: fieldsetBody, children })
     ] });
   }
 );
@@ -15414,10 +15337,10 @@ var InfoIcon2 = import_react64.css`
 `;
 
 // src/components/Input/InfoMessage.tsx
-var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
 var InfoMessage = ({ message, testId, ...props }) => {
-  return message ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { css: InfoIcon2, icon: import_MdInfoOutline.MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
+  return message ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { css: InfoIcon2, icon: import_MdInfoOutline.MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
@@ -15428,9 +15351,9 @@ var React16 = __toESM(require("react"));
 
 // src/components/Input/Label.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
 var Label = ({ children, className, testId, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "label",
     {
       css: [labelText, typeof className === "object" ? className : void 0],
@@ -15460,16 +15383,16 @@ var WarningIcon = import_react65.css`
 `;
 
 // src/components/Input/WarningMessage.tsx
-var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
 var WarningMessage = ({ message, testId, ...props }) => {
-  return message ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { role: "status", css: WarningText, "data-testid": testId, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { css: WarningIcon, icon: import_MdWarning2.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
+  return message ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { role: "status", css: WarningText, "data-testid": testId, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { css: WarningIcon, icon: import_MdWarning2.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
 
 // src/components/Input/Input.tsx
-var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
 var Input = React16.forwardRef(
   ({
     label,
@@ -15489,13 +15412,13 @@ var Input = React16.forwardRef(
     classNameLabel,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       "div",
       {
         css: [inputContainer, typeof classNameRoot === "object" ? classNameRoot : void 0],
         "data-testid": containerTestId ? containerTestId : "container-input-field",
         children: [
-          showLabel ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          showLabel ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             Label,
             {
               htmlFor: id,
@@ -15505,13 +15428,13 @@ var Input = React16.forwardRef(
               children: label
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "div",
             {
               css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
               className: typeof classNameContainer === "string" ? classNameContainer : "",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   "input",
                   {
                     id,
@@ -15527,13 +15450,13 @@ var Input = React16.forwardRef(
                     ref
                   }
                 ),
-                icon ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: inputIcon, children: icon }) : null
+                icon ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { css: inputIcon, children: icon }) : null
               ]
             }
           ),
-          caption ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
-          errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorMessage, { message: errorMessage, testId: errorTestId }) : null,
-          warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WarningMessage, { message: warningMessage }) : null
+          caption ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
+          errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorMessage, { message: errorMessage, testId: errorTestId }) : null,
+          warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WarningMessage, { message: warningMessage }) : null
         ]
       }
     );
@@ -15543,10 +15466,10 @@ var Input = React16.forwardRef(
 // src/components/Input/InputComboBox.tsx
 init_emotion_jsx_shim();
 var import_react_select = __toESM(require("react-select"));
-var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
 function InputComboBox(props) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_react_select.default,
     {
       ...props,
@@ -15748,7 +15671,7 @@ var inlineSelectMenuClosed = import_react66.css`
 `;
 
 // src/components/Input/InputInlineSelect.tsx
-var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
 var InputInlineSelect = ({
   classNameContainer,
   options,
@@ -15762,7 +15685,7 @@ var InputInlineSelect = ({
   const divRef = (0, import_react68.useRef)(null);
   useOutsideClick(divRef, () => setMenuVisible(false));
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "div",
     {
       ref: divRef,
@@ -15772,7 +15695,7 @@ var InputInlineSelect = ({
             `,
       className: typeof classNameContainer === "string" ? classNameContainer : "",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
           "button",
           {
             type: "button",
@@ -15786,18 +15709,18 @@ var InputInlineSelect = ({
             disabled,
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: (_a = selected == null ? void 0 : selected.label) != null ? _a : value }),
-              disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: import_CgChevronDown3.CgChevronDown, iconColor: "currentColor", size: 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: (_a = selected == null ? void 0 : selected.label) != null ? _a : value }),
+              disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { icon: import_CgChevronDown3.CgChevronDown, iconColor: "currentColor", size: 24 })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
           {
             id: `and-or-${props.id}`,
             css: [inlineSelectMenu, menuVisible ? void 0 : inlineSelectMenuClosed],
             "aria-hidden": !menuVisible,
-            children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "button",
               {
                 type: "button",
@@ -15821,7 +15744,7 @@ var InputInlineSelect = ({
 init_emotion_jsx_shim();
 var import_CgClose5 = require("@react-icons/all-files/cg/CgClose");
 var import_CgSearch2 = require("@react-icons/all-files/cg/CgSearch");
-var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
 var InputKeywordSearch = ({
   onSearchTextChanged,
   disabled = false,
@@ -15842,7 +15765,7 @@ var InputKeywordSearch = ({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Input,
     {
       type: "text",
@@ -15850,7 +15773,7 @@ var InputKeywordSearch = ({
       placeholder,
       showLabel: false,
       value,
-      icon: value ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
+      icon: value ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
       onChange: handleSearchTextChanged,
       onKeyPress: preventSubmitOnField,
       disabled,
@@ -15869,7 +15792,7 @@ var InputKeywordSearch = ({
 
 // src/components/Input/InputSelect.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
 var InputSelect = ({
   label,
   defaultOption,
@@ -15885,13 +15808,13 @@ var InputSelect = ({
   classNameLabel,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
       className: typeof classNameContainer === "string" ? classNameContainer : "",
       children: [
-        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           Label,
           {
             htmlFor: props.id,
@@ -15903,7 +15826,7 @@ var InputSelect = ({
             ]
           }
         ) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "select",
           {
             title: label,
@@ -15918,14 +15841,14 @@ var InputSelect = ({
             className: typeof classNameControl === "string" ? classNameControl : "",
             ...props,
             children: [
-              defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "", children: defaultOption }) : null,
-              options.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: opt.label, ...opt }, index))
+              defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("option", { value: "", children: defaultOption }) : null,
+              options.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("option", { value: opt.label, ...opt }, index))
             ]
           }
         ),
-        caption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Caption, { children: caption }) : null,
-        errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorMessage, { message: errorMessage }) : null,
-        warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(WarningMessage, { message: warningMessage }) : null
+        caption ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Caption, { children: caption }) : null,
+        errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorMessage, { message: errorMessage }) : null,
+        warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WarningMessage, { message: warningMessage }) : null
       ]
     }
   );
@@ -15934,7 +15857,7 @@ var InputSelect = ({
 // src/components/Input/InputToggle.tsx
 init_emotion_jsx_shim();
 var React17 = __toESM(require("react"));
-var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
 var InputToggle = React17.forwardRef(
   ({
     label,
@@ -15949,13 +15872,13 @@ var InputToggle = React17.forwardRef(
     fontWeight = "medium",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       Label,
       {
         css: [inputToggleLabel, disabled ? inputDisabled : void 0],
         "data-testid": testId ? testId : "input-toggle",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "input",
             {
               ref,
@@ -15967,11 +15890,11 @@ var InputToggle = React17.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { css: inlineLabel(fontWeight), children: label }),
-          caption || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { css: inputToggleMessageContainer, children: [
-            caption ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Caption, { children: caption }) : null,
-            errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ErrorMessage, { message: errorMessage }) : null,
-            warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(WarningMessage, { message: warningMessage }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { css: inlineLabel(fontWeight), children: label }),
+          caption || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { css: inputToggleMessageContainer, children: [
+            caption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Caption, { children: caption }) : null,
+            errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorMessage, { message: errorMessage }) : null,
+            warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(WarningMessage, { message: warningMessage }) : null
           ] }) : null
         ]
       }
@@ -15981,9 +15904,9 @@ var InputToggle = React17.forwardRef(
 
 // src/components/Input/Legend.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
 var Legend = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("legend", { css: fieldsetLegend, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("legend", { css: fieldsetLegend, children });
 };
 
 // src/components/Input/SuccessMessage.tsx
@@ -16007,10 +15930,10 @@ var SuccessIcon2 = import_react69.css`
 `;
 
 // src/components/Input/SuccessMessage.tsx
-var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
 var SuccessMessage = ({ message, testId, ...props }) => {
-  return message ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { css: SuccessIcon2, icon: import_CgCheckO2.CgCheckO, size: "1rem", iconColor: "currentColor" }) }),
+  return message ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { css: SuccessIcon2, icon: import_CgCheckO2.CgCheckO, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
@@ -16018,13 +15941,13 @@ var SuccessMessage = ({ message, testId, ...props }) => {
 // src/components/Input/Textarea.tsx
 init_emotion_jsx_shim();
 var import_react70 = require("react");
-var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
 var Textarea = (0, import_react70.forwardRef)(
   ({ label, icon, id, caption, showLabel = true, errorMessage, warningMessage, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-      showLabel ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("label", { htmlFor: id, css: [labelText], children: label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { css: [inputContainer], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+      showLabel ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("label", { htmlFor: id, css: [labelText], children: label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { css: [inputContainer], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "textarea",
           {
             ref,
@@ -16039,135 +15962,310 @@ var Textarea = (0, import_react70.forwardRef)(
             ...props
           }
         ),
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: inputIcon, children: icon }) : null
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: inputIcon, children: icon }) : null
       ] }),
-      caption ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Caption, { children: caption }) : null,
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ErrorMessage, { message: errorMessage }) : null,
-      warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(WarningMessage, { message: warningMessage }) : null
+      caption ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Caption, { children: caption }) : null,
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ErrorMessage, { message: errorMessage }) : null,
+      warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(WarningMessage, { message: warningMessage }) : null
     ] });
   }
 );
 
-// src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
-init_emotion_jsx_shim();
-
-// src/components/Tiles/CreateTeamIntegrationTile.tsx
-init_emotion_jsx_shim();
-var import_react72 = require("@emotion/react");
-var import_CgAdd3 = require("@react-icons/all-files/cg/CgAdd");
-var import_CgChevronRight3 = require("@react-icons/all-files/cg/CgChevronRight");
-
-// src/components/Tiles/styles/IntegrationTile.styles.ts
+// src/components/Image/Image.styles.ts
 init_emotion_jsx_shim();
 var import_react71 = require("@emotion/react");
-var IntegrationTileContainer = import_react71.css`
-  align-items: center;
-  box-sizing: border-box;
-  border-radius: var(--rounded-base);
-  border: 1px solid var(--gray-300);
-  background: var(--white);
-  display: inline-flex;
-  flex-flow: column wrap;
-  padding: var(--spacing-base);
+var imageWrapper = import_react71.css`
   position: relative;
-  min-height: 13rem;
-  max-height: 13rem;
-  text-align: center;
-  justify-content: center;
-  margin: auto;
-  transition: box-shadow var(--duration-fast) var(--timing-ease-out);
-
-  &:hover {
-    box-shadow: var(--shadow-md);
-  }
-
-  ${supports("aspect-ratio: 1/1")} {
-    aspect-ratio: 1/1;
-
-    ${mq("sm")} {
-      max-width: unset;
-      max-height: unset;
-      margin: unset;
-    }
-  }
-`;
-var IntegrationTileBtnDashedBorder = import_react71.css`
-  border: 1px dashed var(--brand-secondary-1);
+  display: inline-flex;
+  flex-direction: column;
+  background: var(--gray-50);
+  max-width: 100%;
+  max-height: 100%;
 `;
-var IntegrationTileTitle = import_react71.css`
-  display: block;
-  font-weight: var(--fw-bold);
-  margin: 0 0 var(--spacing-base);
-  max-width: 13rem;
+var imageWrapperLoading = import_react71.css`
+  animation: ${skeletonLoading} var(--duration-slow) linear infinite alternate;
 `;
-var IntegrationTitleLogo = import_react71.css`
-  display: block;
-  max-width: 10rem;
-  max-height: 4rem;
+var img = import_react71.css`
+  object-fit: contain;
+  max-width: 100%;
+  max-height: 100%;
+  height: auto;
+  opacity: var(--opacity-0);
   margin: 0 auto;
 `;
-var IntegrationTileName = import_react71.css`
-  color: var(--gray-500);
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  font-size: var(--fs-xs);
-  padding: 0 var(--spacing-md);
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: normal;
-  position: absolute;
-  bottom: calc(var(--spacing-base) * 3.8);
+var imgLoading = import_react71.css`
+  opacity: 0;
 `;
-var IntegrationAddedText = import_react71.css`
-  align-items: center;
-  background: var(--brand-secondary-3);
-  border-radius: 0 var(--rounded-md) 0 var(--rounded-md);
-  color: var(--white);
-  text-transform: uppercase;
-  display: flex;
-  font-weight: var(--fw-bold);
-  font-size: var(--fs-xs);
-  padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs) var(--spacing-sm);
-  min-height: 32px;
-  position: absolute;
-  top: 0;
-  right: 0;
+var imgLoaded = import_react71.css`
+  animation: ${fadeIn} var(--duration-slow) var(--timing-ease-out) forwards;
+  opacity: 1;
 `;
-var IntegrationCustomBadgeText = (theme) => import_react71.css`
-  align-items: center;
-  border-radius: var(--rounded-sm) 0 var(--rounded-sm) 0;
-  background: ${theme === "gray" ? "var(--brand-secondary-2)" : "var(--brand-secondary-1)"};
-  color: ${theme === "gray" ? "var(--brand-secondary-1)" : "var(--white)"};
+var brokenImage = import_react71.css`
+  height: 160px;
+`;
+var variantFillImageWrapper = import_react71.css`
   display: flex;
-  gap: var(--spacing-sm);
-  font-size: var(--fs-xs);
-  min-height: 32px;
-  padding: var(--spacing-xs) var(--spacing-base);
-  position: absolute;
-  top: 0;
-  left: 0;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
 `;
-var IntegrationAuthorBadgeIcon = import_react71.css`
-  position: absolute;
-  bottom: var(--spacing-sm);
-  right: var(--spacing-xs);
+var variantFillImageImg = import_react71.css`
+  height: inherit;
+`;
+
+// src/components/Image/ImageBroken.tsx
+init_emotion_jsx_shim();
+var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
+var ImageBroken = ({ width, height, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    "svg",
+    {
+      role: "img",
+      width: width != null ? width : "214",
+      height: height != null ? height : "214",
+      viewBox: "0 0 214 214",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      "data-testid": "broken-image",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            "image",
+            {
+              id: "image0_761_4353",
+              width: "400",
+              height: "400",
+              xlinkHref: "data:image/png;base64,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UfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBuB/we75KcVO2CRagAAAABJRU5ErkJggg=="
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/Image/Image.tsx
+var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
+var MIN_LOADING_MS = 500;
+function Image({
+  alt,
+  src,
+  className,
+  imgClassName,
+  variant = "inline",
+  width,
+  height,
+  ...imgAttribs
+}) {
+  const [loading, setLoading] = (0, import_react72.useState)(true);
+  const [loadErrorText, setLoadErrorText] = (0, import_react72.useState)("");
+  const errorText = "The text you provided is not a valid URL";
+  const updateImageSrc = (0, import_react72.useCallback)(() => {
+    let message = "";
+    try {
+      if (src === "") {
+        setLoading(false);
+      } else {
+        const url = String(src).startsWith("//") ? `${location.protocol}${src}` : String(src);
+        if (!isValidUrl(url, { allowRelative: true, isSecure: true })) {
+          throw Error(errorText);
+        }
+      }
+      message = "";
+    } catch (e) {
+      message = errorText;
+      setLoading(false);
+    }
+    setLoadErrorText(message);
+  }, [setLoadErrorText, src]);
+  (0, import_react72.useEffect)(() => {
+    updateImageSrc();
+  }, [src]);
+  const handleLoadEvent = () => {
+    setLoadErrorText("");
+    if (src) {
+      setLoading(true);
+    }
+    const timer = setTimeout(() => {
+      setLoading(false);
+    }, MIN_LOADING_MS);
+    return () => clearTimeout(timer);
+  };
+  const handleErrorEvent = () => {
+    setLoadErrorText("The value you provided is not a valid image URL");
+    setLoading(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    "span",
+    {
+      className,
+      css: [
+        imageWrapper,
+        loading ? imageWrapperLoading : null,
+        variant === "fill-container" ? variantFillImageWrapper : null
+      ],
+      children: [
+        src && !loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          "img",
+          {
+            ...imgAttribs,
+            className: imgClassName,
+            alt,
+            src,
+            css: [
+              img,
+              variant === "fill-container" ? variantFillImageImg : null,
+              loading ? imgLoading : imgLoaded
+            ],
+            loading: "lazy",
+            width,
+            height,
+            onLoad: handleLoadEvent,
+            onError: handleErrorEvent
+          }
+        ) : null,
+        src && loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            ImageBroken,
+            {
+              css: [brokenImage, img, imgLoaded],
+              width,
+              height,
+              "data-testid": "broken-image"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ErrorMessage, { message: loadErrorText })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
+init_emotion_jsx_shim();
+
+// src/components/Tiles/CreateTeamIntegrationTile.tsx
+init_emotion_jsx_shim();
+var import_react74 = require("@emotion/react");
+var import_CgAdd3 = require("@react-icons/all-files/cg/CgAdd");
+var import_CgChevronRight3 = require("@react-icons/all-files/cg/CgChevronRight");
+
+// src/components/Tiles/styles/IntegrationTile.styles.ts
+init_emotion_jsx_shim();
+var import_react73 = require("@emotion/react");
+var IntegrationTileContainer = import_react73.css`
+  align-items: center;
+  box-sizing: border-box;
+  border-radius: var(--rounded-base);
+  border: 1px solid var(--gray-300);
+  background: var(--white);
+  display: inline-flex;
+  flex-flow: column wrap;
+  padding: var(--spacing-base);
+  position: relative;
+  min-height: 13rem;
+  max-height: 13rem;
+  text-align: center;
+  justify-content: center;
+  margin: auto;
+  transition: box-shadow var(--duration-fast) var(--timing-ease-out);
+
+  &:hover {
+    box-shadow: var(--shadow-md);
+  }
+
+  ${supports("aspect-ratio: 1/1")} {
+    aspect-ratio: 1/1;
+
+    ${mq("sm")} {
+      max-width: unset;
+      max-height: unset;
+      margin: unset;
+    }
+  }
+`;
+var IntegrationTileBtnDashedBorder = import_react73.css`
+  border: 1px dashed var(--brand-secondary-1);
+`;
+var IntegrationTileTitle = import_react73.css`
+  display: block;
+  font-weight: var(--fw-bold);
+  margin: 0 0 var(--spacing-base);
+  max-width: 13rem;
+`;
+var IntegrationTitleLogo = import_react73.css`
+  display: block;
+  max-width: 10rem;
+  max-height: 4rem;
+  margin: 0 auto;
+`;
+var IntegrationTileName = import_react73.css`
+  color: var(--gray-500);
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  font-size: var(--fs-xs);
+  padding: 0 var(--spacing-md);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: normal;
+  position: absolute;
+  bottom: calc(var(--spacing-base) * 3.8);
+`;
+var IntegrationAddedText = import_react73.css`
+  align-items: center;
+  background: var(--brand-secondary-3);
+  border-radius: 0 var(--rounded-md) 0 var(--rounded-md);
+  color: var(--white);
+  text-transform: uppercase;
+  display: flex;
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-xs);
+  padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs) var(--spacing-sm);
+  min-height: 32px;
+  position: absolute;
+  top: 0;
+  right: 0;
+`;
+var IntegrationCustomBadgeText = (theme) => import_react73.css`
+  align-items: center;
+  border-radius: var(--rounded-sm) 0 var(--rounded-sm) 0;
+  background: ${theme === "gray" ? "var(--brand-secondary-2)" : "var(--brand-secondary-1)"};
+  color: ${theme === "gray" ? "var(--brand-secondary-1)" : "var(--white)"};
+  display: flex;
+  gap: var(--spacing-sm);
+  font-size: var(--fs-xs);
+  min-height: 32px;
+  padding: var(--spacing-xs) var(--spacing-base);
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+var IntegrationAuthorBadgeIcon = import_react73.css`
+  position: absolute;
+  bottom: var(--spacing-sm);
+  right: var(--spacing-xs);
   max-height: 1rem;
 `;
-var IntegrationTitleFakeButton = import_react71.css`
+var IntegrationTitleFakeButton = import_react73.css`
   font-size: var(--fs-xs);
   gap: var(--spacing-sm);
   padding: var(--spacing-sm) var(--spacing-base);
   text-transform: uppercase;
 `;
-var IntegrationTileFloatingButton = import_react71.css`
+var IntegrationTileFloatingButton = import_react73.css`
   position: absolute;
   bottom: var(--spacing-base);
   gap: var(--spacing-sm);
   font-size: var(--fs-xs);
   overflow: hidden;
 `;
-var IntegrationTileFloatingButtonMessage = (clicked) => import_react71.css`
+var IntegrationTileFloatingButtonMessage = (clicked) => import_react73.css`
   strong,
   span:first-of-type {
     transition: opacity var(--duration-fast) var(--timing-ease-out);
@@ -16188,7 +16286,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => import_react71.css`
 `;
 
 // src/components/Tiles/CreateTeamIntegrationTile.tsx
-var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
 var CreateTeamIntegrationTile = ({
   title = "Create a custom integration for your team",
   buttonText = "Add Integration",
@@ -16196,9 +16294,9 @@ var CreateTeamIntegrationTile = ({
   asDeepLink = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { css: IntegrationTileTitle, title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { css: IntegrationTileTitle, title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       Button,
       {
         buttonType: "tertiary",
@@ -16208,23 +16306,23 @@ var CreateTeamIntegrationTile = ({
         css: IntegrationTitleFakeButton,
         children: [
           buttonText,
-          asDeepLink ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          asDeepLink ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             Icon,
             {
               icon: import_CgChevronRight3.CgChevronRight,
               iconColor: "currentColor",
               size: 20,
-              css: import_react72.css`
+              css: import_react74.css`
               order: 1;
             `
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             Icon,
             {
               icon: import_CgAdd3.CgAdd,
               iconColor: "currentColor",
               size: 16,
-              css: import_react72.css`
+              css: import_react74.css`
               order: -1;
             `
             }
@@ -16243,32 +16341,32 @@ init_emotion_jsx_shim();
 var import_CgCheck2 = require("@react-icons/all-files/cg/CgCheck");
 var import_CgLock2 = require("@react-icons/all-files/cg/CgLock");
 var import_CgSandClock2 = require("@react-icons/all-files/cg/CgSandClock");
-var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
 var IntegrationedAddedBadge = ({ text = "Added" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgCheck2.CgCheck, iconColor: "currentColor" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_CgCheck2.CgCheck, iconColor: "currentColor" }),
     text
   ] });
 };
 var IntegrationCustomBadge = ({ text = "Custom" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
 };
 var IntegrationPremiumBadge = ({ text = "Premium" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgLock2.CgLock, iconColor: "currentColor", size: 12 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_CgLock2.CgLock, iconColor: "currentColor", size: 12 }),
     text
   ] });
 };
 var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgSandClock2.CgSandClock, iconColor: "currentColor", size: 12 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_CgSandClock2.CgSandClock, iconColor: "currentColor", size: 12 }),
     text
   ] });
 };
 
 // src/components/Tiles/ResolveIcon.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
 var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
   const CompIcon = icon && typeof icon !== "string" ? icon : null;
   const mapClassName = {
@@ -16276,13 +16374,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
     logo: IntegrationTitleLogo
   };
   if (icon) {
-    return CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
+    return CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
   }
   return null;
 };
 
 // src/components/Tiles/EditTeamIntegrationTile.tsx
-var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
 var EditTeamIntegrationTile = ({
   id,
   icon,
@@ -16291,17 +16389,17 @@ var EditTeamIntegrationTile = ({
   isPublic,
   canEdit = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       css: IntegrationTileContainer,
       "data-testid": "configure-integration-container",
       "integration-id": `${id.toLocaleLowerCase()}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
-        !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(IntegrationCustomBadge, {}) : null,
-        canEdit ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
+        !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(IntegrationCustomBadge, {}) : null,
+        canEdit ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           Button,
           {
             buttonType: "unimportant",
@@ -16320,10 +16418,10 @@ var EditTeamIntegrationTile = ({
 
 // src/components/Tiles/IntegrationComingSoon.tsx
 init_emotion_jsx_shim();
-var import_react73 = require("@emotion/react");
+var import_react75 = require("@emotion/react");
 var import_CgHeart2 = require("@react-icons/all-files/cg/CgHeart");
-var import_react74 = require("react");
-var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
+var import_react76 = require("react");
+var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
 var IntegrationComingSoon = ({
   name,
   icon,
@@ -16332,12 +16430,12 @@ var IntegrationComingSoon = ({
   timing = 1e3,
   ...props
 }) => {
-  const [upVote, setUpVote] = (0, import_react74.useState)(false);
+  const [upVote, setUpVote] = (0, import_react76.useState)(false);
   const handleUpVoteInteraction = () => {
     setUpVote((prev) => !prev);
     onUpVoteClick();
   };
-  (0, import_react74.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (upVote) {
       const timer = setTimeout(() => setUpVote(false), timing);
       return () => {
@@ -16345,17 +16443,17 @@ var IntegrationComingSoon = ({
       };
     }
   }, [upVote, setUpVote, timing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       css: IntegrationTileContainer,
       "data-testid": `coming-soon-${id.toLowerCase()}-integration`,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(IntegrationComingSoonBadge, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ResolveIcon, { icon, name }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IntegrationComingSoonBadge, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ResolveIcon, { icon, name }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           Button,
           {
             buttonType: "unimportant",
@@ -16365,19 +16463,19 @@ var IntegrationComingSoon = ({
             role: "link",
             css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("strong", { children: "+1" }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("strong", { children: "+1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "span",
                 {
-                  css: import_react73.css`
+                  css: import_react75.css`
             text-transform: uppercase;
             color: var(--gray-500);
           `,
                   children: "(I want this)"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { "aria-hidden": !upVote, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: import_CgHeart2.CgHeart, iconColor: "currentColor", size: 18 }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { "aria-hidden": !upVote, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon, { icon: import_CgHeart2.CgHeart, iconColor: "currentColor", size: 18 }),
                 "Thanks!"
               ] })
             ]
@@ -16393,8 +16491,8 @@ init_emotion_jsx_shim();
 
 // src/components/Tiles/styles/IntegrationLoadingTile.styles.ts
 init_emotion_jsx_shim();
-var import_react75 = require("@emotion/react");
-var IntegrationLoadingTileContainer = import_react75.css`
+var import_react77 = require("@emotion/react");
+var IntegrationLoadingTileContainer = import_react77.css`
   align-items: center;
   box-sizing: border-box;
   border-radius: var(--rounded-base);
@@ -16421,28 +16519,28 @@ var IntegrationLoadingTileContainer = import_react75.css`
     }
   }
 `;
-var IntegrationLoadingTileImg = import_react75.css`
+var IntegrationLoadingTileImg = import_react77.css`
   width: 10rem;
   height: 4rem;
   margin: 0 auto;
 `;
-var IntegrationLoadingTileText = import_react75.css`
+var IntegrationLoadingTileText = import_react77.css`
   width: 5rem;
   height: var(--spacing-sm);
   margin: var(--spacing-sm) 0;
 `;
-var IntegrationLoadingFrame = import_react75.css`
+var IntegrationLoadingFrame = import_react77.css`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-radius: var(--rounded-base);
 `;
 
 // src/components/Tiles/IntegrationLoadingTile.tsx
-var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
 var IntegrationLoadingTile = ({ count = 1 }) => {
   const componentCount = Array.from(Array(count).keys());
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: componentCount.map((i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { css: IntegrationLoadingTileContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: componentCount.map((i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { css: IntegrationLoadingTileContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
   ] }, i)) });
 };
 
@@ -16451,13 +16549,13 @@ init_emotion_jsx_shim();
 
 // src/components/Tiles/styles/IntegrationModalIcon.styles.ts
 init_emotion_jsx_shim();
-var import_react76 = require("@emotion/react");
-var IntegrationModalIconContainer = import_react76.css`
+var import_react78 = require("@emotion/react");
+var IntegrationModalIconContainer = import_react78.css`
   position: relative;
   width: 50px;
   margin-bottom: var(--spacing-base);
 `;
-var IntegrationModalImage = import_react76.css`
+var IntegrationModalImage = import_react78.css`
   position: absolute;
   inset: 0;
   margin: auto;
@@ -16466,7 +16564,7 @@ var IntegrationModalImage = import_react76.css`
 `;
 
 // src/components/Tiles/IntegrationModalIcon.tsx
-var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
 var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
   const CompIcon = icon && typeof icon !== "string" ? icon : null;
   let iconSrc = void 0;
@@ -16482,9 +16580,9 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { css: IntegrationModalIconContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { css: IntegrationModalIconContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         "path",
         {
           d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
@@ -16493,12 +16591,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
           strokeWidth: "2"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { stopColor: "#1768B2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { stopColor: "#1768B2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
       ] }) })
     ] }),
-    CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "img",
       {
         src: iconSrc,
@@ -16513,7 +16611,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
 
 // src/components/Tiles/IntegrationTile.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
 var IntegrationTile = ({
   id,
   icon,
@@ -16525,7 +16623,7 @@ var IntegrationTile = ({
   authorIcon,
   ...btnProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "button",
     {
       type: "button",
@@ -16535,12 +16633,12 @@ var IntegrationTile = ({
       "aria-label": name,
       ...btnProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ResolveIcon, { icon, name }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
-        isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationedAddedBadge, {}) : null,
-        requiedEntitlement && isPublic ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationPremiumBadge, {}) : null,
-        !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationCustomBadge, {}) : null,
-        authorIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ResolveIcon, { icon: authorIcon, name }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ResolveIcon, { icon, name }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
+        isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(IntegrationedAddedBadge, {}) : null,
+        requiedEntitlement && isPublic ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(IntegrationPremiumBadge, {}) : null,
+        !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(IntegrationCustomBadge, {}) : null,
+        authorIcon ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ResolveIcon, { icon: authorIcon, name }) : null
       ]
     }
   );
@@ -16551,9 +16649,9 @@ init_emotion_jsx_shim();
 
 // src/components/Tiles/styles/Tile.styles.ts
 init_emotion_jsx_shim();
-var import_react77 = require("@emotion/react");
+var import_react79 = require("@emotion/react");
 var tileBorderSize = "1px";
-var Tile = import_react77.css`
+var Tile = import_react79.css`
   background: var(--white);
   cursor: pointer;
   border: ${tileBorderSize} solid var(--gray-300);
@@ -16577,9 +16675,9 @@ var Tile = import_react77.css`
 `;
 
 // src/components/Tiles/Tile.tsx
-var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
 var Tile2 = ({ children, disabled, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", css: Tile, disabled, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", css: Tile, disabled, ...props, children });
 };
 
 // src/components/Tiles/TileContainer.tsx
@@ -16587,12 +16685,12 @@ init_emotion_jsx_shim();
 
 // src/components/Tiles/styles/TileContainer.styles.ts
 init_emotion_jsx_shim();
-var import_react78 = require("@emotion/react");
-var TileContainerWrapper = (theme, padding) => import_react78.css`
+var import_react80 = require("@emotion/react");
+var TileContainerWrapper = (theme, padding) => import_react80.css`
   background: ${theme};
   padding: ${padding != "none" ? `var(--spacing-${padding})` : "0"};
 `;
-var TileContainerInner = (gap, templateColumns) => import_react78.css`
+var TileContainerInner = (gap, templateColumns) => import_react80.css`
   display: grid;
   grid-template-columns: ${templateColumns};
   gap: var(--spacing-${gap});
@@ -16606,7 +16704,7 @@ var TileContainerInner = (gap, templateColumns) => import_react78.css`
 `;
 
 // src/components/Tiles/TileContainer.tsx
-var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
 var TileContainer = ({
   bgColor = "var(--brand-secondary-2)",
   containerPadding = "base",
@@ -16615,7 +16713,7 @@ var TileContainer = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { css: TileContainerInner(gap, gridTemplateColumns), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { css: TileContainerInner(gap, gridTemplateColumns), children }) });
 };
 
 // src/components/Tiles/TileText.tsx
@@ -16623,21 +16721,21 @@ init_emotion_jsx_shim();
 
 // src/components/Tiles/styles/TileText.styles.ts
 init_emotion_jsx_shim();
-var import_react79 = require("@emotion/react");
-var TileHeading = import_react79.css`
+var import_react81 = require("@emotion/react");
+var TileHeading = import_react81.css`
   font-size: var(--fs-base);
 `;
-var TileText = import_react79.css`
+var TileText = import_react81.css`
   color: var(--gray-500);
   font-size: var(--fs-sm);
   line-height: 1.2;
 `;
 
 // src/components/Tiles/TileText.tsx
-var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
 var TileText2 = ({ as = "heading", children, ...props }) => {
   const isHeading = as === "heading";
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "span",
     {
       role: isHeading ? "heading" : void 0,
@@ -16650,39 +16748,39 @@ var TileText2 = ({ as = "heading", children, ...props }) => {
 
 // src/components/IntegrationModalHeader/IntegrationModalHeader.styles.ts
 init_emotion_jsx_shim();
-var import_react80 = require("@emotion/react");
-var IntegrationModalHeaderSVGBackground = import_react80.css`
+var import_react82 = require("@emotion/react");
+var IntegrationModalHeaderSVGBackground = import_react82.css`
   position: absolute;
   top: 0;
   left: 0;
 `;
-var IntegrationModalHeaderGroup = import_react80.css`
+var IntegrationModalHeaderGroup = import_react82.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   margin: 0 0 var(--spacing-md);
   position: relative;
 `;
-var IntegrationModalHeaderTitleGroup = import_react80.css`
+var IntegrationModalHeaderTitleGroup = import_react82.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
 `;
-var IntegrationModalHeaderTitle = import_react80.css`
+var IntegrationModalHeaderTitle = import_react82.css`
   margin-top: 0;
 `;
-var IntegrationModalHeaderMenuPlacement = import_react80.css`
+var IntegrationModalHeaderMenuPlacement = import_react82.css`
   margin-bottom: var(--spacing-base);
 `;
-var IntegrationModalHeaderContentWrapper = import_react80.css`
+var IntegrationModalHeaderContentWrapper = import_react82.css`
   position: relative;
   z-index: var(--z-10);
 `;
 
 // src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
-var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
 var HexModalBackground = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "svg",
     {
       width: "236",
@@ -16692,7 +16790,7 @@ var HexModalBackground = ({ ...props }) => {
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -16701,7 +16799,7 @@ var HexModalBackground = ({ ...props }) => {
             fill: "url(#paint0_linear_196_2737)"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
           "linearGradient",
           {
             id: "paint0_linear_196_2737",
@@ -16711,8 +16809,8 @@ var HexModalBackground = ({ ...props }) => {
             y2: "-95.2742",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { stopColor: "#81DCDE" }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#428ED4" })
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("stop", { stopColor: "#81DCDE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("stop", { offset: "1", stopColor: "#428ED4" })
             ]
           }
         ) })
@@ -16721,24 +16819,24 @@ var HexModalBackground = ({ ...props }) => {
   );
 };
 var IntegrationModalHeader = ({ icon, name, menu: menu2, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: IntegrationModalHeaderTitleGroup, children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IntegrationModalIcon, { icon, name: name || "" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
-      menu2 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: IntegrationModalHeaderMenuPlacement, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { css: IntegrationModalHeaderTitleGroup, children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IntegrationModalIcon, { icon, name: name || "" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
+      menu2 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { css: IntegrationModalHeaderMenuPlacement, children: [
         menu2,
         " "
       ] }) : null
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: IntegrationModalHeaderContentWrapper, children })
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { css: IntegrationModalHeaderContentWrapper, children })
   ] });
 };
 
 // src/components/JsonEditor/JsonEditor.tsx
 init_emotion_jsx_shim();
-var import_react81 = __toESM(require("@monaco-editor/react"));
-var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
+var import_react83 = __toESM(require("@monaco-editor/react"));
+var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
 var minEditorHeightPx = 150;
 var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
   let effectiveHeight = height;
@@ -16748,8 +16846,8 @@ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
   if (typeof effectiveHeight === "number" && effectiveHeight < minEditorHeightPx) {
     effectiveHeight = minEditorHeightPx;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-    import_react81.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    import_react83.default,
     {
       height: effectiveHeight,
       className: "uniform-json-editor",
@@ -16789,39 +16887,39 @@ init_emotion_jsx_shim();
 
 // src/components/LimitsBar/LimitsBar.styles.ts
 init_emotion_jsx_shim();
-var import_react82 = require("@emotion/react");
-var LimitsBarContainer = import_react82.css`
+var import_react84 = require("@emotion/react");
+var LimitsBarContainer = import_react84.css`
   margin-block: var(--spacing-sm);
 `;
-var LimitsBarProgressBar = import_react82.css`
+var LimitsBarProgressBar = import_react84.css`
   background: var(--gray-100);
   margin-top: var(--spacing-sm);
   position: relative;
   overflow: hidden;
   height: 0.25rem;
 `;
-var LimitsBarProgressBarLine = import_react82.css`
+var LimitsBarProgressBarLine = import_react84.css`
   position: absolute;
   inset: 0;
   transition: transform var(--duration-fast) var(--timing-ease-out);
 `;
-var LimitsBarLabelContainer = import_react82.css`
+var LimitsBarLabelContainer = import_react84.css`
   display: flex;
   justify-content: space-between;
   font-weight: var(--fw-bold);
 `;
-var LimitsBarLabel = import_react82.css`
+var LimitsBarLabel = import_react84.css`
   font-size: var(--fs-baase);
 `;
-var LimitsBarBgColor = (statusColor) => import_react82.css`
+var LimitsBarBgColor = (statusColor) => import_react84.css`
   background: ${statusColor};
 `;
-var LimitsBarTextColor = (statusColor) => import_react82.css`
+var LimitsBarTextColor = (statusColor) => import_react84.css`
   color: ${statusColor};
 `;
 
 // src/components/LimitsBar/LimitsBar.tsx
-var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
 var LimitsBar = ({ current, max, label }) => {
   const maxPercentage = 100;
   const progressBarValue = Math.ceil(current / max * maxPercentage);
@@ -16832,16 +16930,16 @@ var LimitsBar = ({ current, max, label }) => {
     danger: "var(--brand-secondary-5)"
   };
   const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: LimitsBarContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: LimitsBarLabelContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { css: LimitsBarLabel, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { css: LimitsBarContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { css: LimitsBarLabelContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { css: LimitsBarLabel, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
         current,
         " of ",
         max
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "div",
       {
         role: "progressbar",
@@ -16850,7 +16948,7 @@ var LimitsBar = ({ current, max, label }) => {
         "aria-valuemax": max,
         "aria-valuetext": `${current} of ${max}`,
         css: LimitsBarProgressBar,
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "span",
           {
             role: "presentation",
@@ -16870,8 +16968,8 @@ init_emotion_jsx_shim();
 
 // src/components/LinkList/LinkList.styles.ts
 init_emotion_jsx_shim();
-var import_react83 = require("@emotion/react");
-var LinkListContainer = (padding) => import_react83.css`
+var import_react85 = require("@emotion/react");
+var LinkListContainer = (padding) => import_react85.css`
   padding: ${padding};
 
   ${mq("sm")} {
@@ -16879,32 +16977,32 @@ var LinkListContainer = (padding) => import_react83.css`
     grid-row: 1 / last-line;
   }
 `;
-var LinkListTitle = import_react83.css`
+var LinkListTitle = import_react85.css`
   font-weight: var(--fw-bold);
   font-size: var(--fs-sm);
   text-transform: uppercase;
 `;
 
 // src/components/LinkList/LinkList.tsx
-var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
 var LinkList = ({ title, padding = "var(--spacing-md)", children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { css: LinkListContainer(padding), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Heading, { level: 3, css: LinkListTitle, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: LinkListContainer(padding), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Heading, { level: 3, css: LinkListTitle, children: title }),
     children
   ] });
 };
 
 // src/components/List/ScrollableList.tsx
 init_emotion_jsx_shim();
-var import_react85 = require("@emotion/react");
+var import_react87 = require("@emotion/react");
 
 // src/components/List/styles/ScrollableList.styles.ts
 init_emotion_jsx_shim();
-var import_react84 = require("@emotion/react");
-var ScrollableListContainer = import_react84.css`
+var import_react86 = require("@emotion/react");
+var ScrollableListContainer = import_react86.css`
   position: relative;
 `;
-var ScrollableListInner = import_react84.css`
+var ScrollableListInner = import_react86.css`
   background: var(--gray-50);
   border-top: 1px solid var(--gray-200);
   border-bottom: 1px solid var(--gray-200);
@@ -16927,19 +17025,19 @@ var ScrollableListInner = import_react84.css`
 `;
 
 // src/components/List/ScrollableList.tsx
-var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
 var ScrollableList = ({ label, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "span",
       {
-        css: import_react85.css`
+        css: import_react87.css`
             ${labelText}
           `,
         children: label
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { css: [ScrollableListInner, scrollbarStyles], children })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { css: [ScrollableListInner, scrollbarStyles], children })
   ] });
 };
 
@@ -16949,8 +17047,8 @@ var import_CgCheck3 = require("@react-icons/all-files/cg/CgCheck");
 
 // src/components/List/styles/ScrollableListItem.styles.ts
 init_emotion_jsx_shim();
-var import_react86 = require("@emotion/react");
-var ScrollableListItemContainer = import_react86.css`
+var import_react88 = require("@emotion/react");
+var ScrollableListItemContainer = import_react88.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -16959,13 +17057,13 @@ var ScrollableListItemContainer = import_react86.css`
   min-height: 52px;
   transition: border-color var(--duration-fast) var(--timing-ease-out);
 `;
-var ScrollableListItemShadow = import_react86.css`
+var ScrollableListItemShadow = import_react88.css`
   box-shadow: var(--shadow-base);
 `;
-var ScrollableListItemActive = import_react86.css`
+var ScrollableListItemActive = import_react88.css`
   border-color: var(--brand-secondary-3);
 `;
-var ScrollableListItemBtn = import_react86.css`
+var ScrollableListItemBtn = import_react88.css`
   align-items: center;
   border: none;
   background: transparent;
@@ -16980,27 +17078,27 @@ var ScrollableListItemBtn = import_react86.css`
     outline: none;
   }
 `;
-var ScrollableListInputLabel = import_react86.css`
+var ScrollableListInputLabel = import_react88.css`
   align-items: center;
   cursor: pointer;
   display: flex;
   padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs);
   flex-grow: 1;
 `;
-var ScrollableListInputText = import_react86.css`
+var ScrollableListInputText = import_react88.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   flex-grow: 1;
   flex-wrap: wrap;
 `;
-var ScrollableListHiddenInput = import_react86.css`
+var ScrollableListHiddenInput = import_react88.css`
   position: absolute;
   height: 0;
   width: 0;
   opacity: 0;
 `;
-var ScrollableListIcon = import_react86.css`
+var ScrollableListIcon = import_react88.css`
   border-radius: var(--rounded-full);
   background: var(--brand-secondary-3);
   color: var(--white);
@@ -17008,12 +17106,12 @@ var ScrollableListIcon = import_react86.css`
   min-width: 24px;
   opacity: 0;
 `;
-var ScrollableListIconVisible = import_react86.css`
+var ScrollableListIconVisible = import_react88.css`
   animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
 `;
 
 // src/components/List/ScrollableListInputItem.tsx
-var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
 var ScrollableListInputItem = ({
   label,
   icon,
@@ -17023,7 +17121,7 @@ var ScrollableListInputItem = ({
   labelTestId,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "div",
     {
       css: [
@@ -17032,13 +17130,13 @@ var ScrollableListInputItem = ({
         active ? ScrollableListItemActive : void 0
       ],
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { css: ScrollableListInputText, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { css: ScrollableListInputText, children: [
           icon,
           label
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { css: ScrollableListHiddenInput, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { css: ScrollableListHiddenInput, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           Icon,
           {
             icon: import_CgCheck3.CgCheck,
@@ -17057,15 +17155,14 @@ var ScrollableListInputItem = ({
 // src/components/List/ScrollableListItem.tsx
 init_emotion_jsx_shim();
 var import_CgCheck4 = require("@react-icons/all-files/cg/CgCheck");
-var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime83 = require("@emotion/react/jsx-runtime");
 var ScrollableListItem = ({
   buttonText,
-  icon,
   active,
   disableShadow,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "div",
     {
       css: [
@@ -17073,12 +17170,9 @@ var ScrollableListItem = ({
         disableShadow ? void 0 : ScrollableListItemShadow,
         active ? ScrollableListItemActive : void 0
       ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", children: [
-          icon,
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: buttonText })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: buttonText }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           Icon,
           {
             icon: import_CgCheck4.CgCheck,
@@ -17097,10 +17191,10 @@ init_emotion_jsx_shim();
 
 // src/components/LoadingIndicator/LoadingIndicator.styles.ts
 init_emotion_jsx_shim();
-var import_react87 = require("@emotion/react");
+var import_react89 = require("@emotion/react");
 function bounceFade(size) {
   const bounceHeight = size === "lg" ? 10 : 5;
-  return import_react87.keyframes`
+  return import_react89.keyframes`
     0%, 100% {
       opacity: 1.0;
       transform: translateY(0);
@@ -17118,13 +17212,13 @@ function bounceFade(size) {
     }
 `;
 }
-var loader = import_react87.css`
+var loader = import_react89.css`
   display: inline-flex;
   justify-content: center;
 `;
 function loadingDot(size) {
   const dotSize = size === "lg" ? 8 : 4;
-  return import_react87.css`
+  return import_react89.css`
     background-color: var(--gray-700);
     display: block;
     border-radius: var(--rounded-full);
@@ -17149,27 +17243,27 @@ function loadingDot(size) {
 }
 
 // src/components/LoadingIndicator/LoadingIndicator.tsx
-var import_jsx_runtime83 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime84 = require("@emotion/react/jsx-runtime");
 var LoadingIndicator = ({
   size = "lg",
   ...props
 }) => {
   const dotStyle = loadingDot(size);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { css: dotStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { css: dotStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { css: dotStyle })
   ] });
 };
 
 // src/components/LoadingOverlay/LoadingOverlay.tsx
 init_emotion_jsx_shim();
-var import_react89 = require("react");
+var import_react91 = require("react");
 
 // src/components/LoadingOverlay/LoadingOverlay.styles.ts
 init_emotion_jsx_shim();
-var import_react88 = require("@emotion/react");
-var loadingOverlayContainer = import_react88.css`
+var import_react90 = require("@emotion/react");
+var loadingOverlayContainer = import_react90.css`
   position: absolute;
   inset: 0;
   overflow: hidden;
@@ -17177,30 +17271,30 @@ var loadingOverlayContainer = import_react88.css`
   padding: var(--spacing-xl);
   overflow-y: auto;
 `;
-var loadingOverlayVisible = import_react88.css`
+var loadingOverlayVisible = import_react90.css`
   display: flex;
 `;
-var loadingOverlayHidden = import_react88.css`
+var loadingOverlayHidden = import_react90.css`
   display: none;
 `;
-var loadingOverlayBackground = (bgColor) => import_react88.css`
+var loadingOverlayBackground = (bgColor) => import_react90.css`
   background: ${bgColor};
   opacity: 0.92;
   position: absolute;
   inset: 0 0;
 `;
-var loadingOverlayBody = import_react88.css`
+var loadingOverlayBody = import_react90.css`
   align-items: center;
   display: flex;
   flex-direction: column;
 `;
-var loadingOverlayMessage = import_react88.css`
+var loadingOverlayMessage = import_react90.css`
   color: var(--gray-600);
   margin: var(--spacing-base) 0 0;
 `;
 
 // src/components/LoadingOverlay/LoadingOverlay.tsx
-var import_jsx_runtime84 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime85 = require("@emotion/react/jsx-runtime");
 var LoadingOverlay = ({
   isActive,
   statusMessage,
@@ -17211,14 +17305,14 @@ var LoadingOverlay = ({
   isPaused = false,
   children
 }) => {
-  const lottieRef = (0, import_react89.useRef)(null);
-  const onLoopComplete = (0, import_react89.useCallback)(() => {
+  const lottieRef = (0, import_react91.useRef)(null);
+  const onLoopComplete = (0, import_react91.useCallback)(() => {
     var _a, _b, _c;
     if (isPaused && !((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
       (_c = lottieRef.current) == null ? void 0 : _c.stop();
     }
   }, [isPaused]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     var _a, _b, _c, _d, _e, _f;
     if (!isPaused && ((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
       (_c = lottieRef.current) == null ? void 0 : _c.play();
@@ -17226,7 +17320,7 @@ var LoadingOverlay = ({
       (_f = lottieRef.current) == null ? void 0 : _f.stop();
     }
   }, [isPaused]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "div",
     {
       role: "alert",
@@ -17234,9 +17328,9 @@ var LoadingOverlay = ({
       "aria-hidden": !isActive,
       "aria-busy": isActive && !isPaused,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { css: loadingOverlayBody, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { css: loadingOverlayBody, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             AnimationFile,
             {
               lottieRef,
@@ -17251,15 +17345,15 @@ var LoadingOverlay = ({
               }
             }
           ),
-          statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
+          statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
         ] }) })
       ]
     }
   );
 };
 var LoadingIcon = ({ height, width, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "svg",
     {
       viewBox: "0 0 38 38",
@@ -17269,9 +17363,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
       stroke: "currentColor",
       ...props,
       "data-testid": "loading-icon",
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "animateTransform",
           {
             attributeName: "transform",
@@ -17299,12 +17393,12 @@ var import_Popover = require("reakit/Popover");
 
 // src/components/Popover/Popover.styles.ts
 init_emotion_jsx_shim();
-var import_react90 = require("@emotion/react");
-var PopoverBtn = import_react90.css`
+var import_react92 = require("@emotion/react");
+var PopoverBtn = import_react92.css`
   border: none;
   background: none;
 `;
-var PopoverDefaulterTriggerBtn = import_react90.css`
+var PopoverDefaulterTriggerBtn = import_react92.css`
   border: none;
   background: none;
   padding: var(--spacing-2xs);
@@ -17314,7 +17408,7 @@ var PopoverDefaulterTriggerBtn = import_react90.css`
     background-color: rgba(0, 0, 0, 0.05);
   }
 `;
-var Popover = import_react90.css`
+var Popover = import_react92.css`
   border-left: var(--spacing-xs) solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
   box-shadow: var(--shadow-base);
@@ -17328,7 +17422,7 @@ var Popover = import_react90.css`
 `;
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime85 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime86 = require("@emotion/react/jsx-runtime");
 var Popover2 = ({
   iconColor = "action",
   icon = "info",
@@ -17342,28 +17436,28 @@ var Popover2 = ({
   ...otherProps
 }) => {
   const popover = (0, import_Popover.usePopoverState)({ placement });
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       import_Popover.PopoverDisclosure,
       {
         ...popover,
         css: [PopoverBtn, trigger ? void 0 : PopoverDefaulterTriggerBtn],
         title: buttonText,
         "data-testid": testId,
-        children: trigger ? trigger : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon, { icon, iconColor, size: iconSize }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { hidden: true, children: buttonText })
+        children: trigger ? trigger : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon, { icon, iconColor, size: iconSize }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { hidden: true, children: buttonText })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_Popover.Popover, { css: Popover, ...otherProps, ...popover, role: "tooltip", "aria-label": ariaLabel, children })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_Popover.Popover, { css: Popover, ...otherProps, ...popover, role: "tooltip", "aria-label": ariaLabel, children })
   ] });
 };
 
 // src/components/MediaCard/MediaCard.styles.ts
 init_emotion_jsx_shim();
-var import_react91 = require("@emotion/react");
-var cardBaseStyles = import_react91.css`
+var import_react93 = require("@emotion/react");
+var cardBaseStyles = import_react93.css`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -17377,7 +17471,7 @@ var cardBaseStyles = import_react91.css`
     outline: 2px solid var(--primary-action-default);
   }
 `;
-var cardBaseCoverIconWrapperStyles = import_react91.css`
+var cardBaseCoverIconWrapperStyles = import_react93.css`
   position: relative;
   display: flex;
   align-items: center;
@@ -17389,19 +17483,19 @@ var cardBaseCoverIconWrapperStyles = import_react91.css`
   padding: var(--spacing-sm);
   cursor: pointer;
 `;
-var cardBaseContentStyles = import_react91.css`
+var cardBaseContentStyles = import_react93.css`
   padding: var(--spacing-sm);
 `;
-var cardBaseTitleStyles = import_react91.css`
+var cardBaseTitleStyles = import_react93.css`
   font-size: var(--fs-sm);
   color: var(--gray-500);
   cursor: pointer;
 `;
-var cardBaseSubtitleStyles = import_react91.css`
+var cardBaseSubtitleStyles = import_react93.css`
   font-size: var(--fs-xs);
   color: var(--gray-500);
 `;
-var cardBaseMenuButtonStyles = import_react91.css`
+var cardBaseMenuButtonStyles = import_react93.css`
   padding: var(--spacing-2xs);
   border-radius: var(--rounded-sm);
   border-width: 0;
@@ -17413,7 +17507,7 @@ var cardBaseMenuButtonStyles = import_react91.css`
 `;
 
 // src/components/MediaCard/MediaCard.tsx
-var import_jsx_runtime86 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime87 = require("@emotion/react/jsx-runtime");
 var MediaCard = ({
   title,
   subtitle,
@@ -17424,13 +17518,13 @@ var MediaCard = ({
   onClick,
   ...cardProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Card, { tag: "button", css: cardBaseStyles, ...cardProps, onClick, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseCoverIconWrapperStyles, children: cover }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseTitleStyles, "data-testid": "card-title", children: title }),
-          !infoPopover ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: { display: "flex", cursor: "default" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Card, { tag: "button", css: cardBaseStyles, ...cardProps, onClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseCoverIconWrapperStyles, children: cover }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseTitleStyles, "data-testid": "card-title", children: title }),
+          !infoPopover ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: { display: "flex", cursor: "default" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             Popover2,
             {
               baseId: `info-of-${title}`,
@@ -17439,17 +17533,17 @@ var MediaCard = ({
               iconColor: "default",
               tabIndex: 0,
               css: { display: "block" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: infoPopover })
+              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: infoPopover })
             }
           ) })
         ] }),
-        !subtitle ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseSubtitleStyles, children: subtitle })
+        !subtitle ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseSubtitleStyles, children: subtitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(VerticalRhythm, { align: "center", justify: "center", onClick: (e) => e.stopPropagation(), children: !menuItems || Array.isArray(menuItems) && !menuItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(VerticalRhythm, { align: "center", justify: "center", onClick: (e) => e.stopPropagation(), children: !menuItems || Array.isArray(menuItems) && !menuItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         Menu,
         {
-          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", "aria-label": "More options", css: cardBaseMenuButtonStyles, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon, { icon: "more-alt", iconColor: "gray", size: 16 }) }),
+          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", "aria-label": "More options", css: cardBaseMenuButtonStyles, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon, { icon: "more-alt", iconColor: "gray", size: 16 }) }),
           menuLabel: `Menu of ${title}`,
           children: menuItems
         }
@@ -17461,12 +17555,12 @@ var MediaCard = ({
 // src/components/Modal/Modal.tsx
 init_emotion_jsx_shim();
 var import_CgClose6 = require("@react-icons/all-files/cg/CgClose");
-var import_react93 = __toESM(require("react"));
+var import_react95 = __toESM(require("react"));
 
 // src/components/Modal/Modal.styles.ts
 init_emotion_jsx_shim();
-var import_react92 = require("@emotion/react");
-var modalWrapperStyles = import_react92.css`
+var import_react94 = require("@emotion/react");
+var modalWrapperStyles = import_react94.css`
   position: fixed;
   inset: 0;
   display: flex;
@@ -17474,13 +17568,13 @@ var modalWrapperStyles = import_react92.css`
   justify-content: center;
   z-index: var(--z-drawer);
 `;
-var modalBackdropStyles = import_react92.css`
+var modalBackdropStyles = import_react94.css`
   position: absolute;
   inset: 0;
   background-color: var(--brand-secondary-1);
   opacity: 0.4;
 `;
-var modalStyles = import_react92.css`
+var modalStyles = import_react94.css`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -17495,21 +17589,21 @@ var modalStyles = import_react92.css`
   color: unset;
   z-index: 1;
 `;
-var modalHeaderStyles = import_react92.css`
+var modalHeaderStyles = import_react94.css`
   display: flex;
   align-items: flex-start;
   gap: var(--spacing-base);
   font-size: var(--fs-md);
   line-height: 1.2;
 `;
-var modalCloseButtonStyles = import_react92.css`
+var modalCloseButtonStyles = import_react94.css`
   display: block;
   padding: 0;
   background: transparent;
   border: none;
   margin-left: auto;
 `;
-var modalContentStyles = import_react92.css`
+var modalContentStyles = import_react94.css`
   flex: 1;
   background-color: white;
   padding: var(--spacing-md);
@@ -17518,10 +17612,10 @@ var modalContentStyles = import_react92.css`
 `;
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime87 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime88 = require("@emotion/react/jsx-runtime");
 var defaultModalWidth = "75rem";
 var defaultModalHeight = "51rem";
-var Modal = import_react93.default.forwardRef(
+var Modal = import_react95.default.forwardRef(
   ({
     header,
     children,
@@ -17537,12 +17631,12 @@ var Modal = import_react93.default.forwardRef(
       handler: onRequestClose,
       shortcut: "escape"
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { css: [modalWrapperStyles, wrapperClassName], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { onClick: onRequestClose, css: modalBackdropStyles }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("dialog", { ref, css: modalStyles, style: { width, height }, ...modalProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { css: modalHeaderStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { css: [modalWrapperStyles, wrapperClassName], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { onClick: onRequestClose, css: modalBackdropStyles }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("dialog", { ref, css: modalStyles, style: { width, height }, ...modalProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { css: modalHeaderStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             Button,
             {
               type: "button",
@@ -17551,12 +17645,12 @@ var Modal = import_react93.default.forwardRef(
               title: "Close dialog",
               buttonType: "ghost",
               "data-testid": "close-dialog",
-              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon, { icon: import_CgClose6.CgClose, iconColor: "gray", size: 24 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { icon: import_CgClose6.CgClose, iconColor: "gray", size: 24 })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
-        buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(HorizontalRhythm, { children: buttonGroup }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
+        buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(HorizontalRhythm, { children: buttonGroup }) : null
       ] })
     ] });
   }
@@ -17565,8 +17659,8 @@ Modal.displayName = "Modal";
 
 // src/components/ParameterInputs/hooks/ParameterShellContext.tsx
 init_emotion_jsx_shim();
-var import_react94 = require("react");
-var ParameterShellContext = (0, import_react94.createContext)({
+var import_react96 = require("react");
+var ParameterShellContext = (0, import_react96.createContext)({
   id: "",
   label: "",
   hiddenLabel: void 0,
@@ -17575,7 +17669,7 @@ var ParameterShellContext = (0, import_react94.createContext)({
   }
 });
 var useParameterShell = () => {
-  const { id, label, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0, import_react94.useContext)(ParameterShellContext);
+  const { id, label, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0, import_react96.useContext)(ParameterShellContext);
   return {
     id,
     label,
@@ -17590,8 +17684,8 @@ init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/LabelLeadingIcon.styles.ts
 init_emotion_jsx_shim();
-var import_react95 = require("@emotion/react");
-var inputIconBtn = import_react95.css`
+var import_react97 = require("@emotion/react");
+var inputIconBtn = import_react97.css`
   align-items: center;
   border: none;
   border-radius: var(--rounded-base);
@@ -17617,7 +17711,7 @@ var inputIconBtn = import_react95.css`
 `;
 
 // src/components/ParameterInputs/LabelLeadingIcon.tsx
-var import_jsx_runtime88 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime89 = require("@emotion/react/jsx-runtime");
 var LabelLeadingIcon = ({
   icon,
   iconColor,
@@ -17629,7 +17723,7 @@ var LabelLeadingIcon = ({
   ...props
 }) => {
   const titleFr = title != null ? title : isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Tooltip, { title: titleFr, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Tooltip, { title: titleFr, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "button",
     {
       css: inputIconBtn,
@@ -17638,7 +17732,7 @@ var LabelLeadingIcon = ({
       "aria-disabled": isLocked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           Icon,
           {
             icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
@@ -17658,8 +17752,8 @@ init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/ParameterInput.styles.ts
 init_emotion_jsx_shim();
-var import_react96 = require("@emotion/react");
-var inputContainer2 = import_react96.css`
+var import_react98 = require("@emotion/react");
+var inputContainer2 = import_react98.css`
   position: relative;
 
   &:hover,
@@ -17671,14 +17765,14 @@ var inputContainer2 = import_react96.css`
     }
   }
 `;
-var labelText2 = import_react96.css`
+var labelText2 = import_react98.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-xs);
   font-weight: var(--fw-regular);
   margin: 0 0 var(--spacing-xs);
 `;
-var input2 = import_react96.css`
+var input2 = import_react98.css`
   display: block;
   appearance: none;
   box-sizing: border-box;
@@ -17722,18 +17816,18 @@ var input2 = import_react96.css`
     color: var(--gray-400);
   }
 `;
-var selectInput = import_react96.css`
+var selectInput = import_react98.css`
   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
   background-position: right var(--spacing-sm) center;
   background-repeat: no-repeat;
   background-size: 1rem;
   padding-right: var(--spacing-xl);
 `;
-var inputWrapper = import_react96.css`
+var inputWrapper = import_react98.css`
   display: flex; // used to correct overflow with chrome textarea
   position: relative;
 `;
-var inputIcon2 = import_react96.css`
+var inputIcon2 = import_react98.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-md) 0 0 var(--rounded-md);
@@ -17749,7 +17843,7 @@ var inputIcon2 = import_react96.css`
   width: var(--spacing-lg);
   z-index: var(--z-10);
 `;
-var inputToggleLabel2 = import_react96.css`
+var inputToggleLabel2 = import_react98.css`
   align-items: center;
   background: var(--white);
   cursor: pointer;
@@ -17760,7 +17854,7 @@ var inputToggleLabel2 = import_react96.css`
   min-height: var(--spacing-md);
   position: relative;
 `;
-var toggleInput2 = import_react96.css`
+var toggleInput2 = import_react98.css`
   appearance: none;
   border: 1px solid var(--gray-300);
   background: var(--white);
@@ -17799,7 +17893,7 @@ var toggleInput2 = import_react96.css`
     border-color: var(--gray-300);
   }
 `;
-var inlineLabel2 = import_react96.css`
+var inlineLabel2 = import_react98.css`
   padding-left: var(--spacing-lg);
   font-size: var(--fs-sm);
   font-weight: var(--fw-regular);
@@ -17815,7 +17909,7 @@ var inlineLabel2 = import_react96.css`
     }
   }
 `;
-var inputMenu = import_react96.css`
+var inputMenu = import_react98.css`
   background: none;
   border: none;
   padding: var(--spacing-2xs);
@@ -17831,11 +17925,11 @@ var inputMenu = import_react96.css`
     background-color: var(--gray-200);
   }
 `;
-var textarea2 = import_react96.css`
+var textarea2 = import_react98.css`
   resize: vertical;
   min-height: 2rem;
 `;
-var dataConnectButton = import_react96.css`
+var dataConnectButton = import_react98.css`
   align-items: center;
   appearance: none;
   box-sizing: border-box;
@@ -17870,7 +17964,7 @@ var dataConnectButton = import_react96.css`
     pointer-events: none;
   }
 `;
-var linkParameterBtn = import_react96.css`
+var linkParameterBtn = import_react98.css`
   border-radius: var(--rounded-base);
   background: var(--white);
   border: none;
@@ -17879,7 +17973,7 @@ var linkParameterBtn = import_react96.css`
   font-size: var(--fs-sm);
   line-height: 1;
 `;
-var linkParameterControls = import_react96.css`
+var linkParameterControls = import_react98.css`
   position: absolute;
   inset: 0 0 0 auto;
   padding: 0 var(--spacing-base);
@@ -17888,7 +17982,7 @@ var linkParameterControls = import_react96.css`
   justify-content: center;
   gap: var(--spacing-base);
 `;
-var linkParameterInput = (withExternalLinkIcon) => import_react96.css`
+var linkParameterInput = (withExternalLinkIcon) => import_react98.css`
   padding-right: calc(
     ${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
       var(--spacing-base)
@@ -17901,7 +17995,7 @@ var linkParameterInput = (withExternalLinkIcon) => import_react96.css`
     }
   }
 `;
-var linkParameterIcon = import_react96.css`
+var linkParameterIcon = import_react98.css`
   align-items: center;
   color: var(--brand-secondary-3);
   display: flex;
@@ -17916,7 +18010,7 @@ var linkParameterIcon = import_react96.css`
 `;
 
 // src/components/ParameterInputs/ParameterDataResource.tsx
-var import_jsx_runtime89 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime90 = require("@emotion/react/jsx-runtime");
 function ParameterDataResource({
   label,
   labelLeadingIcon,
@@ -17926,12 +18020,12 @@ function ParameterDataResource({
   disabled,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { "data-testid": "parameter-data-connect-button", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { css: labelText2, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { "data-testid": "parameter-data-connect-button", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { css: labelText2, children: [
       labelLeadingIcon ? labelLeadingIcon : null,
       label
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "button",
       {
         type: "button",
@@ -17940,12 +18034,12 @@ function ParameterDataResource({
         disabled,
         onClick: onConnectDatasource,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
           children
         ]
       }
     ),
-    caption ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Caption, { children: caption }) : null
+    caption ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Caption, { children: caption }) : null
   ] });
 }
 
@@ -17954,20 +18048,20 @@ init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/ParameterDrawerHeader.styles.ts
 init_emotion_jsx_shim();
-var import_react97 = require("@emotion/react");
-var ParameterDrawerHeaderContainer = import_react97.css`
+var import_react99 = require("@emotion/react");
+var ParameterDrawerHeaderContainer = import_react99.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
   justify-content: space-between;
   margin-bottom: var(--spacing-sm);
 `;
-var ParameterDrawerHeaderTitleGroup = import_react97.css`
+var ParameterDrawerHeaderTitleGroup = import_react99.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ParameterDrawerHeaderTitle = import_react97.css`
+var ParameterDrawerHeaderTitle = import_react99.css`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -17975,12 +18069,12 @@ var ParameterDrawerHeaderTitle = import_react97.css`
 `;
 
 // src/components/ParameterInputs/ParameterDrawerHeader.tsx
-var import_jsx_runtime90 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime91 = require("@emotion/react/jsx-runtime");
 var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
       iconBeforeTitle,
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
     ] }),
     children
   ] });
@@ -17988,12 +18082,12 @@ var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
 
 // src/components/ParameterInputs/ParameterGroup.tsx
 init_emotion_jsx_shim();
-var import_react99 = require("react");
+var import_react101 = require("react");
 
 // src/components/ParameterInputs/styles/ParameterGroup.styles.ts
 init_emotion_jsx_shim();
-var import_react98 = require("@emotion/react");
-var fieldsetStyles = import_react98.css`
+var import_react100 = require("@emotion/react");
+var fieldsetStyles = import_react100.css`
   &:disabled,
   [readonly] {
     pointer-events: none;
@@ -18004,7 +18098,7 @@ var fieldsetStyles = import_react98.css`
     }
   }
 `;
-var fieldsetLegend2 = import_react98.css`
+var fieldsetLegend2 = import_react100.css`
   display: block;
   font-weight: var(--fw-medium);
   margin-bottom: var(--spacing-sm);
@@ -18012,11 +18106,11 @@ var fieldsetLegend2 = import_react98.css`
 `;
 
 // src/components/ParameterInputs/ParameterGroup.tsx
-var import_jsx_runtime91 = require("@emotion/react/jsx-runtime");
-var ParameterGroup = (0, import_react99.forwardRef)(
+var import_jsx_runtime92 = require("@emotion/react/jsx-runtime");
+var ParameterGroup = (0, import_react101.forwardRef)(
   ({ legend, isDisabled, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { css: fieldsetLegend2, children: legend }),
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("legend", { css: fieldsetLegend2, children: legend }),
       children
     ] });
   }
@@ -18024,63 +18118,24 @@ var ParameterGroup = (0, import_react99.forwardRef)(
 
 // src/components/ParameterInputs/ParameterImage.tsx
 init_emotion_jsx_shim();
-var import_react105 = require("react");
+var import_react107 = require("react");
 
 // src/components/ParameterInputs/ParameterImagePreview.tsx
 init_emotion_jsx_shim();
-var import_react101 = require("react");
+var import_react103 = require("react");
 var import_react_dom2 = require("react-dom");
 
-// src/utils/url.ts
-init_emotion_jsx_shim();
-var isValidUrl = (url, options = {}) => {
-  try {
-    new URL(url, options.allowRelative ? "https://defaultbaseurl.com" : void 0);
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
 // src/components/ParameterInputs/styles/ParameterImage.styles.ts
 init_emotion_jsx_shim();
-var import_react100 = require("@emotion/react");
-var imageWrapper = import_react100.css`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background: var(--gray-50);
-  max-width: 100%;
-  max-height: 100%;
-`;
-var imageWrapperLoading = import_react100.css`
-  animation: ${skeletonLoading} var(--duration-slow) linear infinite alternate;
-`;
-var img = import_react100.css`
-  object-fit: contain;
-  max-width: 100%;
-  height: auto;
-  opacity: var(--opacity-0);
-  margin: 0 auto;
-`;
-var imgLoading = import_react100.css`
-  opacity: 0;
-`;
-var imgLoaded = import_react100.css`
-  animation: ${fadeIn} var(--duration-slow) var(--timing-ease-out) forwards;
-  opacity: 1;
-`;
-var brokenImage = import_react100.css`
-  height: 160px;
-`;
-var previewWrapper = import_react100.css`
+var import_react102 = require("@emotion/react");
+var previewWrapper = import_react102.css`
   margin-top: var(--spacing-xs);
   background: var(--gray-50);
   padding: var(--spacing-sm);
   border: solid 1px var(--gray-300);
   border-radius: var(--rounded-sm);
 `;
-var previewLink = import_react100.css`
+var previewLink = import_react102.css`
   display: block;
   width: 100%;
 
@@ -18088,7 +18143,7 @@ var previewLink = import_react100.css`
     max-height: 9rem;
   }
 `;
-var previewModalWrapper = import_react100.css`
+var previewModalWrapper = import_react102.css`
   background: var(--gray-50);
   display: flex;
   height: 100%;
@@ -18097,7 +18152,7 @@ var previewModalWrapper = import_react100.css`
   border: solid 1px var(--gray-300);
   border-radius: var(--rounded-sm);
 `;
-var previewModalImage = import_react100.css`
+var previewModalImage = import_react102.css`
   display: flex;
   height: 100%;
   width: 100%;
@@ -18109,122 +18164,61 @@ var previewModalImage = import_react100.css`
 `;
 
 // src/components/ParameterInputs/ParameterImagePreview.tsx
-var import_jsx_runtime92 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime93 = require("@emotion/react/jsx-runtime");
 function ParameterImagePreview({ imageSrc }) {
-  const [showModal, setShowModal] = (0, import_react101.useState)(false);
-  return imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { css: previewWrapper, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  const [showModal, setShowModal] = (0, import_react103.useState)(false);
+  return imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { css: previewWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "button",
       {
         css: previewLink,
         onClick: () => {
           setShowModal(true);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Image, { src: imageSrc })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
       }
     )
   ] }) : null;
 }
 var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
-  return open ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return open ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Modal,
       {
         header: "Image Preview",
         onRequestClose,
         withoutContentPadding: true,
-        buttonGroup: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { css: previewModalWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Image, { src: imageSrc, css: previewModalImage }) })
+        buttonGroup: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { css: previewModalWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
       }
     ),
     document.body
   ) }) : null;
 };
-var Image = ({ src, className }) => {
-  const [loading, setLoading] = (0, import_react101.useState)(false);
-  const [loadErrorText, setLoadErrorText] = (0, import_react101.useState)("");
-  const errorText = "The text you provided is not a valid URL";
-  const updateImageSrc = (0, import_react101.useCallback)(() => {
-    let message = "";
-    try {
-      if (src !== "") {
-        const url = String(src).startsWith("//") ? `${location.protocol}${src}` : String(src);
-        if (!isValidUrl(url) || !url.startsWith("https")) {
-          throw Error(errorText);
-        }
-      }
-      message = "";
-    } catch (e) {
-      message = errorText;
-    }
-    setLoadErrorText(message);
-  }, [setLoadErrorText, src]);
-  (0, import_react101.useEffect)(() => {
-    updateImageSrc();
-  }, [src]);
-  const handleLoadEvent = () => {
-    setLoadErrorText("");
-    if (src) {
-      setLoading(true);
-    }
-    const timer = setTimeout(() => {
-      setLoading(false);
-    }, 1e3);
-    return () => clearTimeout(timer);
-  };
-  const handleErrorEvent = () => {
-    setLoadErrorText("The value you provided is not a valid image URL");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-    "span",
-    {
-      className,
-      css: [imageWrapper, loading ? imageWrapperLoading : null],
-      children: [
-        src && !loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          "img",
-          {
-            src,
-            css: [img, loading ? imgLoading : imgLoaded],
-            alt: "image preview",
-            onLoad: handleLoadEvent,
-            onError: handleErrorEvent,
-            loading: "lazy",
-            "data-testid": "parameter-image-preview"
-          }
-        ) : null,
-        src && loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ImageBroken, { css: [brokenImage, img, imgLoaded] }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ErrorMessage, { message: loadErrorText })
-        ] }) : null
-      ]
-    }
-  );
-};
 
 // src/components/ParameterInputs/ParameterShell.tsx
 init_emotion_jsx_shim();
-var import_react104 = require("react");
+var import_react106 = require("react");
 
 // src/components/ParameterInputs/ParameterLabel.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime93 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime94 = require("@emotion/react/jsx-runtime");
 var ParameterLabel = ({ id, asSpan, children, ...props }) => {
-  return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
+  return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
 };
 
 // src/components/ParameterInputs/ParameterMenuButton.tsx
 init_emotion_jsx_shim();
-var import_react102 = require("react");
-var import_jsx_runtime94 = require("@emotion/react/jsx-runtime");
-var ParameterMenuButton = (0, import_react102.forwardRef)(
+var import_react104 = require("react");
+var import_jsx_runtime95 = require("@emotion/react/jsx-runtime");
+var ParameterMenuButton = (0, import_react104.forwardRef)(
   ({ label, children }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Menu,
       {
         menuLabel: `${label} menu`,
-        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           "button",
           {
             className: "parameter-menu",
@@ -18232,7 +18226,7 @@ var ParameterMenuButton = (0, import_react102.forwardRef)(
             type: "button",
             "aria-label": `${label} options`,
             ref,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
           }
         ),
         children
@@ -18243,8 +18237,8 @@ var ParameterMenuButton = (0, import_react102.forwardRef)(
 
 // src/components/ParameterInputs/styles/ParameterShell.styles.ts
 init_emotion_jsx_shim();
-var import_react103 = require("@emotion/react");
-var emptyParameterShell = import_react103.css`
+var import_react105 = require("@emotion/react");
+var emptyParameterShell = import_react105.css`
   border-radius: var(--rounded-sm);
   background: var(--white);
   flex-grow: 1;
@@ -18252,7 +18246,7 @@ var emptyParameterShell = import_react103.css`
   position: relative;
   max-width: 100%;
 `;
-var emptyParameterShellText = import_react103.css`
+var emptyParameterShellText = import_react105.css`
   background: var(--brand-secondary-6);
   border-radius: var(--rounded-sm);
   padding: var(--spacing-sm);
@@ -18260,7 +18254,7 @@ var emptyParameterShellText = import_react103.css`
   font-size: var(--fs-sm);
   margin: 0;
 `;
-var overrideMarker = import_react103.css`
+var overrideMarker = import_react105.css`
   border-radius: var(--rounded-sm);
   border: 10px solid var(--gray-300);
   border-left-color: transparent;
@@ -18271,7 +18265,7 @@ var overrideMarker = import_react103.css`
 `;
 
 // src/components/ParameterInputs/ParameterShell.tsx
-var import_jsx_runtime95 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime96 = require("@emotion/react/jsx-runtime");
 var extractParameterProps = (props) => {
   const {
     id,
@@ -18329,23 +18323,23 @@ var ParameterShell = ({
   children,
   ...props
 }) => {
-  const [manualErrorMessage, setManualErrorMessage] = (0, import_react104.useState)(void 0);
+  const [manualErrorMessage, setManualErrorMessage] = (0, import_react106.useState)(void 0);
   const setErrorMessage = (message) => setManualErrorMessage(message);
   const errorMessaging = errorMessage || manualErrorMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { css: inputContainer2, ...props, children: [
-    hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterLabel, { id, css: labelText2, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { css: inputContainer2, ...props, children: [
+    hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ParameterLabel, { id, css: labelText2, children: [
       labelLeadingIcon != null ? labelLeadingIcon : null,
       label,
       labelTrailingIcon != null ? labelTrailingIcon : null
     ] }),
-    !title ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterLabel, { id, asSpan: true, children: [
+    !title ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ParameterLabel, { id, asSpan: true, children: [
       labelLeadingIcon != null ? labelLeadingIcon : null,
       title,
       labelTrailingIcon != null ? labelTrailingIcon : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { css: inputWrapper, children: [
-      menuItems ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { css: inputWrapper, children: [
+      menuItems ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         ParameterShellContext.Provider,
         {
           value: {
@@ -18355,41 +18349,41 @@ var ParameterShell = ({
             errorMessage: errorMessaging,
             handleManuallySetErrorMessage: (message) => setErrorMessage(message)
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterShellPlaceholder, { children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ParameterShellPlaceholder, { children: [
             children,
-            hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
+            hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
           ] })
         }
       )
     ] }),
-    caption ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
-    errorMessaging ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null,
-    warningMessage ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WarningMessage, { message: warningMessage }) : null,
-    infoMessage ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(InfoMessage, { message: infoMessage }) : null
+    caption ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
+    errorMessaging ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null,
+    warningMessage ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WarningMessage, { message: warningMessage }) : null,
+    infoMessage ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(InfoMessage, { message: infoMessage }) : null
   ] });
 };
 var ParameterShellPlaceholder = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { css: emptyParameterShell, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { css: emptyParameterShell, children });
 };
-var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
+var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
 
 // src/components/ParameterInputs/ParameterImage.tsx
-var import_jsx_runtime96 = require("@emotion/react/jsx-runtime");
-var ParameterImage = (0, import_react105.forwardRef)(
+var import_jsx_runtime97 = require("@emotion/react/jsx-runtime");
+var ParameterImage = (0, import_react107.forwardRef)(
   ({ children, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterImageInner, { ref, ...innerProps }),
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterImageInner, { ref, ...innerProps }),
       children
     ] });
   }
 );
-var ParameterImageInner = (0, import_react105.forwardRef)((props, ref) => {
+var ParameterImageInner = (0, import_react107.forwardRef)((props, ref) => {
   const { value } = props;
   const { id, label, hiddenLabel, errorMessage } = useParameterShell();
-  const deferredValue = (0, import_react105.useDeferredValue)(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  const deferredValue = (0, import_react107.useDeferredValue)(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       "input",
       {
         css: input2,
@@ -18401,22 +18395,22 @@ var ParameterImageInner = (0, import_react105.forwardRef)((props, ref) => {
         ...props
       }
     ),
-    errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterImagePreview, { imageSrc: deferredValue })
+    errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterImagePreview, { imageSrc: deferredValue })
   ] });
 });
 
 // src/components/ParameterInputs/ParameterInput.tsx
 init_emotion_jsx_shim();
-var import_react106 = require("react");
-var import_jsx_runtime97 = require("@emotion/react/jsx-runtime");
-var ParameterInput = (0, import_react106.forwardRef)((props, ref) => {
+var import_react108 = require("react");
+var import_jsx_runtime98 = require("@emotion/react/jsx-runtime");
+var ParameterInput = (0, import_react108.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterInputInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ParameterInputInner, { ref, ...innerProps }) });
 });
-var ParameterInputInner = (0, import_react106.forwardRef)(
+var ParameterInputInner = (0, import_react108.forwardRef)(
   ({ ...props }, ref) => {
     const { id, label, hiddenLabel } = useParameterShell();
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "input",
       {
         css: input2,
@@ -18433,19 +18427,19 @@ var ParameterInputInner = (0, import_react106.forwardRef)(
 
 // src/components/ParameterInputs/ParameterLink.tsx
 init_emotion_jsx_shim();
-var import_react107 = require("react");
-var import_jsx_runtime98 = require("@emotion/react/jsx-runtime");
-var ParameterLink = (0, import_react107.forwardRef)(
+var import_react109 = require("react");
+var import_jsx_runtime99 = require("@emotion/react/jsx-runtime");
+var ParameterLink = (0, import_react109.forwardRef)(
   ({ disabled, onConnectLink, externalLink, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       ParameterShell,
       {
         "data-testid": "link-parameter-editor",
         ...shellProps,
         label: innerProps.value ? shellProps.label : "",
         title: !innerProps.value ? shellProps.label : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           ParameterLinkInner,
           {
             onConnectLink,
@@ -18458,13 +18452,13 @@ var ParameterLink = (0, import_react107.forwardRef)(
     );
   }
 );
-var ParameterLinkInner = (0, import_react107.forwardRef)(
+var ParameterLinkInner = (0, import_react109.forwardRef)(
   ({ externalLink, onConnectLink, disabled, buttonText = "Select link", ...props }, ref) => {
     const { id, label, hiddenLabel } = useParameterShell();
     if (!props.value)
-      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText });
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { css: inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { css: inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "input",
         {
           type: "text",
@@ -18476,8 +18470,8 @@ var ParameterLinkInner = (0, import_react107.forwardRef)(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { css: linkParameterControls, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { css: linkParameterControls, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "button",
           {
             type: "button",
@@ -18488,7 +18482,7 @@ var ParameterLinkInner = (0, import_react107.forwardRef)(
             children: "edit"
           }
         ),
-        externalLink ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        externalLink ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "a",
           {
             href: externalLink,
@@ -18496,7 +18490,7 @@ var ParameterLinkInner = (0, import_react107.forwardRef)(
             title: "Open link in new tab",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
           }
         ) : null
       ] })
@@ -18506,7 +18500,7 @@ var ParameterLinkInner = (0, import_react107.forwardRef)(
 
 // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime99 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime100 = require("@emotion/react/jsx-runtime");
 var ParameterNameAndPublicIdInput = ({
   id,
   onBlur,
@@ -18532,8 +18526,8 @@ var ParameterNameAndPublicIdInput = ({
     navigator.clipboard.writeText(values[publicIdFieldName]);
   };
   autoFocus == null ? void 0 : autoFocus();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       ParameterInput,
       {
         id: nameIdField,
@@ -18552,7 +18546,7 @@ var ParameterNameAndPublicIdInput = ({
         value: values[nameIdField]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       ParameterInput,
       {
         id: publicIdFieldName,
@@ -18566,11 +18560,11 @@ var ParameterNameAndPublicIdInput = ({
         caption: publicIdCaption,
         placeholder: publicIdPlaceholderText,
         errorMessage: publicIdError,
-        menuItems: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        menuItems: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           MenuItem,
           {
             disabled: !values[publicIdFieldName],
-            icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
             onClick: handleCopyPidFieldValue,
             children: "Copy"
           }
@@ -18578,13 +18572,13 @@ var ParameterNameAndPublicIdInput = ({
         value: values[publicIdFieldName]
       }
     ),
-    (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
+    (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
   ] });
 };
 
 // src/components/ParameterInputs/ParameterRichText.tsx
 init_emotion_jsx_shim();
-var import_react114 = require("@emotion/react");
+var import_react116 = require("@emotion/react");
 var import_list3 = require("@lexical/list");
 var import_markdown = require("@lexical/markdown");
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");
@@ -18691,7 +18685,7 @@ var getLabelForElement = (type) => {
 // src/components/ParameterInputs/ParameterRichText.tsx
 var import_fast_equals2 = require("fast-equals");
 var import_lexical6 = require("lexical");
-var import_react115 = require("react");
+var import_react117 = require("react");
 
 // src/components/ParameterInputs/rich-text/CustomCodeNode.ts
 init_emotion_jsx_shim();
@@ -18714,10 +18708,10 @@ init_emotion_jsx_shim();
 var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var import_utils2 = require("@lexical/utils");
 var import_lexical = require("lexical");
-var import_react108 = require("react");
+var import_react110 = require("react");
 function DisableStylesPlugin() {
   const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
-  (0, import_react108.useEffect)(() => {
+  (0, import_react110.useEffect)(() => {
     return (0, import_utils2.mergeRegister)(
       // Disable text alignment on paragraph nodes
       editor.registerNodeTransform(import_lexical.ParagraphNode, (node) => {
@@ -18912,13 +18906,13 @@ var codeElement = import_css.css`
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
 init_emotion_jsx_shim();
-var import_react109 = require("@emotion/react");
+var import_react111 = require("@emotion/react");
 var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalNodeEventPlugin = require("@lexical/react/LexicalNodeEventPlugin");
 var import_utils3 = require("@lexical/utils");
 var import_fast_equals = require("fast-equals");
 var import_lexical3 = require("lexical");
-var import_react110 = require("react");
+var import_react112 = require("react");
 
 // src/components/ParameterInputs/rich-text/utils.ts
 init_emotion_jsx_shim();
@@ -18957,7 +18951,7 @@ var getSelectedNode = (selection) => {
 };
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
-var import_jsx_runtime100 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime101 = require("@emotion/react/jsx-runtime");
 var isProjectMapLinkValue = (value) => {
   return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
     value.nodeId && value.path && value.projectMapId
@@ -19244,16 +19238,16 @@ var OPEN_LINK_NODE_MODAL_COMMAND = (0, import_lexical3.createCommand)(
 );
 var LINK_POPOVER_OFFSET_X = 0;
 var LINK_POPOVER_OFFSET_Y = 8;
-var linkPopover = import_react109.css`
+var linkPopover = import_react111.css`
   position: absolute;
   z-index: 5;
 `;
-var linkPopoverContainer = import_react109.css`
+var linkPopoverContainer = import_react111.css`
   ${Popover};
   align-items: center;
   display: flex;
 `;
-var linkPopoverAnchor = import_react109.css`
+var linkPopoverAnchor = import_react111.css`
   ${link}
   ${linkColorDefault}
 `;
@@ -19262,17 +19256,17 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
     return path;
   };
   const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
-  const [linkPopoverState, setLinkPopoverState] = (0, import_react110.useState)();
-  const linkPopoverElRef = (0, import_react110.useRef)(null);
-  const [isEditorFocused, setIsEditorFocused] = (0, import_react110.useState)(false);
-  const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0, import_react110.useState)(false);
-  (0, import_react110.useEffect)(() => {
+  const [linkPopoverState, setLinkPopoverState] = (0, import_react112.useState)();
+  const linkPopoverElRef = (0, import_react112.useRef)(null);
+  const [isEditorFocused, setIsEditorFocused] = (0, import_react112.useState)(false);
+  const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0, import_react112.useState)(false);
+  (0, import_react112.useEffect)(() => {
     if (!isEditorFocused && !isLinkPopoverFocused) {
       setLinkPopoverState(void 0);
       return;
     }
   }, [isEditorFocused, isLinkPopoverFocused]);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     if (!editor.hasNodes([LinkNode])) {
       throw new Error("LinkNode not registered on editor");
     }
@@ -19341,7 +19335,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
       )
     );
   }, [editor, onConnectLink]);
-  const maybeShowLinkToolbar = (0, import_react110.useCallback)(() => {
+  const maybeShowLinkToolbar = (0, import_react112.useCallback)(() => {
     if (!editor.isEditable()) {
       return;
     }
@@ -19373,7 +19367,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
       }
     });
   }, [editor]);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -19400,8 +19394,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
       });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       import_LexicalNodeEventPlugin.NodeEventPlugin,
       {
         nodeType: LinkNode,
@@ -19411,7 +19405,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
         }
       }
     ),
-    linkPopoverState ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    linkPopoverState ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       "div",
       {
         css: linkPopover,
@@ -19420,8 +19414,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
           top: linkPopoverState.position.y
         },
         ref: linkPopoverElRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { css: linkPopoverContainer, children: [
-          linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { css: linkPopoverContainer, children: [
+          linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "a",
             {
               href: parsePath(
@@ -19433,7 +19427,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
               children: parsePath(linkPopoverState.node.__link.path)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             Button,
             {
               size: "xs",
@@ -19441,7 +19435,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
                 onEditLinkNode(linkPopoverState.node);
               },
               buttonType: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
             }
           )
         ] })
@@ -19461,8 +19455,8 @@ var import_list = require("@lexical/list");
 var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalTabIndentationPlugin = require("@lexical/react/LexicalTabIndentationPlugin");
 var import_lexical4 = require("lexical");
-var import_react111 = require("react");
-var import_jsx_runtime101 = require("@emotion/react/jsx-runtime");
+var import_react113 = require("react");
+var import_jsx_runtime102 = require("@emotion/react/jsx-runtime");
 function isIndentPermitted(maxDepth) {
   const selection = (0, import_lexical4.$getSelection)();
   if (!(0, import_lexical4.$isRangeSelection)(selection)) {
@@ -19485,19 +19479,19 @@ function isIndentPermitted(maxDepth) {
 }
 function ListIndentPlugin({ maxDepth }) {
   const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
-  (0, import_react111.useEffect)(() => {
+  (0, import_react113.useEffect)(() => {
     return editor.registerCommand(
       import_lexical4.INDENT_CONTENT_COMMAND,
       () => !isIndentPermitted(maxDepth),
       import_lexical4.COMMAND_PRIORITY_CRITICAL
     );
   }, [editor, maxDepth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {});
 }
 
 // src/components/ParameterInputs/rich-text/RichTextToolbar.tsx
 init_emotion_jsx_shim();
-var import_react112 = require("@emotion/react");
+var import_react114 = require("@emotion/react");
 var import_code2 = require("@lexical/code");
 var import_list2 = require("@lexical/list");
 var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
@@ -19505,9 +19499,9 @@ var import_rich_text = require("@lexical/rich-text");
 var import_selection2 = require("@lexical/selection");
 var import_utils6 = require("@lexical/utils");
 var import_lexical5 = require("lexical");
-var import_react113 = require("react");
-var import_jsx_runtime102 = require("@emotion/react/jsx-runtime");
-var toolbar = import_react112.css`
+var import_react115 = require("react");
+var import_jsx_runtime103 = require("@emotion/react/jsx-runtime");
+var toolbar = import_react114.css`
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
@@ -19519,7 +19513,7 @@ var toolbar = import_react112.css`
   top: calc(var(--spacing-sm) * -2);
   z-index: 10;
 `;
-var toolbarGroup = import_react112.css`
+var toolbarGroup = import_react114.css`
   display: flex;
   gap: var(--spacing-xs);
   position: relative;
@@ -19535,7 +19529,7 @@ var toolbarGroup = import_react112.css`
     width: 1px;
   }
 `;
-var richTextToolbarButton = import_react112.css`
+var richTextToolbarButton = import_react114.css`
   align-items: center;
   appearance: none;
   border: 0;
@@ -19548,17 +19542,17 @@ var richTextToolbarButton = import_react112.css`
   min-width: 32px;
   padding: 0 var(--spacing-sm);
 `;
-var richTextToolbarButtonActive = import_react112.css`
+var richTextToolbarButtonActive = import_react114.css`
   background: var(--gray-200);
 `;
-var toolbarIcon = import_react112.css`
+var toolbarIcon = import_react114.css`
   color: inherit;
 `;
-var toolbarChevron = import_react112.css`
+var toolbarChevron = import_react114.css`
   margin-left: var(--spacing-xs);
 `;
 var RichTextToolbarIcon = ({ icon }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon, css: toolbarIcon, size: "1rem" });
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { icon, css: toolbarIcon, size: "1rem" });
 };
 var FORMATS_WITH_ICON = /* @__PURE__ */ new Map([
   ["bold", "format-bold"],
@@ -19609,7 +19603,7 @@ var RichTextToolbar = ({ config, customControls }) => {
       }
     });
   };
-  const updateToolbar = (0, import_react113.useCallback)(() => {
+  const updateToolbar = (0, import_react115.useCallback)(() => {
     const selection = (0, import_lexical5.$getSelection)();
     if (!(0, import_lexical5.$isRangeSelection)(selection)) {
       return;
@@ -19648,7 +19642,7 @@ var RichTextToolbar = ({ config, customControls }) => {
       setIsLink(false);
     }
   }, [editor, setActiveElement, setActiveFormats, setIsLink]);
-  (0, import_react113.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     return editor.registerCommand(
       import_lexical5.SELECTION_CHANGE_COMMAND,
       (_payload) => {
@@ -19658,7 +19652,7 @@ var RichTextToolbar = ({ config, customControls }) => {
       import_lexical5.COMMAND_PRIORITY_CRITICAL
     );
   }, [editor, updateToolbar]);
-  (0, import_react113.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -19667,15 +19661,15 @@ var RichTextToolbar = ({ config, customControls }) => {
       });
     });
   }, [editor, updateToolbar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbar, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { css: toolbar, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
       Menu,
       {
         menuLabel: "Elements",
-        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("button", { css: richTextToolbarButton, title: "Text styles", children: [
+        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("button", { css: richTextToolbarButton, title: "Text styles", children: [
           visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
         ] }),
         placement: "bottom-start",
         children: [
@@ -19685,7 +19679,7 @@ var RichTextToolbar = ({ config, customControls }) => {
               type: "paragraph"
             },
             ...visibleTextualElements
-          ].map((element) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          ].map((element) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             MenuItem,
             {
               onClick: () => {
@@ -19695,12 +19689,12 @@ var RichTextToolbar = ({ config, customControls }) => {
             },
             element.type
           )),
-          visibleTextualElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
+          visibleTextualElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
         ]
       }
     ),
-    visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbarGroup, children: [
-      visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { css: toolbarGroup, children: [
+      visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "button",
         {
           onClick: () => {
@@ -19710,16 +19704,16 @@ var RichTextToolbar = ({ config, customControls }) => {
             richTextToolbarButton,
             activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
           ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
         }
       ) }, format.type)),
-      visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         Menu,
         {
           menuLabel: "Alternative text styles",
-          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon: "more-alt", css: toolbarIcon }) }),
+          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { icon: "more-alt", css: toolbarIcon }) }),
           placement: "bottom-start",
-          children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             MenuItem,
             {
               onClick: () => {
@@ -19732,19 +19726,19 @@ var RichTextToolbar = ({ config, customControls }) => {
         }
       ) : null
     ] }) : null,
-    visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbarGroup, children: [
-      linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { css: toolbarGroup, children: [
+      linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "button",
         {
           onClick: () => {
             isLink ? editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {}) : editor.dispatchCommand(OPEN_LINK_NODE_MODAL_COMMAND, {});
           },
           css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "link" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: "link" })
         }
       ) }) : null,
-      visibleLists.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-        visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      visibleLists.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+        visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             onClick: () => {
@@ -19754,10 +19748,10 @@ var RichTextToolbar = ({ config, customControls }) => {
               richTextToolbarButton,
               activeElement === "unorderedList" ? richTextToolbarButtonActive : null
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "layout-list" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: "layout-list" })
           }
         ) }) : null,
-        visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             onClick: () => {
@@ -19767,57 +19761,57 @@ var RichTextToolbar = ({ config, customControls }) => {
               richTextToolbarButton,
               activeElement === "orderedList" ? richTextToolbarButtonActive : null
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "layout-list-numbered" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: "layout-list-numbered" })
           }
         ) }) : null
       ] }) : null,
-      quoteElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Blockquote", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      quoteElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: "Blockquote", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "button",
         {
           onClick: () => {
             activeElement === "quote" ? onSelectElement("paragraph") : onSelectElement("quote");
           },
           css: [richTextToolbarButton, activeElement === "quote" ? richTextToolbarButtonActive : null],
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "quote" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: "quote" })
         }
       ) }) : null,
-      codeElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Code Block", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      codeElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { title: "Code Block", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "button",
         {
           onClick: () => {
             activeElement === "code" ? onSelectElement("paragraph") : onSelectElement("code");
           },
           css: [richTextToolbarButton, activeElement === "code" ? richTextToolbarButtonActive : null],
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "code-slash" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbarIcon, { icon: "code-slash" })
         }
       ) }) : null
     ] }) : null,
-    customControls ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { css: toolbarGroup, children: customControls }) : null
+    customControls ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { css: toolbarGroup, children: customControls }) : null
   ] });
 };
 var RichTextToolbar_default = RichTextToolbar;
 var useRichTextToolbarState = ({ config }) => {
   var _a;
-  const enabledBuiltInFormats = (0, import_react113.useMemo)(() => {
+  const enabledBuiltInFormats = (0, import_react115.useMemo)(() => {
     return richTextBuiltInFormats.filter((format) => {
       var _a2, _b;
       return (_b = (_a2 = config == null ? void 0 : config.formatting) == null ? void 0 : _a2.builtIn) == null ? void 0 : _b.includes(format.type);
     });
   }, [config]);
-  const enabledBuiltInElements = (0, import_react113.useMemo)(() => {
+  const enabledBuiltInElements = (0, import_react115.useMemo)(() => {
     return richTextBuiltInElements.filter((element) => {
       var _a2, _b;
       return (_b = (_a2 = config == null ? void 0 : config.elements) == null ? void 0 : _a2.builtIn) == null ? void 0 : _b.includes(element.type);
     });
   }, [config]);
-  const enabledBuiltInFormatsWithIcon = (0, import_react113.useMemo)(() => {
+  const enabledBuiltInFormatsWithIcon = (0, import_react115.useMemo)(() => {
     return enabledBuiltInFormats.filter((format) => FORMATS_WITH_ICON.has(format.type));
   }, [enabledBuiltInFormats]);
   const enabledBuiltInFormatsWithoutIcon = enabledBuiltInFormats.filter(
     (format) => !FORMATS_WITH_ICON.has(format.type)
   );
-  const [activeFormats, setActiveFormats] = (0, import_react113.useState)([]);
-  const visibleFormatsWithIcon = (0, import_react113.useMemo)(() => {
+  const [activeFormats, setActiveFormats] = (0, import_react115.useState)([]);
+  const visibleFormatsWithIcon = (0, import_react115.useMemo)(() => {
     const visibleFormats = /* @__PURE__ */ new Set();
     activeFormats.filter((type) => FORMATS_WITH_ICON.has(type)).forEach((type) => {
       visibleFormats.add(type);
@@ -19827,7 +19821,7 @@ var useRichTextToolbarState = ({ config }) => {
     });
     return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
   }, [activeFormats, enabledBuiltInFormatsWithIcon]);
-  const visibleFormatsWithoutIcon = (0, import_react113.useMemo)(() => {
+  const visibleFormatsWithoutIcon = (0, import_react115.useMemo)(() => {
     const visibleFormats = /* @__PURE__ */ new Set();
     activeFormats.filter((type) => !FORMATS_WITH_ICON.has(type)).forEach((type) => {
       visibleFormats.add(type);
@@ -19837,11 +19831,11 @@ var useRichTextToolbarState = ({ config }) => {
     });
     return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
   }, [activeFormats, enabledBuiltInFormatsWithoutIcon]);
-  const [activeElement, setActiveElement] = (0, import_react113.useState)("paragraph");
+  const [activeElement, setActiveElement] = (0, import_react115.useState)("paragraph");
   const enabledTextualElements = enabledBuiltInElements.filter(
     (element) => TEXTUAL_ELEMENTS.includes(element.type)
   );
-  const visibleTextualElements = (0, import_react113.useMemo)(() => {
+  const visibleTextualElements = (0, import_react115.useMemo)(() => {
     if (!TEXTUAL_ELEMENTS.includes(activeElement)) {
       return enabledTextualElements;
     }
@@ -19852,24 +19846,24 @@ var useRichTextToolbarState = ({ config }) => {
       }
     );
   }, [activeElement, (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn, enabledTextualElements]);
-  const [isLink, setIsLink] = (0, import_react113.useState)(false);
-  const linkElementVisible = (0, import_react113.useMemo)(() => {
+  const [isLink, setIsLink] = (0, import_react115.useState)(false);
+  const linkElementVisible = (0, import_react115.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "link") || isLink;
   }, [isLink, enabledBuiltInElements]);
-  const visibleLists = (0, import_react113.useMemo)(() => {
+  const visibleLists = (0, import_react115.useMemo)(() => {
     return new Set(
       ["orderedList", "unorderedList"].filter(
         (type) => enabledBuiltInElements.some((element) => element.type === type) || activeElement === type
       )
     );
   }, [activeElement, enabledBuiltInElements]);
-  const quoteElementVisible = (0, import_react113.useMemo)(() => {
+  const quoteElementVisible = (0, import_react115.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "quote") || activeElement === "quote";
   }, [activeElement, enabledBuiltInElements]);
-  const codeElementVisible = (0, import_react113.useMemo)(() => {
+  const codeElementVisible = (0, import_react115.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "code") || activeElement === "code";
   }, [activeElement, enabledBuiltInElements]);
-  const visibleElementsWithIcons = (0, import_react113.useMemo)(() => {
+  const visibleElementsWithIcons = (0, import_react115.useMemo)(() => {
     const visibleElements = /* @__PURE__ */ new Set();
     if (linkElementVisible) {
       visibleElements.add("link");
@@ -19906,7 +19900,7 @@ var useRichTextToolbarState = ({ config }) => {
 };
 
 // src/components/ParameterInputs/ParameterRichText.tsx
-var import_jsx_runtime103 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime104 = require("@emotion/react/jsx-runtime");
 var ParameterRichText = ({
   label,
   labelLeadingIcon,
@@ -19931,7 +19925,7 @@ var ParameterRichText = ({
   variables,
   customControls
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     ParameterShell,
     {
       "data-testid": "parameter-input",
@@ -19945,7 +19939,7 @@ var ParameterRichText = ({
       captionTestId,
       menuItems,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           ParameterRichTextInner,
           {
             value,
@@ -19963,23 +19957,23 @@ var ParameterRichText = ({
             children
           }
         ),
-        menuItems ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children: menuItems }) }) : null
+        menuItems ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: menuItems }) }) : null
       ]
     }
   );
 };
-var editorWrapper = import_react114.css`
+var editorWrapper = import_react116.css`
   display: flex;
   flex-flow: column;
   flex-grow: 1;
 `;
-var editorContainer = import_react114.css`
+var editorContainer = import_react116.css`
   display: flex;
   flex-flow: column;
   flex-grow: 1;
   position: relative;
 `;
-var editorPlaceholder = import_react114.css`
+var editorPlaceholder = import_react116.css`
   color: var(--gray-500);
   font-style: italic;
   /* 1px is added to make sure caret is clearly visible when field is focused
@@ -19990,7 +19984,7 @@ var editorPlaceholder = import_react114.css`
   top: var(--spacing-xs);
   user-select: none;
 `;
-var editorInput = import_react114.css`
+var editorInput = import_react116.css`
   background: var(--white);
   border: 1px solid var(--white);
   border-radius: var(--rounded-sm);
@@ -20074,8 +20068,8 @@ var ParameterRichTextInner = ({
     },
     editable: !readOnly
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       RichText,
       {
         onChange,
@@ -20112,14 +20106,14 @@ var RichText = ({
   variables,
   customControls
 }) => {
-  const editorContainerRef = (0, import_react115.useRef)(null);
+  const editorContainerRef = (0, import_react117.useRef)(null);
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
-  (0, import_react115.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     if (onRichTextInit) {
       onRichTextInit(editor);
     }
   }, [editor, onRichTextInit]);
-  (0, import_react115.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     const removeUpdateListener = editor.registerUpdateListener(({ editorState, prevEditorState }) => {
       requestAnimationFrame(() => {
         if (!(0, import_fast_equals2.deepEqual)(editorState.toJSON(), prevEditorState.toJSON())) {
@@ -20131,20 +20125,20 @@ var RichText = ({
       removeUpdateListener();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-    readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbar_default, { config, customControls }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { css: editorContainer, ref: editorContainerRef, "data-testid": "value-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
+    readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(RichTextToolbar_default, { config, customControls }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { css: editorContainer, ref: editorContainerRef, "data-testid": "value-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         import_LexicalRichTextPlugin.RichTextPlugin,
         {
-          contentEditable: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
-          placeholder: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
+          contentEditable: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
+          placeholder: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
           ErrorBoundary: import_LexicalErrorBoundary.default
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         LinkNodePlugin,
         {
           onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
@@ -20154,28 +20148,28 @@ var RichText = ({
           } : void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ListIndentPlugin, { maxDepth: 4 }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DisableStylesPlugin, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ListIndentPlugin, { maxDepth: 4 }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DisableStylesPlugin, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children })
     ] })
   ] });
 };
 
 // src/components/ParameterInputs/ParameterSelect.tsx
 init_emotion_jsx_shim();
-var import_react116 = require("react");
-var import_jsx_runtime104 = require("@emotion/react/jsx-runtime");
-var ParameterSelect = (0, import_react116.forwardRef)(
+var import_react118 = require("react");
+var import_jsx_runtime105 = require("@emotion/react/jsx-runtime");
+var ParameterSelect = (0, import_react118.forwardRef)(
   ({ defaultOption, options, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
   }
 );
-var ParameterSelectInner = (0, import_react116.forwardRef)(
+var ParameterSelectInner = (0, import_react118.forwardRef)(
   ({ defaultOption, options, ...props }, ref) => {
     const { id, label, hiddenLabel } = useParameterShell();
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "select",
       {
         css: [input2, selectInput],
@@ -20184,10 +20178,10 @@ var ParameterSelectInner = (0, import_react116.forwardRef)(
         ref,
         ...props,
         children: [
-          defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("option", { value: "", children: defaultOption }) : null,
+          defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("option", { value: "", children: defaultOption }) : null,
           options.map((option) => {
             var _a;
-            return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
+            return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
           })
         ]
       }
@@ -20197,15 +20191,15 @@ var ParameterSelectInner = (0, import_react116.forwardRef)(
 
 // src/components/ParameterInputs/ParameterTextarea.tsx
 init_emotion_jsx_shim();
-var import_react117 = require("react");
-var import_jsx_runtime105 = require("@emotion/react/jsx-runtime");
-var ParameterTextarea = (0, import_react117.forwardRef)((props, ref) => {
+var import_react119 = require("react");
+var import_jsx_runtime106 = require("@emotion/react/jsx-runtime");
+var ParameterTextarea = (0, import_react119.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
 });
-var ParameterTextareaInner = (0, import_react117.forwardRef)(({ ...props }, ref) => {
+var ParameterTextareaInner = (0, import_react119.forwardRef)(({ ...props }, ref) => {
   const { id, label, hiddenLabel } = useParameterShell();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "textarea",
     {
       css: [input2, textarea2],
@@ -20219,49 +20213,49 @@ var ParameterTextareaInner = (0, import_react117.forwardRef)(({ ...props }, ref)
 
 // src/components/ParameterInputs/ParameterToggle.tsx
 init_emotion_jsx_shim();
-var import_react118 = require("react");
-var import_jsx_runtime106 = require("@emotion/react/jsx-runtime");
-var ParameterToggle = (0, import_react118.forwardRef)((props, ref) => {
+var import_react120 = require("react");
+var import_jsx_runtime107 = require("@emotion/react/jsx-runtime");
+var ParameterToggle = (0, import_react120.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
 });
-var ParameterToggleInner = (0, import_react118.forwardRef)(
+var ParameterToggleInner = (0, import_react120.forwardRef)(
   ({ ...props }, ref) => {
     const { id, label } = useParameterShell();
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("label", { css: inputToggleLabel2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { css: inlineLabel2, children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("label", { css: inputToggleLabel2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { css: inlineLabel2, children: label })
     ] });
   }
 );
 
 // src/components/ProgressList/ProgressList.tsx
 init_emotion_jsx_shim();
-var import_react120 = require("@emotion/react");
+var import_react122 = require("@emotion/react");
 var import_CgCheckO3 = require("@react-icons/all-files/cg/CgCheckO");
 var import_CgRadioCheck2 = require("@react-icons/all-files/cg/CgRadioCheck");
 var import_CgRecord2 = require("@react-icons/all-files/cg/CgRecord");
-var import_react121 = require("react");
+var import_react123 = require("react");
 
 // src/components/ProgressList/styles/ProgressList.styles.ts
 init_emotion_jsx_shim();
-var import_react119 = require("@emotion/react");
-var progressListStyles = import_react119.css`
+var import_react121 = require("@emotion/react");
+var progressListStyles = import_react121.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   list-style-type: none;
 `;
-var progressListItemStyles = import_react119.css`
+var progressListItemStyles = import_react121.css`
   display: flex;
   gap: var(--spacing-base);
   align-items: center;
 `;
 
 // src/components/ProgressList/ProgressList.tsx
-var import_jsx_runtime107 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime108 = require("@emotion/react/jsx-runtime");
 var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
-  const itemsWithStatus = (0, import_react121.useMemo)(() => {
+  const itemsWithStatus = (0, import_react123.useMemo)(() => {
     const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
     return items.map((item, index) => {
       let status = "queued";
@@ -20273,8 +20267,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
       return { ...item, status };
     });
   }, [items, inProgressId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       ProgressListItem,
       {
         status,
@@ -20294,7 +20288,7 @@ var ProgressListItem = ({
   errorLevel = "danger",
   autoEllipsis = false
 }) => {
-  const icon = (0, import_react121.useMemo)(() => {
+  const icon = (0, import_react123.useMemo)(() => {
     if (error) {
       return warningIcon;
     }
@@ -20305,14 +20299,14 @@ var ProgressListItem = ({
     };
     return iconPerStatus[status];
   }, [status, error]);
-  const statusStyles = (0, import_react121.useMemo)(() => {
+  const statusStyles = (0, import_react123.useMemo)(() => {
     if (error) {
-      return errorLevel === "caution" ? import_react120.css`
+      return errorLevel === "caution" ? import_react122.css`
             color: rgb(161, 98, 7);
             & svg {
               color: rgb(250, 204, 21);
             }
-          ` : import_react120.css`
+          ` : import_react122.css`
             color: rgb(185, 28, 28);
             & svg {
               color: var(--brand-primary-2);
@@ -20320,37 +20314,37 @@ var ProgressListItem = ({
           `;
     }
     const colorPerStatus = {
-      completed: import_react120.css`
+      completed: import_react122.css`
         opacity: 0.75;
       `,
-      inProgress: import_react120.css`
+      inProgress: import_react122.css`
         -webkit-text-stroke-width: thin;
       `,
-      queued: import_react120.css`
+      queued: import_react122.css`
         opacity: 0.5;
       `
     };
     return colorPerStatus[status];
   }, [status, error, errorLevel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
     ] })
   ] });
 };
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 init_emotion_jsx_shim();
-var import_react123 = require("@emotion/react");
+var import_react125 = require("@emotion/react");
 var import_CgCheck5 = require("@react-icons/all-files/cg/CgCheck");
-var import_react124 = require("react");
+var import_react126 = require("react");
 
 // src/components/SegmentedControl/SegmentedControl.styles.ts
 init_emotion_jsx_shim();
-var import_react122 = require("@emotion/react");
-var segmentedControlStyles = import_react122.css`
+var import_react124 = require("@emotion/react");
+var segmentedControlStyles = import_react124.css`
   --segmented-control-rounded-value: var(--rounded-base);
   --segmented-control-border-width: 1px;
   --segmented-control-selected-color: var(--brand-secondary-3);
@@ -20369,14 +20363,14 @@ var segmentedControlStyles = import_react122.css`
   border-radius: calc(var(--segmented-control-rounded-value) + var(--segmented-control-border-width));
   font-size: var(--fs-xs);
 `;
-var segmentedControlVerticalStyles = import_react122.css`
+var segmentedControlVerticalStyles = import_react124.css`
   flex-direction: column;
   --segmented-control-first-border-radius: var(--segmented-control-rounded-value)
     var(--segmented-control-rounded-value) 0 0;
   --segmented-control-last-border-radius: 0 0 var(--segmented-control-rounded-value)
     var(--segmented-control-rounded-value);
 `;
-var segmentedControlItemStyles = import_react122.css`
+var segmentedControlItemStyles = import_react124.css`
   &:first-of-type label {
     border-radius: var(--segmented-control-first-border-radius);
   }
@@ -20384,10 +20378,10 @@ var segmentedControlItemStyles = import_react122.css`
     border-radius: var(--segmented-control-last-border-radius);
   }
 `;
-var segmentedControlInputStyles = import_react122.css`
+var segmentedControlInputStyles = import_react124.css`
   ${accessibleHidden}
 `;
-var segmentedControlLabelStyles = (checked, disabled) => import_react122.css`
+var segmentedControlLabelStyles = (checked, disabled) => import_react124.css`
   position: relative;
   display: flex;
   align-items: center;
@@ -20454,23 +20448,23 @@ var segmentedControlLabelStyles = (checked, disabled) => import_react122.css`
     `}
   }
 `;
-var segmentedControlLabelIconOnlyStyles = import_react122.css`
+var segmentedControlLabelIconOnlyStyles = import_react124.css`
   padding-inline: 0.5em;
 `;
-var segmentedControlLabelCheckStyles = import_react122.css`
+var segmentedControlLabelCheckStyles = import_react124.css`
   opacity: 0.5;
 `;
-var segmentedControlLabelContentStyles = import_react122.css`
+var segmentedControlLabelContentStyles = import_react124.css`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   height: 100%;
 `;
-var segmentedControlLabelTextStyles = import_react122.css``;
+var segmentedControlLabelTextStyles = import_react124.css``;
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-var import_jsx_runtime108 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime109 = require("@emotion/react/jsx-runtime");
 var SegmentedControl = ({
   name,
   options,
@@ -20482,7 +20476,7 @@ var SegmentedControl = ({
   size = "md",
   ...props
 }) => {
-  const onOptionChange = (0, import_react124.useCallback)(
+  const onOptionChange = (0, import_react126.useCallback)(
     (event) => {
       if (event.target.checked) {
         onChange == null ? void 0 : onChange(options[parseInt(event.target.value)].value);
@@ -20490,18 +20484,18 @@ var SegmentedControl = ({
     },
     [options, onChange]
   );
-  const sizeStyles = (0, import_react124.useMemo)(() => {
+  const sizeStyles = (0, import_react126.useMemo)(() => {
     const map = {
-      sm: (0, import_react123.css)({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
-      md: (0, import_react123.css)({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
-      lg: (0, import_react123.css)({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" })
+      sm: (0, import_react125.css)({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
+      md: (0, import_react125.css)({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
+      lg: (0, import_react125.css)({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" })
     };
     return map[size];
   }, [size]);
-  const isIconOnly = (0, import_react124.useMemo)(() => {
+  const isIconOnly = (0, import_react126.useMemo)(() => {
     return options.every((option) => option.icon && !option.label);
   }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "div",
     {
       css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
@@ -20509,11 +20503,11 @@ var SegmentedControl = ({
       children: options.map((option, index) => {
         const text = option.label ? option.label : option.icon ? null : String(option.value);
         const isDisabled = disabled || option.disabled;
-        return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           Tooltip,
           {
             title: isDisabled || !option.tooltip ? "" : option.tooltip,
-            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { css: segmentedControlItemStyles, "data-testid": "container-segmented-control", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { css: segmentedControlItemStyles, "data-testid": "container-segmented-control", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
               "label",
               {
                 css: [
@@ -20522,7 +20516,7 @@ var SegmentedControl = ({
                   isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
                 ],
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
                     "input",
                     {
                       css: segmentedControlInputStyles,
@@ -20534,10 +20528,10 @@ var SegmentedControl = ({
                       disabled: isDisabled
                     }
                   ),
-                  option.value !== value || noCheckmark ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_CgCheck5.CgCheck, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { css: segmentedControlLabelContentStyles, children: [
-                    !option.icon ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon: option.icon, size: "1.5em", iconColor: "currentColor" }),
-                    !text ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { css: segmentedControlLabelTextStyles, children: text })
+                  option.value !== value || noCheckmark ? null : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_CgCheck5.CgCheck, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { css: segmentedControlLabelContentStyles, children: [
+                    !option.icon ? null : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: option.icon, size: "1.5em", iconColor: "currentColor" }),
+                    !text ? null : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { css: segmentedControlLabelTextStyles, children: text })
                   ] })
                 ]
               }
@@ -20555,18 +20549,18 @@ init_emotion_jsx_shim();
 
 // src/components/Skeleton/Skeleton.styles.ts
 init_emotion_jsx_shim();
-var import_react125 = require("@emotion/react");
-var lightFadingOut = import_react125.keyframes`
+var import_react127 = require("@emotion/react");
+var lightFadingOut = import_react127.keyframes`
   from { opacity: 0.1; }
   to { opacity: 0.025; }
 `;
-var skeletonStyles = import_react125.css`
+var skeletonStyles = import_react127.css`
   animation: ${lightFadingOut} 1s ease-out infinite alternate;
   background-color: var(--gray-900);
 `;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_jsx_runtime109 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime110 = require("@emotion/react/jsx-runtime");
 var Skeleton = ({
   width = "100%",
   height = "1.25rem",
@@ -20574,7 +20568,7 @@ var Skeleton = ({
   circle = false,
   children,
   ...otherProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
   "div",
   {
     css: [
@@ -20599,8 +20593,8 @@ var React23 = __toESM(require("react"));
 
 // src/components/Switch/Switch.styles.ts
 init_emotion_jsx_shim();
-var import_react126 = require("@emotion/react");
-var SwitchInputContainer = import_react126.css`
+var import_react128 = require("@emotion/react");
+var SwitchInputContainer = import_react128.css`
   cursor: pointer;
   display: inline-block;
   position: relative;
@@ -20609,7 +20603,7 @@ var SwitchInputContainer = import_react126.css`
   vertical-align: middle;
   user-select: none;
 `;
-var SwitchInput = import_react126.css`
+var SwitchInput = import_react128.css`
   appearance: none;
   border-radius: var(--rounded-full);
   background-color: var(--white);
@@ -20647,7 +20641,7 @@ var SwitchInput = import_react126.css`
     cursor: not-allowed;
   }
 `;
-var SwitchInputDisabled = import_react126.css`
+var SwitchInputDisabled = import_react128.css`
   opacity: var(--opacity-50);
   cursor: not-allowed;
 
@@ -20655,7 +20649,7 @@ var SwitchInputDisabled = import_react126.css`
     cursor: not-allowed;
   }
 `;
-var SwitchInputLabel = import_react126.css`
+var SwitchInputLabel = import_react128.css`
   align-items: center;
   color: var(--brand-secondary-1);
   display: inline-flex;
@@ -20677,26 +20671,26 @@ var SwitchInputLabel = import_react126.css`
     top: 0;
   }
 `;
-var SwitchText = import_react126.css`
+var SwitchText = import_react128.css`
   color: var(--gray-500);
   font-size: var(--fs-sm);
   padding-inline: var(--spacing-2xl) 0;
 `;
 
 // src/components/Switch/Switch.tsx
-var import_jsx_runtime110 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime111 = require("@emotion/react/jsx-runtime");
 var Switch = React23.forwardRef(
   ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
     let additionalText = infoText;
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { css: SwitchInputLabel, children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { css: SwitchInputLabel, children: label })
       ] }),
-      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { css: SwitchText, children: additionalText }) : null,
+      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { css: SwitchText, children: additionalText }) : null,
       children
     ] });
   }
@@ -20708,8 +20702,8 @@ var React24 = __toESM(require("react"));
 
 // src/components/Table/Table.styles.ts
 init_emotion_jsx_shim();
-var import_react127 = require("@emotion/react");
-var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react127.css`
+var import_react129 = require("@emotion/react");
+var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react129.css`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
@@ -20720,67 +20714,67 @@ var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => impor
     padding: ${cellPadding};
   }
 `;
-var tableHead = import_react127.css`
+var tableHead = import_react129.css`
   background: var(--gray-100);
   color: var(--brand-secondary-1);
   text-align: left;
 `;
-var tableRow = import_react127.css`
+var tableRow = import_react129.css`
   border-bottom: 1px solid var(--gray-200);
 `;
-var tableCellHead = import_react127.css`
+var tableCellHead = import_react129.css`
   font-size: var(--fs-sm);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
 `;
 
 // src/components/Table/Table.tsx
-var import_jsx_runtime111 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime112 = require("@emotion/react/jsx-runtime");
 var Table = React24.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
 var TableHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
 var TableBody = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tbody", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("tbody", { ref, ...otherProps, children });
   }
 );
 var TableFoot = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tfoot", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("tfoot", { ref, ...otherProps, children });
   }
 );
 var TableRow = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
 var TableCellHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
 var TableCellData = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("td", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("td", { ref, ...otherProps, children });
   }
 );
 
 // src/components/Tabs/Tabs.tsx
 init_emotion_jsx_shim();
-var import_react129 = require("react");
+var import_react131 = require("react");
 var import_Tab = require("reakit/Tab");
 
 // src/components/Tabs/Tabs.styles.ts
 init_emotion_jsx_shim();
-var import_react128 = require("@emotion/react");
-var tabButtonStyles = import_react128.css`
+var import_react130 = require("@emotion/react");
+var tabButtonStyles = import_react130.css`
   align-items: center;
   border: 0;
   height: 2.5rem;
@@ -20797,30 +20791,30 @@ var tabButtonStyles = import_react128.css`
     box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
   }
 `;
-var tabButtonGroupStyles = import_react128.css`
+var tabButtonGroupStyles = import_react130.css`
   display: flex;
   gap: var(--spacing-base);
   border-bottom: 1px solid var(--gray-300);
 `;
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime112 = require("@emotion/react/jsx-runtime");
-var CurrentTabContext = (0, import_react129.createContext)(null);
+var import_jsx_runtime113 = require("@emotion/react/jsx-runtime");
+var CurrentTabContext = (0, import_react131.createContext)(null);
 var useCurrentTab = () => {
-  const context = (0, import_react129.useContext)(CurrentTabContext);
+  const context = (0, import_react131.useContext)(CurrentTabContext);
   if (!context) {
     throw new Error("This component can only be used inside <Tabs>");
   }
   return context;
 };
 var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }) => {
-  const selected = (0, import_react129.useMemo)(() => {
+  const selected = (0, import_react131.useMemo)(() => {
     if (selectedId)
       return selectedId;
     return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
   }, [selectedId, useHashForState]);
   const tab = (0, import_Tab.useTabState)({ ...props, selectedId: selected });
-  (0, import_react129.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     var _a;
     const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
     onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -20828,24 +20822,24 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
       window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
     }
   }, [tab.selectedId, onSelectedIdChange, useHashForState]);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     if (selected && selected !== tab.selectedId) {
       tab.setSelectedId(selected);
     }
   }, [selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CurrentTabContext.Provider, { value: tab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CurrentTabContext.Provider, { value: tab, children });
 };
 var TabButtonGroup = ({ children, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.TabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_Tab.TabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
 };
 var TabButton = ({ children, id, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.Tab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_Tab.Tab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
 };
 var TabContent = ({ children, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.TabPanel, { ...props, ...currentTab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_Tab.TabPanel, { ...props, ...currentTab, children });
 };
 
 // src/components/Validation/StatusBullet.tsx
@@ -20853,8 +20847,8 @@ init_emotion_jsx_shim();
 
 // src/components/Validation/StatusBullet.styles.ts
 init_emotion_jsx_shim();
-var import_react130 = require("@emotion/react");
-var StatusBulletContainer = import_react130.css`
+var import_react132 = require("@emotion/react");
+var StatusBulletContainer = import_react132.css`
   align-items: center;
   align-self: center;
   color: var(--gray-500);
@@ -20871,33 +20865,33 @@ var StatusBulletContainer = import_react130.css`
     display: block;
   }
 `;
-var StatusBulletBase = import_react130.css`
+var StatusBulletBase = import_react132.css`
   font-size: var(--fs-sm);
   &:before {
     width: var(--fs-xs);
     height: var(--fs-xs);
   }
 `;
-var StatusBulletSmall = import_react130.css`
+var StatusBulletSmall = import_react132.css`
   font-size: var(--fs-xs);
   &:before {
     width: var(--fs-xxs);
     height: var(--fs-xxs);
   }
 `;
-var StatusDraft = import_react130.css`
+var StatusDraft = import_react132.css`
   &:before {
     background: var(--white);
     box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
   }
 `;
-var StatusModified = import_react130.css`
+var StatusModified = import_react132.css`
   &:before {
     background: linear-gradient(to right, var(--white) 50%, var(--primary-action-default) 50% 100%);
     box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
   }
 `;
-var StatusError = import_react130.css`
+var StatusError = import_react132.css`
   color: var(--error);
   &:before {
     /* TODO: replace this with an svg icon */
@@ -20910,19 +20904,19 @@ var StatusError = import_react130.css`
     );
   }
 `;
-var StatusPublished = import_react130.css`
+var StatusPublished = import_react132.css`
   &:before {
     background: var(--primary-action-default);
   }
 `;
-var StatusOrphan = import_react130.css`
+var StatusOrphan = import_react132.css`
   &:before {
     background: var(--brand-secondary-5);
   }
 `;
 
 // src/components/Validation/StatusBullet.tsx
-var import_jsx_runtime113 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime114 = require("@emotion/react/jsx-runtime");
 var StatusBullet = ({
   status,
   hideText = false,
@@ -20940,7 +20934,7 @@ var StatusBullet = ({
     Previous: StatusDraft
   };
   const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     "span",
     {
       role: "status",
@@ -20991,6 +20985,7 @@ var StatusBullet = ({
   Icon,
   IconButton,
   IconsProvider,
+  Image,
   ImageBroken,
   InfoMessage,
   InlineAlert,
@@ -21096,8 +21091,6 @@ var StatusBullet = ({
   borderTopIcon,
   breakpoints,
   button,
-  buttonAccentAltDark,
-  buttonAccentAltDarkOutline,
   buttonDestructive,
   buttonGhost,
   buttonGhostDestructive,