@uniformdev/design-system 20.60.0 → 20.60.2

package/dist/index.js

@@ -1467,6 +1467,7 @@ __export(src_exports, {
   ObjectListItemContainer: () => ObjectListItemContainer2,
   ObjectListItemCover: () => ObjectListItemCover2,
   ObjectListItemHeading: () => ObjectListItemHeading2,
+  ObjectListSubText: () => ObjectListSubText2,
   PageHeaderSection: () => PageHeaderSection,
   Pagination: () => Pagination,
   Paragraph: () => Paragraph,
@@ -4752,7 +4753,7 @@ var listViewLong = (0, import_all_files.GenIcon)({
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: 'M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4C22 4.55228 21.5523 5 21 5H3C2.44772 5 2 4.55228 2 4Z"'
+        d: "M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4C22 4.55228 21.5523 5 21 5H3C2.44772 5 2 4.55228 2 4Z"
       },
       child: []
     },
@@ -6085,7 +6086,7 @@ var LoadingOverlay = ({
 var LoadingAnimation = ({
   label: label2,
   width,
-  css: css119,
+  css: css120,
   isPaused
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -6096,7 +6097,7 @@ var LoadingAnimation = ({
         width: typeof width === "number" ? `${width}px` : width,
         height: typeof width === "number" ? `${width}px` : width
       },
-      css: [loaderAnimationContainer, css119],
+      css: [loaderAnimationContainer, css120],
       className: `loader-container${isPaused ? " paused" : ""}`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bottom-cubes", children: [
@@ -14656,6 +14657,9 @@ var ObjectListItem = import_react141.css`
 var ObjectListItemSingle = import_react141.css`
   align-items: center;
 `;
+var ObjectListItemDragHandleContainer = import_react141.css`
+  height: 100%;
+`;
 var ObjectListItemContentWrapper = import_react141.css`
   display: grid;
   gap: var(--spacing-sm);
@@ -14667,7 +14671,7 @@ var ObjectListItemRightSlot = import_react141.css`
   gap: var(--spacing-sm);
 `;
 var ObjectListItemContainer = import_react141.css`
-  > [role='listitem']:not(:first-of-type) {
+  > [role='listitem']:not(:first-child) {
     border-top: 1px solid var(--gray-200);
   }
 `;
@@ -14681,6 +14685,15 @@ var ObjectListItemCover = import_react141.css`
   text-align: center;
   font-size: var(--fs-xs);
 `;
+var ObjectListItemIconCover = import_react141.css`
+  position: relative;
+  align-items: center;
+  display: flex;
+  width: 80px;
+  height: 45px;
+  text-align: center;
+  font-size: var(--fs-xs);
+`;
 var ObjectListItemImage = import_react141.css`
   object-fit: cover;
   width: 100%;
@@ -14717,6 +14730,17 @@ var ObjectListItemHeadingWrapper = import_react141.css`
   display: flex;
   gap: var(--spacing-xs);
 `;
+var ObjectListItemCoverIconGhost = import_react141.css`
+  position: absolute;
+  width: 40%;
+  height: auto;
+  aspect-ratio: 1;
+  opacity: 0.05;
+  transform: rotateZ(-15deg) translate(80%, 40%);
+`;
+var ObjectListItemCoverIcon = import_react141.css`
+  transform: translate(40%, 0);
+`;
 
 // src/components/Objects/ObjectItemLoadingSkeleton.tsx
 var import_jsx_runtime116 = require("@emotion/react/jsx-runtime");
@@ -14754,6 +14778,7 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
     cover,
     header: header2,
     rightSlot,
+    leftSlot,
     menuItems,
     dragHandle,
     portalElement,
@@ -14768,7 +14793,16 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
       "aria-selected": isSelected,
       ...divProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HorizontalRhythm, { gap: "sm", align: "center", "data-testid": "drag-container", children: dragHandle }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          HorizontalRhythm,
+          {
+            gap: "sm",
+            align: "center",
+            "data-testid": "drag-container",
+            css: ObjectListItemDragHandleContainer,
+            children: dragHandle
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
           "div",
           {
@@ -14776,30 +14810,34 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
               ObjectListItemContentWrapper,
               `${cq(minContainerQueryWidth)} {
             grid-template-columns: ${cover ? "minmax(0, auto)" : ""} minmax(0, 1fr) minmax(0, auto);
-          }`
+          }`,
+              renderAs === "single" ? ObjectListItemSingle : null
             ],
             children: [
               cover ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HorizontalRhythm, { gap: "sm", align: "center", children: cover }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
-                VerticalRhythm,
-                {
-                  gap: "0",
-                  justify: renderAs === "multi" ? "flex-start" : "center",
-                  "data-testid": "title-container",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-                      HorizontalRhythm,
-                      {
-                        gap: "xs",
-                        align: renderAs === "multi" ? "flex-start" : "center",
-                        "data-testid": "title",
-                        children: header2
-                      }
-                    ),
-                    renderAs === "multi" ? props.children : null
-                  ]
-                }
-              ),
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(HorizontalRhythm, { gap: "xs", align: renderAs === "multi" ? "flex-start" : "center", children: [
+                leftSlot ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HorizontalRhythm, { gap: "xs", align: "baseline", children: leftSlot }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+                  VerticalRhythm,
+                  {
+                    gap: "0",
+                    justify: renderAs === "multi" ? "flex-start" : "center",
+                    "data-testid": "title-container",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                        HorizontalRhythm,
+                        {
+                          gap: "xs",
+                          align: renderAs === "multi" ? "flex-start" : "center",
+                          "data-testid": "title",
+                          children: header2
+                        }
+                      ),
+                      renderAs === "multi" ? props.children : null
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HorizontalRhythm, { gap: "xs", align: renderAs === "multi" ? "flex-start" : "center", children: rightSlot })
             ]
           }
@@ -14831,8 +14869,15 @@ var import_jsx_runtime119 = require("@emotion/react/jsx-runtime");
 var ObjectListItemCover2 = ({
   imageUrl,
   noImageText = "Image not available",
+  icon,
   ...props
 }) => {
+  if (icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { css: ObjectListItemIconCover, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { icon, iconColor: "currentColor", css: ObjectListItemCoverIconGhost }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { icon, iconColor: "currentColor", size: 36, css: ObjectListItemCoverIcon })
+    ] });
+  }
   if (!imageUrl) {
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
   }
@@ -14874,17 +14919,35 @@ var ObjectListItemHeading2 = ({
   heading,
   beforeHeadingSlot,
   afterHeadingSlot,
+  headingTestId = "reference-item-name",
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { css: ObjectListItemHeading, ...props, children: [
     beforeHeadingSlot ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(HorizontalRhythm, { gap: "xs", align: "center", children: beforeHeadingSlot }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(HorizontalRhythm, { css: ObjectListItemHeadingAfterWrapper, gap: "xs", align: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { role: "heading", "data-testid": "reference-item-name", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { role: "heading", "data-testid": headingTestId, children: heading }),
       afterHeadingSlot
     ] })
   ] });
 };
 
+// src/components/Objects/ObjectListSubText.tsx
+init_emotion_jsx_shim();
+
+// src/components/Objects/styles/ObjectListSubText.styles.ts
+init_emotion_jsx_shim();
+var import_react143 = require("@emotion/react");
+var ObjectListSubText = import_react143.css`
+  color: var(--gray-500);
+  font-size: var(--fs-sm);
+`;
+
+// src/components/Objects/ObjectListSubText.tsx
+var import_jsx_runtime121 = require("@emotion/react/jsx-runtime");
+var ObjectListSubText2 = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { css: ObjectListSubText, ...props, children });
+};
+
 // src/components/Pagination/Pagination.tsx
 init_emotion_jsx_shim();
 var import_react_paginate = __toESM(require("react-paginate"));
@@ -14919,7 +14982,7 @@ var page = import_css.css`
 `;
 
 // src/components/Pagination/Pagination.tsx
-var import_jsx_runtime121 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime122 = require("@emotion/react/jsx-runtime");
 function Pagination({
   limit,
   offset,
@@ -14934,12 +14997,12 @@ function Pagination({
   if (pageCount <= 1) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     import_react_paginate.default,
     {
       forcePage: currentPage,
-      previousLabel: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: prevNextControls, children: "<" }),
-      nextLabel: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: prevNextControls, children: ">" }),
+      previousLabel: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: prevNextControls, children: "<" }),
+      nextLabel: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: prevNextControls, children: ">" }),
       breakLabel: "...",
       pageCount,
       marginPagesDisplayed: 2,
@@ -14959,8 +15022,8 @@ function Pagination({
 
 // src/components/ParameterInputs/hooks/ParameterShellContext.tsx
 init_emotion_jsx_shim();
-var import_react143 = require("react");
-var ParameterShellContext = (0, import_react143.createContext)({
+var import_react144 = require("react");
+var ParameterShellContext = (0, import_react144.createContext)({
   id: "",
   label: "",
   hiddenLabel: void 0,
@@ -14969,7 +15032,7 @@ var ParameterShellContext = (0, import_react143.createContext)({
   }
 });
 var useParameterShell = () => {
-  const { id, label: label2, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0, import_react143.useContext)(ParameterShellContext);
+  const { id, label: label2, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0, import_react144.useContext)(ParameterShellContext);
   return {
     id,
     label: label2,
@@ -14984,8 +15047,8 @@ init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/LabelLeadingIcon.styles.ts
 init_emotion_jsx_shim();
-var import_react144 = require("@emotion/react");
-var inputIconBtn = import_react144.css`
+var import_react145 = require("@emotion/react");
+var inputIconBtn = import_react145.css`
   align-items: center;
   border: none;
   border-radius: var(--rounded-base);
@@ -15013,7 +15076,7 @@ var inputIconBtn = import_react144.css`
 `;
 
 // src/components/ParameterInputs/LabelLeadingIcon.tsx
-var import_jsx_runtime122 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime123 = require("@emotion/react/jsx-runtime");
 var LabelLeadingIcon = ({
   icon,
   iconColor,
@@ -15024,7 +15087,7 @@ var LabelLeadingIcon = ({
   ...props
 }) => {
   const titleFr = title != null ? title : isLocked ? "Read-only pattern parameter" : "Click to connect to external content";
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Tooltip, { title: titleFr, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Tooltip, { title: titleFr, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "button",
     {
       css: inputIconBtn,
@@ -15034,7 +15097,7 @@ var LabelLeadingIcon = ({
       ...props,
       "data-testid": "lock-button",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           Icon,
           {
             icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
@@ -15050,12 +15113,12 @@ var LabelLeadingIcon = ({
 
 // src/components/ParameterInputs/ParameterActionButton.tsx
 init_emotion_jsx_shim();
-var import_react146 = __toESM(require("react"));
+var import_react147 = __toESM(require("react"));
 
 // src/components/ParameterInputs/styles/ParameterActionButton.styles.ts
 init_emotion_jsx_shim();
-var import_react145 = require("@emotion/react");
-var baseStyles = import_react145.css`
+var import_react146 = require("@emotion/react");
+var baseStyles = import_react146.css`
   --hover-color: var(--accent-dark-hover);
   --active-color: var(--accent-dark-active);
   border: 1px solid transparent;
@@ -15080,7 +15143,7 @@ var baseStyles = import_react145.css`
     cursor: default;
   }
 `;
-var solidHoverStyles = import_react145.css`
+var solidHoverStyles = import_react146.css`
   --text-color: var(--typography-inverted);
   &:hover,
   &:focus,
@@ -15097,7 +15160,7 @@ var solidHoverStyles = import_react145.css`
     color: var(--text-color);
   }
 `;
-var outlineHoverStyles = import_react145.css`
+var outlineHoverStyles = import_react146.css`
   --text-color: var(--typography-light);
   &:hover:not([aria-disabled='true']),
   &:focus:not([aria-disabled='true']),
@@ -15110,7 +15173,7 @@ var outlineHoverStyles = import_react145.css`
     border-color: var(--active-color);
   }
 `;
-var invertedStyles = import_react145.css`
+var invertedStyles = import_react146.css`
   --text-color: var(--typography-inverted);
   box-shadow: inset 0 0 0 1px transparent;
   &:hover,
@@ -15127,7 +15190,7 @@ var invertedStyles = import_react145.css`
 `;
 
 // src/components/ParameterInputs/ParameterActionButton.tsx
-var import_jsx_runtime123 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime124 = require("@emotion/react/jsx-runtime");
 var ParameterActionButton = ({
   children,
   themeType,
@@ -15140,7 +15203,7 @@ var ParameterActionButton = ({
   const { inverted, ...restProps } = props;
   const shouldApplyInverted = themeType === "filled" && inverted;
   const ComponentWrapper = renderAs === "div" ? "div" : "button";
-  const buttonElement = /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  const buttonElement = /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     ComponentWrapper,
     {
       css: [
@@ -15155,8 +15218,8 @@ var ParameterActionButton = ({
       children
     }
   );
-  if (tooltip && (typeof tooltip === "string" || import_react146.default.isValidElement(tooltip))) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Tooltip, { title: tooltip, ...tooltipProps, children: buttonElement });
+  if (tooltip && (typeof tooltip === "string" || import_react147.default.isValidElement(tooltip))) {
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { title: tooltip, ...tooltipProps, children: buttonElement });
   }
   return buttonElement;
 };
@@ -15166,20 +15229,20 @@ init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/ParameterDrawerHeader.styles.ts
 init_emotion_jsx_shim();
-var import_react147 = require("@emotion/react");
-var ParameterDrawerHeaderContainer = import_react147.css`
+var import_react148 = require("@emotion/react");
+var ParameterDrawerHeaderContainer = import_react148.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
   justify-content: space-between;
   margin-bottom: var(--spacing-sm);
 `;
-var ParameterDrawerHeaderTitleGroup = import_react147.css`
+var ParameterDrawerHeaderTitleGroup = import_react148.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ParameterDrawerHeaderTitle = import_react147.css`
+var ParameterDrawerHeaderTitle = import_react148.css`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -15187,12 +15250,12 @@ var ParameterDrawerHeaderTitle = import_react147.css`
 `;
 
 // src/components/ParameterInputs/ParameterDrawerHeader.tsx
-var import_jsx_runtime124 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime125 = require("@emotion/react/jsx-runtime");
 var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
       iconBeforeTitle,
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Heading2, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Heading2, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
     ] }),
     children
   ] });
@@ -15200,12 +15263,12 @@ var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
 
 // src/components/ParameterInputs/ParameterGroup.tsx
 init_emotion_jsx_shim();
-var import_react149 = require("react");
+var import_react150 = require("react");
 
 // src/components/ParameterInputs/styles/ParameterGroup.styles.ts
 init_emotion_jsx_shim();
-var import_react148 = require("@emotion/react");
-var fieldsetStyles = import_react148.css`
+var import_react149 = require("@emotion/react");
+var fieldsetStyles = import_react149.css`
   &:disabled,
   [readonly] {
     input,
@@ -15220,7 +15283,7 @@ var fieldsetStyles = import_react148.css`
     }
   }
 `;
-var fieldsetLegend2 = import_react148.css`
+var fieldsetLegend2 = import_react149.css`
   display: block;
   font-weight: var(--fw-medium);
   margin-bottom: var(--spacing-base);
@@ -15228,11 +15291,11 @@ var fieldsetLegend2 = import_react148.css`
 `;
 
 // src/components/ParameterInputs/ParameterGroup.tsx
-var import_jsx_runtime125 = require("@emotion/react/jsx-runtime");
-var ParameterGroup = (0, import_react149.forwardRef)(
+var import_jsx_runtime126 = require("@emotion/react/jsx-runtime");
+var ParameterGroup = (0, import_react150.forwardRef)(
   ({ legend, isDisabled, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("legend", { css: fieldsetLegend2, children: legend }),
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("legend", { css: fieldsetLegend2, children: legend }),
       children
     ] });
   }
@@ -15240,24 +15303,24 @@ var ParameterGroup = (0, import_react149.forwardRef)(
 
 // src/components/ParameterInputs/ParameterImage.tsx
 init_emotion_jsx_shim();
-var import_react157 = require("react");
+var import_react158 = require("react");
 
 // src/components/ParameterInputs/ParameterImagePreview.tsx
 init_emotion_jsx_shim();
-var import_react151 = require("react");
+var import_react152 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/components/ParameterInputs/styles/ParameterImage.styles.ts
 init_emotion_jsx_shim();
-var import_react150 = require("@emotion/react");
-var previewWrapper = import_react150.css`
+var import_react151 = require("@emotion/react");
+var previewWrapper = import_react151.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_react150.css`
+var previewLink = import_react151.css`
   display: block;
   width: 100%;
 
@@ -15265,7 +15328,7 @@ var previewLink = import_react150.css`
     max-height: 9rem;
   }
 `;
-var previewModalWrapper = import_react150.css`
+var previewModalWrapper = import_react151.css`
   background: var(--gray-50);
   display: flex;
   height: 100%;
@@ -15274,7 +15337,7 @@ var previewModalWrapper = import_react150.css`
   border: solid 1px var(--gray-300);
   border-radius: var(--rounded-sm);
 `;
-var previewModalImage = import_react150.css`
+var previewModalImage = import_react151.css`
   display: flex;
   height: 100%;
   width: 100%;
@@ -15286,32 +15349,33 @@ var previewModalImage = import_react150.css`
 `;
 
 // src/components/ParameterInputs/ParameterImagePreview.tsx
-var import_jsx_runtime126 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
 function ParameterImagePreview({ imageSrc }) {
-  const [showModal, setShowModal] = (0, import_react151.useState)(false);
-  return imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { css: previewWrapper, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  const [showModal, setShowModal] = (0, import_react152.useState)(false);
+  return imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { css: previewWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "button",
       {
+        type: "button",
         css: previewLink,
         onClick: () => {
           setShowModal(true);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
       }
     )
   ] }) : null;
 }
 var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
-  return open ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, { children: (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return open ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       Modal,
       {
         header: "Image Preview",
         onRequestClose,
-        buttonGroup: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { css: previewModalWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
+        buttonGroup: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { css: previewModalWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
       }
     ),
     document.body
@@ -15320,16 +15384,16 @@ var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
 
 // src/components/ParameterInputs/ParameterShell.tsx
 init_emotion_jsx_shim();
-var import_react155 = require("@emotion/react");
-var import_react156 = require("react");
+var import_react156 = require("@emotion/react");
+var import_react157 = require("react");
 
 // src/components/ParameterInputs/ParameterLabel.tsx
 init_emotion_jsx_shim();
 
 // src/components/ParameterInputs/styles/ParameterInput.styles.ts
 init_emotion_jsx_shim();
-var import_react152 = require("@emotion/react");
-var actionBarVisibilityStyles = import_react152.css`
+var import_react153 = require("@emotion/react");
+var actionBarVisibilityStyles = import_react153.css`
   [data-action-bar] {
     opacity: 1;
     transform: translateX(0);
@@ -15338,14 +15402,14 @@ var actionBarVisibilityStyles = import_react152.css`
       transform var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var actionBarVisibilityHiddenStyles = import_react152.css`
+var actionBarVisibilityHiddenStyles = import_react153.css`
   opacity: 0;
   transform: translateX(1rem);
   transition:
     opacity var(--duration-fast) var(--timing-ease-out),
     transform var(--duration-fast) var(--timing-ease-out);
 `;
-var inputContainer2 = import_react152.css`
+var inputContainer2 = import_react153.css`
   position: relative;
   scroll-margin: var(--spacing-2xl);
 
@@ -15359,14 +15423,14 @@ var inputContainer2 = import_react152.css`
     ${actionBarVisibilityStyles}
   }
 `;
-var labelText2 = import_react152.css`
+var labelText2 = import_react153.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-xs);
   font-weight: var(--fw-regular);
   margin: 0 0 var(--spacing-xs);
 `;
-var input3 = import_react152.css`
+var input3 = import_react153.css`
   display: block;
   appearance: none;
   box-sizing: border-box;
@@ -15419,18 +15483,18 @@ var input3 = import_react152.css`
     opacity: var(--opacity-50);
   }
 `;
-var selectInput = import_react152.css`
+var selectInput = import_react153.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_react152.css`
+var inputWrapper = import_react153.css`
   display: flex; // used to correct overflow with chrome textarea
   position: relative;
 `;
-var inputIcon2 = import_react152.css`
+var inputIcon2 = import_react153.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-md) 0 0 var(--rounded-md);
@@ -15446,7 +15510,7 @@ var inputIcon2 = import_react152.css`
   width: var(--spacing-lg);
   z-index: var(--z-10);
 `;
-var inputToggleLabel2 = import_react152.css`
+var inputToggleLabel2 = import_react153.css`
   --inline-label-color: var(--typography-base);
   align-items: center;
   cursor: pointer;
@@ -15461,7 +15525,7 @@ var inputToggleLabel2 = import_react152.css`
     --inline-label-color: var(--gray-400);
   }
 `;
-var toggleInput2 = import_react152.css`
+var toggleInput2 = import_react153.css`
   appearance: none;
   border: 1px solid var(--gray-200);
   background: var(--white);
@@ -15505,7 +15569,7 @@ var toggleInput2 = import_react152.css`
     border-color: var(--gray-200);
   }
 `;
-var toggleInputIndeterminateState = import_react152.css`
+var toggleInputIndeterminateState = import_react153.css`
   &:indeterminate,
   &:indeterminate:hover,
   &:indeterminate:focus {
@@ -15516,7 +15580,7 @@ var toggleInputIndeterminateState = import_react152.css`
     color: var(--accent-dark-active);
   }
 `;
-var inlineLabel2 = import_react152.css`
+var inlineLabel2 = import_react153.css`
   color: var(--inline-label-color);
   padding-left: var(--spacing-md);
   font-size: var(--fs-sm);
@@ -15533,7 +15597,7 @@ var inlineLabel2 = import_react152.css`
     }
   }
 `;
-var inputMenu = import_react152.css`
+var inputMenu = import_react153.css`
   background: none;
   border: none;
   padding: var(--spacing-2xs);
@@ -15547,12 +15611,12 @@ var inputMenu = import_react152.css`
     cursor: default;
   }
 `;
-var inputActionItems = import_react152.css`
+var inputActionItems = import_react153.css`
   display: flex;
   z-index: var(--z-1);
   ${actionBarVisibilityHiddenStyles}
 `;
-var inputMenuHover = import_react152.css`
+var inputMenuHover = import_react153.css`
   opacity: var(--opacity-50);
   transition: background-color var(--duration-fast) var(--timing-ease-out);
   margin-top: 0.25rem;
@@ -15564,11 +15628,11 @@ var inputMenuHover = import_react152.css`
     background-color: var(--gray-200);
   }
 `;
-var textarea2 = import_react152.css`
+var textarea2 = import_react153.css`
   resize: vertical;
   min-height: 2rem;
 `;
-var dataConnectButton = import_react152.css`
+var dataConnectButton = import_react153.css`
   align-items: center;
   appearance: none;
   box-sizing: border-box;
@@ -15604,7 +15668,7 @@ var dataConnectButton = import_react152.css`
     pointer-events: none;
   }
 `;
-var linkParameterEmptyContainer = import_react152.css`
+var linkParameterEmptyContainer = import_react153.css`
   box-sizing: border-box;
   background: var(--white);
   border: 1px solid var(--gray-200);
@@ -15616,7 +15680,7 @@ var linkParameterEmptyContainer = import_react152.css`
   min-height: 2rem;
   width: 100%;
 `;
-var linkParameterControls = import_react152.css`
+var linkParameterControls = import_react153.css`
   position: absolute;
   inset: 0 0 0 auto;
   padding: 0 var(--spacing-base);
@@ -15625,7 +15689,7 @@ var linkParameterControls = import_react152.css`
   justify-content: center;
   gap: var(--spacing-base);
 `;
-var linkParameterInput = (withExternalLinkIcon) => import_react152.css`
+var linkParameterInput = (withExternalLinkIcon) => import_react153.css`
   padding-right: calc(
     ${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
       var(--spacing-base)
@@ -15638,7 +15702,7 @@ var linkParameterInput = (withExternalLinkIcon) => import_react152.css`
     }
   }
 `;
-var linkParameterIcon = import_react152.css`
+var linkParameterIcon = import_react153.css`
   align-items: center;
   color: var(--primary-action-default);
   display: flex;
@@ -15657,31 +15721,32 @@ var linkParameterIcon = import_react152.css`
 `;
 
 // src/components/ParameterInputs/ParameterLabel.tsx
-var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 var ParameterLabel = ({ id, asSpan, children, testId, ...props }) => {
-  return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("label", { ...props, htmlFor: id, css: labelText2, "data-testid": testId, children }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
+  return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("label", { ...props, htmlFor: id, css: labelText2, "data-testid": testId, children }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
 };
 
 // src/components/ParameterInputs/ParameterMenuButton.tsx
 init_emotion_jsx_shim();
-var import_react153 = require("react");
-var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
-var ParameterMenuButton = (0, import_react153.forwardRef)(
+var import_react154 = require("react");
+var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var ParameterMenuButton = (0, import_react154.forwardRef)(
   ({ label: label2, children, disabled: disabled2, withoutPortal }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Menu,
       {
-        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           "button",
           {
             "data-action-bar": true,
+            "data-testid": "parameter-menu-button",
             className: "parameter-menu",
             css: [inputMenu, inputMenuHover],
             type: "button",
             "aria-label": `${label2} options`,
             ref,
             disabled: disabled2,
-            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
           }
         ),
         withoutPortal,
@@ -15693,14 +15758,14 @@ var ParameterMenuButton = (0, import_react153.forwardRef)(
 
 // src/components/ParameterInputs/styles/ParameterShell.styles.ts
 init_emotion_jsx_shim();
-var import_react154 = require("@emotion/react");
-var emptyParameterShell = import_react154.css`
+var import_react155 = require("@emotion/react");
+var emptyParameterShell = import_react155.css`
   border-radius: var(--rounded-sm);
   flex-grow: 1;
   position: relative;
   max-width: 100%;
 `;
-var emptyParameterShellText = import_react154.css`
+var emptyParameterShellText = import_react155.css`
   background: var(--brand-secondary-6);
   border-radius: var(--rounded-sm);
   padding: var(--spacing-sm);
@@ -15708,7 +15773,7 @@ var emptyParameterShellText = import_react154.css`
   font-size: var(--fs-sm);
   margin: 0;
 `;
-var overrideMarker = import_react154.css`
+var overrideMarker = import_react155.css`
   border-radius: var(--rounded-sm);
   border: 10px solid var(--gray-300);
   border-left-color: transparent;
@@ -15719,7 +15784,7 @@ var overrideMarker = import_react154.css`
 `;
 
 // src/components/ParameterInputs/ParameterShell.tsx
-var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
 var extractParameterProps = (props) => {
   const {
     id,
@@ -15780,36 +15845,36 @@ var ParameterShell = ({
   menuWithoutPortal,
   ...props
 }) => {
-  const [manualErrorMessage, setManualErrorMessage] = (0, import_react156.useState)(void 0);
+  const [manualErrorMessage, setManualErrorMessage] = (0, import_react157.useState)(void 0);
   const setErrorMessage = (message) => setManualErrorMessage(message);
   const errorMessaging = errorMessage || manualErrorMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { css: inputContainer2, ...props, id, children: [
-    hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ParameterLabel, { id, css: labelText2, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { css: inputContainer2, ...props, id, children: [
+    hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(ParameterLabel, { id, css: labelText2, children: [
       labelLeadingIcon != null ? labelLeadingIcon : null,
       label2,
       labelTrailingIcon != null ? labelTrailingIcon : null
     ] }),
-    !title ? null : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
+    !title ? null : /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
       labelLeadingIcon != null ? labelLeadingIcon : null,
       title,
       labelTrailingIcon != null ? labelTrailingIcon : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { css: inputWrapper, children: [
-      actionItems ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { css: inputWrapper, children: [
+      actionItems ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         "div",
         {
           "data-action-bar": true,
           css: [
             inputMenu,
             inputActionItems,
-            menuItems ? import_react155.css`
+            menuItems ? import_react156.css`
                     right: var(--spacing-md);
                   ` : void 0
           ],
           children: actionItems
         }
       ) : null,
-      menuItems ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      menuItems ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         ParameterMenuButton,
         {
           label: `${label2} menu`,
@@ -15818,7 +15883,7 @@ var ParameterShell = ({
           children: menuItems
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         ParameterShellContext.Provider,
         {
           value: {
@@ -15828,9 +15893,9 @@ var ParameterShell = ({
             errorMessage: errorMessaging,
             handleManuallySetErrorMessage: (message) => setErrorMessage(message)
           },
-          children: isParameterGroup ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ParameterShellPlaceholder, { children: [
+          children: isParameterGroup ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(ParameterShellPlaceholder, { children: [
             children,
-            hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+            hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               ParameterOverrideMarker,
               {
                 onClick: onResetOverriddenValue,
@@ -15841,7 +15906,7 @@ var ParameterShell = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       FieldMessage,
       {
         helperMessageTestId: captionTestId,
@@ -15855,27 +15920,27 @@ var ParameterShell = ({
   ] });
 };
 var ParameterShellPlaceholder = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { css: emptyParameterShell, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { css: emptyParameterShell, children });
 };
-var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Tooltip, { title: "The default value has been overridden", ...props.tooltipProps, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
+var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Tooltip, { title: "The default value has been overridden", ...props.tooltipProps, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
 
 // src/components/ParameterInputs/ParameterImage.tsx
-var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
-var ParameterImage = (0, import_react157.forwardRef)(
+var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
+var ParameterImage = (0, import_react158.forwardRef)(
   ({ children, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ParameterImageInner, { ref, ...innerProps }),
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ParameterImageInner, { ref, ...innerProps }),
       children
     ] });
   }
 );
-var ParameterImageInner = (0, import_react157.forwardRef)((props, ref) => {
+var ParameterImageInner = (0, import_react158.forwardRef)((props, ref) => {
   const { value } = props;
   const { id, label: label2, hiddenLabel, errorMessage } = useParameterShell();
-  const deferredValue = (0, import_react157.useDeferredValue)(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const deferredValue = (0, import_react158.useDeferredValue)(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "input",
       {
         css: input3,
@@ -15887,22 +15952,22 @@ var ParameterImageInner = (0, import_react157.forwardRef)((props, ref) => {
         ...props
       }
     ),
-    errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ParameterImagePreview, { imageSrc: deferredValue })
+    errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ParameterImagePreview, { imageSrc: deferredValue })
   ] });
 });
 
 // src/components/ParameterInputs/ParameterInput.tsx
 init_emotion_jsx_shim();
-var import_react158 = require("react");
-var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
-var ParameterInput = (0, import_react158.forwardRef)((props, ref) => {
+var import_react159 = require("react");
+var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
+var ParameterInput = (0, import_react159.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ParameterInputInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ParameterInputInner, { ref, ...innerProps }) });
 });
-var ParameterInputInner = (0, import_react158.forwardRef)(({ enableMouseWheel = false, ...props }, ref) => {
+var ParameterInputInner = (0, import_react159.forwardRef)(({ enableMouseWheel = false, ...props }, ref) => {
   const { id, label: label2, hiddenLabel } = useParameterShell();
   const isNumberInputAndMouseWheelDisabled = enableMouseWheel !== true && props.type === "number";
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "input",
     {
       css: input3,
@@ -15919,11 +15984,11 @@ var ParameterInputInner = (0, import_react158.forwardRef)(({ enableMouseWheel =
 
 // src/components/ParameterInputs/ParameterLabels.tsx
 init_emotion_jsx_shim();
-var import_react159 = require("react");
-var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
+var import_react160 = require("react");
+var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
 var ParameterLabels = ({ disabled: disabled2 = false, ...props }) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ParameterLabelsInner, { isDisabled: disabled2, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ParameterLabelsInner, { isDisabled: disabled2, ...innerProps }) });
 };
 function convertOptionsToItems(options) {
   var _a, _b;
@@ -15981,18 +16046,18 @@ var ParameterLabelsInner = (props) => {
   var _a;
   const { label: label2 } = useParameterShell();
   const { onChange } = props;
-  const containerRef = (0, import_react159.useRef)(null);
-  const hasPositionedRef = (0, import_react159.useRef)(false);
-  const selectedValues = (0, import_react159.useMemo)(
+  const containerRef = (0, import_react160.useRef)(null);
+  const hasPositionedRef = (0, import_react160.useRef)(false);
+  const selectedValues = (0, import_react160.useMemo)(
     () => {
       var _a2, _b;
       return (_b = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b : [];
     },
     [props.value, props.defaultValue]
   );
-  const items = (0, import_react159.useMemo)(() => convertOptionsToItems(props.options), [props.options]);
-  const optionsMap = (0, import_react159.useMemo)(() => createOptionsMap(props.options), [props.options]);
-  const selectedIds = (0, import_react159.useMemo)(() => {
+  const items = (0, import_react160.useMemo)(() => convertOptionsToItems(props.options), [props.options]);
+  const optionsMap = (0, import_react160.useMemo)(() => createOptionsMap(props.options), [props.options]);
+  const selectedIds = (0, import_react160.useMemo)(() => {
     if (!Array.isArray(selectedValues)) {
       return /* @__PURE__ */ new Set();
     }
@@ -16025,7 +16090,7 @@ var ParameterLabelsInner = (props) => {
       removedValue: removedOption
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "div",
     {
       ref: containerRef,
@@ -16034,7 +16099,7 @@ var ParameterLabelsInner = (props) => {
         // this prevents the quick filter from triggering the responsive styles
         containerType: "inline-size"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         LabelsQuickFilter,
         {
           testId: "parameter-labels-quick-filter",
@@ -16083,19 +16148,19 @@ var ParameterLabelsInner = (props) => {
 
 // src/components/ParameterInputs/ParameterLink.tsx
 init_emotion_jsx_shim();
-var import_react160 = require("react");
-var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
-var ParameterLink = (0, import_react160.forwardRef)(
+var import_react161 = require("react");
+var import_jsx_runtime134 = require("@emotion/react/jsx-runtime");
+var ParameterLink = (0, import_react161.forwardRef)(
   ({ disabled: disabled2, onConnectLink, externalLink, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       ParameterShell,
       {
         "data-testid": "link-parameter-editor",
         ...shellProps,
         label: innerProps.value ? shellProps.label : "",
         title: !innerProps.value && typeof shellProps.label === "string" ? shellProps.label : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           ParameterLinkInner,
           {
             onConnectLink,
@@ -16109,13 +16174,13 @@ var ParameterLink = (0, import_react160.forwardRef)(
     );
   }
 );
-var ParameterLinkInner = (0, import_react160.forwardRef)(
+var ParameterLinkInner = (0, import_react161.forwardRef)(
   ({ externalLink, onConnectLink, disabled: disabled2, buttonText = "Select link", ...props }, ref) => {
     const { id, label: label2, hiddenLabel } = useParameterShell();
     if (!props.value)
-      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { css: linkParameterEmptyContainer, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { buttonType: "ghost", size: "sm", disabled: disabled2, onClick: onConnectLink, children: buttonText }) });
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { css: inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { css: linkParameterEmptyContainer, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button, { buttonType: "ghost", size: "sm", disabled: disabled2, onClick: onConnectLink, children: buttonText }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { css: inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "input",
         {
           type: "text",
@@ -16127,8 +16192,8 @@ var ParameterLinkInner = (0, import_react160.forwardRef)(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { css: linkParameterControls, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { css: linkParameterControls, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Button,
           {
             buttonType: "ghost",
@@ -16140,7 +16205,7 @@ var ParameterLinkInner = (0, import_react160.forwardRef)(
             children: "edit"
           }
         ),
-        externalLink ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        externalLink ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "a",
           {
             href: externalLink,
@@ -16148,7 +16213,7 @@ var ParameterLinkInner = (0, import_react160.forwardRef)(
             title: "Open link in new tab",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
           }
         ) : null
       ] })
@@ -16158,15 +16223,15 @@ var ParameterLinkInner = (0, import_react160.forwardRef)(
 
 // src/components/ParameterInputs/ParameterMultiSelect.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime134 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime135 = require("@emotion/react/jsx-runtime");
 var ParameterMultiSelect = ({ disabled: disabled2 = false, ...props }) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ParameterMultiSelectInner, { isDisabled: disabled2, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ParameterMultiSelectInner, { isDisabled: disabled2, ...innerProps }) });
 };
 var ParameterMultiSelectInner = (props) => {
   var _a;
   const { id, label: label2 } = useParameterShell();
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     InputComboBox,
     {
       menuPortalTarget: document.body,
@@ -16217,7 +16282,7 @@ var ParameterMultiSelectInner = (props) => {
 
 // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime135 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime136 = require("@emotion/react/jsx-runtime");
 var ParameterNameAndPublicIdInput = ({
   id,
   onBlur,
@@ -16243,8 +16308,8 @@ var ParameterNameAndPublicIdInput = ({
     navigator.clipboard.writeText(values[publicIdFieldName]);
   };
   autoFocus == null ? void 0 : autoFocus();
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       ParameterInput,
       {
         id: nameIdField,
@@ -16263,7 +16328,7 @@ var ParameterNameAndPublicIdInput = ({
         value: values[nameIdField]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       ParameterInput,
       {
         id: publicIdFieldName,
@@ -16277,11 +16342,11 @@ var ParameterNameAndPublicIdInput = ({
         caption: !publicIdError ? publicIdCaption : void 0,
         placeholder: publicIdPlaceholderText,
         errorMessage: publicIdError,
-        menuItems: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        menuItems: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           MenuItem,
           {
             disabled: !values[publicIdFieldName],
-            icon: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
             onClick: handleCopyPidFieldValue,
             children: "Copy"
           }
@@ -16289,30 +16354,30 @@ var ParameterNameAndPublicIdInput = ({
         value: values[publicIdFieldName]
       }
     ),
-    (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
+    (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
   ] });
 };
 
 // src/components/ParameterInputs/ParameterNumberSlider.tsx
 init_emotion_jsx_shim();
-var import_react164 = require("react");
+var import_react165 = require("react");
 
 // src/components/Slider/index.ts
 init_emotion_jsx_shim();
 
 // src/components/Slider/Slider.tsx
 init_emotion_jsx_shim();
-var import_react163 = require("react");
+var import_react164 = require("react");
 
 // src/components/Slider/SliderLabels.tsx
 init_emotion_jsx_shim();
-var import_react162 = require("react");
+var import_react163 = require("react");
 
 // src/components/Slider/styles/Slider.styles.ts
 init_emotion_jsx_shim();
-var import_react161 = require("@emotion/react");
+var import_react162 = require("@emotion/react");
 var thumbSize = "20px";
-var disabledThumbStyles = import_react161.css`
+var disabledThumbStyles = import_react162.css`
   background: var(--white);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline x1='4' y1='9' x2='16' y2='9' stroke='%236b7280' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -16320,22 +16385,22 @@ var disabledThumbStyles = import_react161.css`
   background-size: 12px 12px;
   border: 1px solid var(--gray-500);
 `;
-var container3 = import_react161.css`
+var container3 = import_react162.css`
   display: flex;
   align-items: flex-start;
   gap: var(--spacing-base);
   width: 100%;
 `;
-var sliderContainer = import_react161.css`
+var sliderContainer = import_react162.css`
   flex: 1;
   display: flex;
   flex-direction: column;
 `;
-var sliderTrackContainer = import_react161.css`
+var sliderTrackContainer = import_react162.css`
   position: relative;
   padding: var(--spacing-xs) 0;
 `;
-var progressTrack = import_react161.css`
+var progressTrack = import_react162.css`
   position: absolute;
   top: 50%;
   left: 0;
@@ -16345,7 +16410,7 @@ var progressTrack = import_react161.css`
   margin-top: -3px;
   border-radius: var(--rounded-sm);
 `;
-var progressTrackBackground = import_react161.css`
+var progressTrackBackground = import_react162.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -16355,7 +16420,7 @@ var progressTrackBackground = import_react161.css`
   border: 1px solid var(--gray-200);
   border-radius: var(--rounded-sm);
 `;
-var progressTrackFill = import_react161.css`
+var progressTrackFill = import_react162.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -16363,19 +16428,19 @@ var progressTrackFill = import_react161.css`
   background: var(--accent-light);
   border-radius: var(--rounded-sm);
 `;
-var tickMarksContainer = import_react161.css`
+var tickMarksContainer = import_react162.css`
   position: relative;
   height: 1rem;
   margin-top: calc(-1 * var(--spacing-base) + var(--spacing-xs));
 `;
-var tickMark = import_react161.css`
+var tickMark = import_react162.css`
   position: absolute;
   top: 0;
   width: 0.5px;
   height: 8px;
   background-color: var(--gray-300);
 `;
-var largeTickMark = import_react161.css`
+var largeTickMark = import_react162.css`
   position: absolute;
   top: 0;
   width: 1px;
@@ -16383,7 +16448,7 @@ var largeTickMark = import_react161.css`
   background-color: var(--gray-400);
   transform: translateX(-50%);
 `;
-var slider = import_react161.css`
+var slider = import_react162.css`
   appearance: none;
   width: 100%;
   width: calc(100% + ${thumbSize});
@@ -16500,12 +16565,12 @@ var slider = import_react161.css`
       0 0 0 3px var(--accent-light);
   }
 `;
-var labelsContainer = import_react161.css`
+var labelsContainer = import_react162.css`
   position: relative;
   height: 1.5rem;
   width: 100%;
 `;
-var label = import_react161.css`
+var label = import_react162.css`
   position: absolute;
   top: 0;
   font-size: var(--text-sm);
@@ -16549,12 +16614,12 @@ var label = import_react161.css`
     max-width: 100%;
   }
 `;
-var numberInputContainer = import_react161.css`
+var numberInputContainer = import_react162.css`
   flex-shrink: 0;
   min-width: 2rem;
   margin-top: var(--spacing-sm);
 `;
-var numberInput2 = import_react161.css`
+var numberInput2 = import_react162.css`
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-200);
@@ -16605,7 +16670,7 @@ var numberInput2 = import_react161.css`
 `;
 
 // src/components/Slider/SliderLabels.tsx
-var import_jsx_runtime136 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime137 = require("@emotion/react/jsx-runtime");
 function estimateLabelWidth(text) {
   const fontSize = 14;
   const avgCharWidthRatio = 0.7;
@@ -16732,9 +16797,9 @@ function calculateLabelVisibility(ticks, currentValue, containerWidth) {
   }));
 }
 function SliderLabels({ ticks, currentValue, containerWidth = 300 }) {
-  const containerRef = (0, import_react162.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react162.useState)(containerWidth);
-  (0, import_react162.useEffect)(() => {
+  const containerRef = (0, import_react163.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react163.useState)(containerWidth);
+  (0, import_react163.useEffect)(() => {
     if (containerRef.current) {
       const resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
@@ -16748,10 +16813,10 @@ function SliderLabels({ ticks, currentValue, containerWidth = 300 }) {
   }, []);
   const labelVisibilities = calculateLabelVisibility(ticks, currentValue, measuredWidth);
   const visibilityMap = new Map(labelVisibilities.map((lv) => [lv.tickIndex, lv.isVisible]));
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { ref: containerRef, css: labelsContainer, children: ticks.map((tick, index) => ({ tick, index })).filter(({ tick }) => tick.label).map(({ tick, index }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { ref: containerRef, css: labelsContainer, children: ticks.map((tick, index) => ({ tick, index })).filter(({ tick }) => tick.label).map(({ tick, index }) => {
     var _a;
     const isVisible = (_a = visibilityMap.get(index)) != null ? _a : false;
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       "div",
       {
         css: label,
@@ -16770,8 +16835,8 @@ function SliderLabels({ ticks, currentValue, containerWidth = 300 }) {
 }
 
 // src/components/Slider/Slider.tsx
-var import_jsx_runtime137 = require("@emotion/react/jsx-runtime");
-var Slider = (0, import_react163.forwardRef)(
+var import_jsx_runtime138 = require("@emotion/react/jsx-runtime");
+var Slider = (0, import_react164.forwardRef)(
   ({
     value,
     onChange,
@@ -16788,7 +16853,7 @@ var Slider = (0, import_react163.forwardRef)(
     name
   }, ref) => {
     const isOptionsMode = Boolean(options && options.length > 0);
-    const { min, max, step, smallTicks, largeTicks } = (0, import_react163.useMemo)(() => {
+    const { min, max, step, smallTicks, largeTicks } = (0, import_react164.useMemo)(() => {
       if (isOptionsMode && options) {
         if (options.length === 0) {
           return {
@@ -16866,14 +16931,14 @@ var Slider = (0, import_react163.forwardRef)(
     }, [isOptionsMode, options, propMin, propMax, propStep]);
     const isValueUnset = value === void 0 || value === null || typeof value === "number" && isNaN(value);
     const clampedValue = isValueUnset ? min : Math.min(Math.max(value, min), max);
-    const handleSliderChange = (0, import_react163.useCallback)(
+    const handleSliderChange = (0, import_react164.useCallback)(
       (event) => {
         const newValue = Number(event.target.value);
         onChange(newValue);
       },
       [onChange]
     );
-    const handleNumberInputChange = (0, import_react163.useCallback)(
+    const handleNumberInputChange = (0, import_react164.useCallback)(
       (event) => {
         if (event.target.value === "") {
           onChange(void 0);
@@ -16885,14 +16950,14 @@ var Slider = (0, import_react163.forwardRef)(
       [onChange]
     );
     const fillPercentage = max === min ? 0 : (clampedValue - min) / (max - min) * 100;
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { css: container3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { css: sliderContainer, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { css: sliderTrackContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { css: progressTrack, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { css: progressTrackBackground }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { css: progressTrackFill, style: { width: `${fillPercentage}%` } })
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: container3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: sliderContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: sliderTrackContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: progressTrack, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { css: progressTrackBackground }),
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { css: progressTrackFill, style: { width: `${fillPercentage}%` } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             "input",
             {
               ref,
@@ -16912,9 +16977,9 @@ var Slider = (0, import_react163.forwardRef)(
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { css: tickMarksContainer, children: [
-          smallTicks.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { css: tickMark, style: { left: `${tick.percentage}%` } }, `small-${index}`)),
-          largeTicks.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: tickMarksContainer, children: [
+          smallTicks.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { css: tickMark, style: { left: `${tick.percentage}%` } }, `small-${index}`)),
+          largeTicks.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             "div",
             {
               css: largeTickMark,
@@ -16923,9 +16988,9 @@ var Slider = (0, import_react163.forwardRef)(
             `large-${index}`
           ))
         ] }),
-        largeTicks.some((tick) => tick.label) && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SliderLabels, { ticks: largeTicks, currentValue: isValueUnset ? void 0 : clampedValue })
+        largeTicks.some((tick) => tick.label) && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SliderLabels, { ticks: largeTicks, currentValue: isValueUnset ? void 0 : clampedValue })
       ] }),
-      showNumberInput && !isOptionsMode && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { css: numberInputContainer, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      showNumberInput && !isOptionsMode && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { css: numberInputContainer, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
         "input",
         {
           type: "number",
@@ -16945,16 +17010,16 @@ var Slider = (0, import_react163.forwardRef)(
 Slider.displayName = "Slider";
 
 // src/components/ParameterInputs/ParameterNumberSlider.tsx
-var import_jsx_runtime138 = require("@emotion/react/jsx-runtime");
-var ParameterNumberSlider = (0, import_react164.forwardRef)(
+var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
+var ParameterNumberSlider = (0, import_react165.forwardRef)(
   (props, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(ParameterShell, { "data-testid": "parameter-number-slider", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(ParameterNumberSliderInner, { ref, ...innerProps }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ParameterShell, { "data-testid": "parameter-number-slider", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ParameterNumberSliderInner, { ref, ...innerProps }) });
   }
 );
-var ParameterNumberSliderInner = (0, import_react164.forwardRef)(({ ...props }, ref) => {
+var ParameterNumberSliderInner = (0, import_react165.forwardRef)(({ ...props }, ref) => {
   const { id, label: label2, hiddenLabel } = useParameterShell();
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
     Slider,
     {
       ref,
@@ -16969,7 +17034,7 @@ ParameterNumberSliderInner.displayName = "ParameterNumberSliderInner";
 
 // src/components/ParameterInputs/ParameterRichText.tsx
 init_emotion_jsx_shim();
-var import_react178 = require("@emotion/react");
+var import_react179 = require("@emotion/react");
 var import_list3 = require("@lexical/list");
 var import_markdown = require("@lexical/markdown");
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");
@@ -17106,7 +17171,7 @@ var defaultParameterConfiguration = {
 // src/components/ParameterInputs/ParameterRichText.tsx
 var import_fast_equals2 = require("fast-equals");
 var import_lexical10 = require("lexical");
-var import_react179 = require("react");
+var import_react180 = require("react");
 
 // src/components/ParameterInputs/rich-text/CustomCodeNode.ts
 init_emotion_jsx_shim();
@@ -17129,10 +17194,10 @@ init_emotion_jsx_shim();
 var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var import_utils4 = require("@lexical/utils");
 var import_lexical = require("lexical");
-var import_react165 = require("react");
+var import_react166 = require("react");
 function DisableStylesPlugin() {
   const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     return (0, import_utils4.mergeRegister)(
       // Disable text alignment on paragraph nodes
       editor.registerNodeTransform(import_lexical.ParagraphNode, (node) => {
@@ -17393,10 +17458,10 @@ init_emotion_jsx_shim();
 var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
 var import_utils5 = require("@lexical/utils");
 var import_lexical2 = require("lexical");
-var import_react166 = require("react");
+var import_react167 = require("react");
 var ImprovedAssetSelectionPlugin = () => {
   const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
-  (0, import_react166.useEffect)(() => {
+  (0, import_react167.useEffect)(() => {
     editor.getRootElement();
     const onRootClick = (event) => {
       if (event.target !== editor.getRootElement()) {
@@ -17445,13 +17510,13 @@ var ImprovedAssetSelectionPlugin_default = ImprovedAssetSelectionPlugin;
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
 init_emotion_jsx_shim();
-var import_react167 = require("@emotion/react");
+var import_react168 = require("@emotion/react");
 var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalNodeEventPlugin = require("@lexical/react/LexicalNodeEventPlugin");
 var import_utils6 = require("@lexical/utils");
 var import_fast_equals = require("fast-equals");
 var import_lexical4 = require("lexical");
-var import_react168 = require("react");
+var import_react169 = require("react");
 
 // src/components/ParameterInputs/rich-text/utils.ts
 init_emotion_jsx_shim();
@@ -17510,7 +17575,7 @@ var normalizeStateForDeepEqualComparison = (editorState) => {
 };
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
-var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime140 = require("@emotion/react/jsx-runtime");
 var isProjectMapLinkValue = (value) => {
   return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
     value.nodeId && value.path && value.projectMapId
@@ -17799,18 +17864,18 @@ var OPEN_LINK_NODE_MODAL_COMMAND = (0, import_lexical4.createCommand)(
 );
 var LINK_POPOVER_OFFSET_X = 0;
 var LINK_POPOVER_OFFSET_Y = 8;
-var linkPopover = import_react167.css`
+var linkPopover = import_react168.css`
   position: absolute;
   z-index: 11;
 `;
-var linkPopoverContainer = import_react167.css`
+var linkPopoverContainer = import_react168.css`
   ${Popover};
   ${PopoverBody};
   ${PopoverVariantSmall};
   align-items: center;
   display: flex;
 `;
-var linkPopoverAnchor = import_react167.css`
+var linkPopoverAnchor = import_react168.css`
   ${link}
   ${linkColorDefault}
 `;
@@ -17823,17 +17888,17 @@ function LinkNodePlugin({
     return path;
   };
   const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
-  const [linkPopoverState, setLinkPopoverState] = (0, import_react168.useState)();
-  const linkPopoverElRef = (0, import_react168.useRef)(null);
-  const [isEditorFocused, setIsEditorFocused] = (0, import_react168.useState)(false);
-  const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0, import_react168.useState)(false);
-  (0, import_react168.useEffect)(() => {
+  const [linkPopoverState, setLinkPopoverState] = (0, import_react169.useState)();
+  const linkPopoverElRef = (0, import_react169.useRef)(null);
+  const [isEditorFocused, setIsEditorFocused] = (0, import_react169.useState)(false);
+  const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0, import_react169.useState)(false);
+  (0, import_react169.useEffect)(() => {
     if (!isEditorFocused && !isLinkPopoverFocused) {
       setLinkPopoverState(void 0);
       return;
     }
   }, [isEditorFocused, isLinkPopoverFocused]);
-  (0, import_react168.useEffect)(() => {
+  (0, import_react169.useEffect)(() => {
     if (!editor.hasNodes([LinkNode])) {
       throw new Error("LinkNode not registered on editor");
     }
@@ -17937,7 +18002,7 @@ function LinkNodePlugin({
       )
     );
   }, [editor, onConnectLink]);
-  const maybeShowLinkToolbar = (0, import_react168.useCallback)(() => {
+  const maybeShowLinkToolbar = (0, import_react169.useCallback)(() => {
     if (!editor.isEditable()) {
       return;
     }
@@ -17971,7 +18036,7 @@ function LinkNodePlugin({
       }
     });
   }, [editor, positioningAnchorEl]);
-  (0, import_react168.useEffect)(() => {
+  (0, import_react169.useEffect)(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -17998,8 +18063,8 @@ function LinkNodePlugin({
       });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       import_LexicalNodeEventPlugin.NodeEventPlugin,
       {
         nodeType: LinkNode,
@@ -18009,7 +18074,7 @@ function LinkNodePlugin({
         }
       }
     ),
-    linkPopoverState ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    linkPopoverState ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "div",
       {
         css: linkPopover,
@@ -18018,8 +18083,8 @@ function LinkNodePlugin({
           top: linkPopoverState.position.y
         },
         ref: linkPopoverElRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { css: linkPopoverContainer, children: [
-          linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { css: linkPopoverContainer, children: [
+          linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "a",
             {
               href: parsePath(
@@ -18031,7 +18096,7 @@ function LinkNodePlugin({
               children: parsePath(linkPopoverState.node.__link.path)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             Button,
             {
               size: "xs",
@@ -18039,7 +18104,7 @@ function LinkNodePlugin({
                 onEditLinkNode(linkPopoverState.node);
               },
               buttonType: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
             }
           )
         ] })
@@ -18059,7 +18124,7 @@ var import_list = require("@lexical/list");
 var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
 var import_utils9 = require("@lexical/utils");
 var import_lexical5 = require("lexical");
-var import_react169 = require("react");
+var import_react170 = require("react");
 function isIndentPermitted(maxDepth) {
   const selection = (0, import_lexical5.$getSelection)();
   if (!(0, import_lexical5.$isRangeSelection)(selection)) {
@@ -18114,8 +18179,8 @@ function $indentOverTab(selection) {
 }
 function ListIndentPlugin({ maxDepth }) {
   const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
-  const isInListItemNode = (0, import_react169.useRef)(false);
-  (0, import_react169.useEffect)(() => {
+  const isInListItemNode = (0, import_react170.useRef)(false);
+  (0, import_react170.useEffect)(() => {
     return editor.registerCommand(
       import_lexical5.SELECTION_CHANGE_COMMAND,
       () => {
@@ -18132,7 +18197,7 @@ function ListIndentPlugin({ maxDepth }) {
       import_lexical5.COMMAND_PRIORITY_NORMAL
     );
   }, [editor]);
-  (0, import_react169.useEffect)(() => {
+  (0, import_react170.useEffect)(() => {
     return (0, import_utils9.mergeRegister)(
       editor.registerCommand(
         import_lexical5.INDENT_CONTENT_COMMAND,
@@ -18162,13 +18227,13 @@ function ListIndentPlugin({ maxDepth }) {
 
 // src/components/ParameterInputs/rich-text/TableActionMenuPlugin.tsx
 init_emotion_jsx_shim();
-var import_react170 = require("@emotion/react");
+var import_react171 = require("@emotion/react");
 var import_LexicalComposerContext5 = require("@lexical/react/LexicalComposerContext");
 var import_useLexicalEditable = require("@lexical/react/useLexicalEditable");
 var import_table = require("@lexical/table");
 var import_lexical6 = require("lexical");
-var import_react171 = require("react");
-var import_jsx_runtime140 = require("@emotion/react/jsx-runtime");
+var import_react172 = require("react");
+var import_jsx_runtime141 = require("@emotion/react/jsx-runtime");
 function computeSelectionCount(selection) {
   const selectionShape = selection.getShape();
   return {
@@ -18176,21 +18241,21 @@ function computeSelectionCount(selection) {
     rows: selectionShape.toY - selectionShape.fromY + 1
   };
 }
-var tableActionMenuTrigger = import_react170.css`
+var tableActionMenuTrigger = import_react171.css`
   position: absolute;
   transform: translate(calc(-100% - 1px), 1px);
 `;
-var TableActionMenuTrigger = (0, import_react171.forwardRef)((props, ref) => {
+var TableActionMenuTrigger = (0, import_react172.forwardRef)((props, ref) => {
   const { tableCellEl, positioningAnchorEl, ...rest } = props;
-  const [coordinates, setCoordinates] = (0, import_react171.useState)({ x: 0, y: 0 });
-  (0, import_react171.useLayoutEffect)(() => {
+  const [coordinates, setCoordinates] = (0, import_react172.useState)({ x: 0, y: 0 });
+  (0, import_react172.useLayoutEffect)(() => {
     const rect = tableCellEl.getBoundingClientRect();
     const parentRect = positioningAnchorEl.getBoundingClientRect();
     const relativeX = rect.right - parentRect.left + positioningAnchorEl.scrollLeft;
     const relativeY = rect.top - parentRect.top + positioningAnchorEl.scrollTop;
     setCoordinates({ x: relativeX, y: relativeY });
   }, [tableCellEl, positioningAnchorEl]);
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     IconButton,
     {
       ref,
@@ -18204,7 +18269,7 @@ var TableActionMenuTrigger = (0, import_react171.forwardRef)((props, ref) => {
       size: "xs",
       buttonType: "unimportant",
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { icon: "chevron-down", size: "1rem", iconColor: "currentColor" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { icon: "chevron-down", size: "1rem", iconColor: "currentColor" })
     }
   );
 });
@@ -18216,16 +18281,16 @@ function TableActionMenu({
   positioningAnchorEl
 }) {
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
-  const [tableCellNode, updateTableCellNode] = (0, import_react171.useState)(_tableCellNode);
-  const [selectionCounts, updateSelectionCounts] = (0, import_react171.useState)({
+  const [tableCellNode, updateTableCellNode] = (0, import_react172.useState)(_tableCellNode);
+  const [selectionCounts, updateSelectionCounts] = (0, import_react172.useState)({
     columns: 1,
     rows: 1
   });
-  const [menuTriggerKey, setMenuTriggerKey] = (0, import_react171.useState)(0);
+  const [menuTriggerKey, setMenuTriggerKey] = (0, import_react172.useState)(0);
   const incrementMenuTriggerKey = () => {
     setMenuTriggerKey((key) => key += 1);
   };
-  (0, import_react171.useEffect)(() => {
+  (0, import_react172.useEffect)(() => {
     return editor.registerMutationListener(
       import_table.TableCellNode,
       (nodeMutations) => {
@@ -18239,7 +18304,7 @@ function TableActionMenu({
       { skipInitialization: true }
     );
   }, [editor, tableCellNode]);
-  (0, import_react171.useEffect)(() => {
+  (0, import_react172.useEffect)(() => {
     editor.getEditorState().read(() => {
       const selection = (0, import_lexical6.$getSelection)();
       if ((0, import_table.$isTableSelection)(selection)) {
@@ -18247,7 +18312,7 @@ function TableActionMenu({
       }
     });
   }, [editor]);
-  const clearTableSelection = (0, import_react171.useCallback)(() => {
+  const clearTableSelection = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       if (tableCellNode.isAttached()) {
         const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
@@ -18264,7 +18329,7 @@ function TableActionMenu({
       (0, import_lexical6.$setSelection)(null);
     });
   }, [editor, tableCellNode]);
-  const insertTableRowAtSelection = (0, import_react171.useCallback)(
+  const insertTableRowAtSelection = (0, import_react172.useCallback)(
     (shouldInsertAfter) => {
       editor.update(() => {
         for (let i = 0; i < selectionCounts.rows; i++) {
@@ -18274,7 +18339,7 @@ function TableActionMenu({
     },
     [editor, selectionCounts.rows]
   );
-  const insertTableColumnAtSelection = (0, import_react171.useCallback)(
+  const insertTableColumnAtSelection = (0, import_react172.useCallback)(
     (shouldInsertAfter) => {
       editor.update(() => {
         for (let i = 0; i < selectionCounts.columns; i++) {
@@ -18284,26 +18349,26 @@ function TableActionMenu({
     },
     [editor, selectionCounts.columns]
   );
-  const deleteTableRowAtSelection = (0, import_react171.useCallback)(() => {
+  const deleteTableRowAtSelection = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       (0, import_table.$deleteTableRowAtSelection)();
     });
     incrementMenuTriggerKey();
   }, [editor]);
-  const deleteTableAtSelection = (0, import_react171.useCallback)(() => {
+  const deleteTableAtSelection = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
       tableNode.remove();
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  const deleteTableColumnAtSelection = (0, import_react171.useCallback)(() => {
+  const deleteTableColumnAtSelection = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       (0, import_table.$deleteTableColumnAtSelection)();
     });
     incrementMenuTriggerKey();
   }, [editor]);
-  const toggleTableRowIsHeader = (0, import_react171.useCallback)(() => {
+  const toggleTableRowIsHeader = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
       const tableRowIndex = (0, import_table.$getTableRowIndexFromTableCellNode)(tableCellNode);
@@ -18323,7 +18388,7 @@ function TableActionMenu({
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  const toggleTableColumnIsHeader = (0, import_react171.useCallback)(() => {
+  const toggleTableColumnIsHeader = (0, import_react172.useCallback)(() => {
     editor.update(() => {
       const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
       const tableColumnIndex = (0, import_table.$getTableColumnIndexFromTableCellNode)(tableCellNode);
@@ -18343,13 +18408,13 @@ function TableActionMenu({
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  const menuItemCss = (0, import_react170.css)({
+  const menuItemCss = (0, import_react171.css)({
     fontSize: "var(--fs-sm)"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     Menu,
     {
-      menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
         TableActionMenuTrigger,
         {
           tableCellEl,
@@ -18360,7 +18425,7 @@ function TableActionMenu({
       portalElement: menuPortalEl,
       maxMenuHeight: "300px",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
           MenuItem,
           {
             onClick: () => {
@@ -18374,33 +18439,33 @@ function TableActionMenu({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
           "Insert ",
           selectionCounts.rows === 1 ? "row" : `${selectionCounts.rows} rows`,
           " below"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItemSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItemSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
           "Insert ",
           selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
           " left"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
           "Insert ",
           selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
           " right"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItemSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItem, { onClick: () => deleteTableColumnAtSelection(), css: menuItemCss, children: "Delete column" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItem, { onClick: () => deleteTableRowAtSelection(), css: menuItemCss, children: "Delete row" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItem, { onClick: () => deleteTableAtSelection(), css: menuItemCss, children: "Delete table" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(MenuItemSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItemSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItem, { onClick: () => deleteTableColumnAtSelection(), css: menuItemCss, children: "Delete column" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItem, { onClick: () => deleteTableRowAtSelection(), css: menuItemCss, children: "Delete row" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItem, { onClick: () => deleteTableAtSelection(), css: menuItemCss, children: "Delete table" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(MenuItemSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
           (tableCellNode.__headerState & import_table.TableCellHeaderStates.ROW) === import_table.TableCellHeaderStates.ROW ? "Remove" : "Add",
           " ",
           "row header"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
           (tableCellNode.__headerState & import_table.TableCellHeaderStates.COLUMN) === import_table.TableCellHeaderStates.COLUMN ? "Remove" : "Add",
           " ",
           "column header"
@@ -18414,10 +18479,10 @@ function TableCellActionMenuContainer({
   positioningAnchorEl
 }) {
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
-  const [tableCellNode, setTableMenuCellNode] = (0, import_react171.useState)(null);
-  const [tableCellNodeEl, _setTableMenuCellNodeEl] = (0, import_react171.useState)(null);
-  const [tableCellMenuPortalEl, setTableMenuCellMenuPortalEl] = (0, import_react171.useState)(null);
-  (0, import_react171.useEffect)(() => {
+  const [tableCellNode, setTableMenuCellNode] = (0, import_react172.useState)(null);
+  const [tableCellNodeEl, _setTableMenuCellNodeEl] = (0, import_react172.useState)(null);
+  const [tableCellMenuPortalEl, setTableMenuCellMenuPortalEl] = (0, import_react172.useState)(null);
+  (0, import_react172.useEffect)(() => {
     const newPortalEl = document.createElement("div");
     setTableMenuCellMenuPortalEl(newPortalEl);
     menuPortalEl.appendChild(newPortalEl);
@@ -18425,14 +18490,14 @@ function TableCellActionMenuContainer({
       newPortalEl.remove();
     };
   }, [menuPortalEl]);
-  const setTableMenuCellNodeElem = (0, import_react171.useCallback)((elem) => {
+  const setTableMenuCellNodeElem = (0, import_react172.useCallback)((elem) => {
     if (elem) {
       _setTableMenuCellNodeEl(elem);
     } else {
       _setTableMenuCellNodeEl(null);
     }
   }, []);
-  const $moveMenu = (0, import_react171.useCallback)(() => {
+  const $moveMenu = (0, import_react172.useCallback)(() => {
     const selection = (0, import_lexical6.$getSelection)();
     const nativeSelection = window.getSelection();
     const activeElement = document.activeElement;
@@ -18461,14 +18526,14 @@ function TableCellActionMenuContainer({
       setTableMenuCellNodeElem(null);
     }
   }, [editor, setTableMenuCellNodeElem]);
-  (0, import_react171.useEffect)(() => {
+  (0, import_react172.useEffect)(() => {
     return editor.registerUpdateListener(() => {
       editor.getEditorState().read(() => {
         $moveMenu();
       });
     });
   }, [editor, $moveMenu]);
-  return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     TableActionMenu,
     {
       tableCellNode,
@@ -18484,23 +18549,23 @@ function TableActionMenuPlugin({
   menuPortalEl
 }) {
   const isEditable = (0, import_useLexicalEditable.useLexicalEditable)();
-  return isEditable ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(TableCellActionMenuContainer, { menuPortalEl, positioningAnchorEl }) : null;
+  return isEditable ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TableCellActionMenuContainer, { menuPortalEl, positioningAnchorEl }) : null;
 }
 
 // src/components/ParameterInputs/rich-text/TableCellResizerPlugin.tsx
 init_emotion_jsx_shim();
-var import_react172 = require("@emotion/react");
+var import_react173 = require("@emotion/react");
 var import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
 var import_useLexicalEditable2 = require("@lexical/react/useLexicalEditable");
 var import_table2 = require("@lexical/table");
 var import_utils11 = require("@lexical/utils");
 var import_lexical7 = require("lexical");
-var import_react173 = require("react");
+var import_react174 = require("react");
 var import_react_dom3 = require("react-dom");
-var import_jsx_runtime141 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime142 = require("@emotion/react/jsx-runtime");
 var MIN_ROW_HEIGHT = 33;
 var MIN_COLUMN_WIDTH = 50;
-var tableResizer = import_react172.css`
+var tableResizer = import_react173.css`
   position: absolute;
   z-index: var(--z-10);
 `;
@@ -18522,15 +18587,15 @@ var fixedGetDOMCellFromTarget = (node) => {
   return null;
 };
 function TableCellResizer({ editor, positioningAnchorEl }) {
-  const targetRef = (0, import_react173.useRef)(null);
-  const resizerRef = (0, import_react173.useRef)(null);
-  const tableRectRef = (0, import_react173.useRef)(null);
-  const mouseStartPosRef = (0, import_react173.useRef)(null);
-  const [mouseCurrentPos, updateMouseCurrentPos] = (0, import_react173.useState)(null);
-  const [activeCell, updateActiveCell] = (0, import_react173.useState)(null);
-  const [isMouseDown, updateIsMouseDown] = (0, import_react173.useState)(false);
-  const [draggingDirection, updateDraggingDirection] = (0, import_react173.useState)(null);
-  const resetState = (0, import_react173.useCallback)(() => {
+  const targetRef = (0, import_react174.useRef)(null);
+  const resizerRef = (0, import_react174.useRef)(null);
+  const tableRectRef = (0, import_react174.useRef)(null);
+  const mouseStartPosRef = (0, import_react174.useRef)(null);
+  const [mouseCurrentPos, updateMouseCurrentPos] = (0, import_react174.useState)(null);
+  const [activeCell, updateActiveCell] = (0, import_react174.useState)(null);
+  const [isMouseDown, updateIsMouseDown] = (0, import_react174.useState)(false);
+  const [draggingDirection, updateDraggingDirection] = (0, import_react174.useState)(null);
+  const resetState = (0, import_react174.useCallback)(() => {
     updateActiveCell(null);
     targetRef.current = null;
     updateDraggingDirection(null);
@@ -18540,7 +18605,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
   const isMouseDownOnEvent = (event) => {
     return (event.buttons & 1) === 1;
   };
-  (0, import_react173.useEffect)(() => {
+  (0, import_react174.useEffect)(() => {
     const onMouseMove = (event) => {
       setTimeout(() => {
         const target = event.target;
@@ -18607,7 +18672,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     }
     return false;
   };
-  const updateRowHeight = (0, import_react173.useCallback)(
+  const updateRowHeight = (0, import_react174.useCallback)(
     (heightChange) => {
       if (!activeCell) {
         throw new Error("TableCellResizer: Expected active cell.");
@@ -18669,7 +18734,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
       }
     }
   };
-  const updateColumnWidth = (0, import_react173.useCallback)(
+  const updateColumnWidth = (0, import_react174.useCallback)(
     (widthChange) => {
       if (!activeCell) {
         throw new Error("TableCellResizer: Expected active cell.");
@@ -18703,7 +18768,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     },
     [activeCell, editor]
   );
-  const mouseUpHandler = (0, import_react173.useCallback)(
+  const mouseUpHandler = (0, import_react174.useCallback)(
     (direction) => {
       const handler = (event) => {
         event.preventDefault();
@@ -18732,7 +18797,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     },
     [activeCell, resetState, updateColumnWidth, updateRowHeight]
   );
-  const toggleResize = (0, import_react173.useCallback)(
+  const toggleResize = (0, import_react174.useCallback)(
     (direction) => (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -18749,7 +18814,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     },
     [activeCell, mouseUpHandler]
   );
-  const getResizers = (0, import_react173.useCallback)(() => {
+  const getResizers = (0, import_react174.useCallback)(() => {
     if (activeCell) {
       const { height, width, top, left } = activeCell.elem.getBoundingClientRect();
       const parentRect = positioningAnchorEl.getBoundingClientRect();
@@ -18798,8 +18863,8 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     };
   }, [activeCell, draggingDirection, mouseCurrentPos, positioningAnchorEl]);
   const resizerStyles = getResizers();
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "div",
       {
         css: tableResizer,
@@ -18807,7 +18872,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
         onMouseDown: toggleResize("right")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "div",
       {
         css: tableResizer,
@@ -18820,9 +18885,9 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
 function TableCellResizerPlugin({ positioningAnchorEl }) {
   const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
   const isEditable = (0, import_useLexicalEditable2.useLexicalEditable)();
-  return (0, import_react173.useMemo)(
+  return (0, import_react174.useMemo)(
     () => isEditable ? (0, import_react_dom3.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TableCellResizer, { editor, positioningAnchorEl }),
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TableCellResizer, { editor, positioningAnchorEl }),
       positioningAnchorEl
     ) : null,
     [editor, isEditable, positioningAnchorEl]
@@ -18834,11 +18899,11 @@ init_emotion_jsx_shim();
 var import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
 var import_table3 = require("@lexical/table");
 var import_lexical8 = require("lexical");
-var import_react174 = require("react");
+var import_react175 = require("react");
 var TableSelectionPlugin = () => {
   const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
-  const [closestTableCellNode, setClosestTableCellNode] = (0, import_react174.useState)(null);
-  (0, import_react174.useEffect)(() => {
+  const [closestTableCellNode, setClosestTableCellNode] = (0, import_react175.useState)(null);
+  (0, import_react175.useEffect)(() => {
     return editor.registerCommand(
       import_lexical8.SELECTION_CHANGE_COMMAND,
       () => {
@@ -18860,7 +18925,7 @@ var TableSelectionPlugin = () => {
       import_lexical8.COMMAND_PRIORITY_NORMAL
     );
   }, [editor]);
-  (0, import_react174.useEffect)(() => {
+  (0, import_react175.useEffect)(() => {
     const onControlA = (event) => {
       if (event.key === "a" && (event.ctrlKey || event.metaKey)) {
         if (!closestTableCellNode) {
@@ -18884,7 +18949,7 @@ var TableSelectionPlugin_default = TableSelectionPlugin;
 
 // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
 init_emotion_jsx_shim();
-var import_react176 = require("@emotion/react");
+var import_react177 = require("@emotion/react");
 var import_code2 = require("@lexical/code");
 var import_list2 = require("@lexical/list");
 var import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
@@ -18893,7 +18958,7 @@ var import_selection2 = require("@lexical/selection");
 var import_table4 = require("@lexical/table");
 var import_utils12 = require("@lexical/utils");
 var import_lexical9 = require("lexical");
-var import_react177 = require("react");
+var import_react178 = require("react");
 
 // src/components/ParameterInputs/rich-text/toolbar/constants.ts
 init_emotion_jsx_shim();
@@ -18911,29 +18976,29 @@ var TEXTUAL_ELEMENTS = HEADING_ELEMENTS;
 
 // src/components/ParameterInputs/rich-text/toolbar/useRichTextToolbarState.ts
 init_emotion_jsx_shim();
-var import_react175 = require("react");
+var import_react176 = require("react");
 var useRichTextToolbarState = ({ config }) => {
   var _a;
-  const enabledBuiltInFormats = (0, import_react175.useMemo)(() => {
+  const enabledBuiltInFormats = (0, import_react176.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_react175.useMemo)(() => {
+  const enabledBuiltInElements = (0, import_react176.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_react175.useMemo)(() => {
+  const enabledBuiltInFormatsWithIcon = (0, import_react176.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_react175.useState)([]);
-  const visibleFormatsWithIcon = (0, import_react175.useMemo)(() => {
+  const [activeFormats, setActiveFormats] = (0, import_react176.useState)([]);
+  const visibleFormatsWithIcon = (0, import_react176.useMemo)(() => {
     const visibleFormats = /* @__PURE__ */ new Set();
     activeFormats.filter((type) => FORMATS_WITH_ICON.has(type)).forEach((type) => {
       visibleFormats.add(type);
@@ -18943,7 +19008,7 @@ var useRichTextToolbarState = ({ config }) => {
     });
     return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
   }, [activeFormats, enabledBuiltInFormatsWithIcon]);
-  const visibleFormatsWithoutIcon = (0, import_react175.useMemo)(() => {
+  const visibleFormatsWithoutIcon = (0, import_react176.useMemo)(() => {
     const visibleFormats = /* @__PURE__ */ new Set();
     activeFormats.filter((type) => !FORMATS_WITH_ICON.has(type)).forEach((type) => {
       visibleFormats.add(type);
@@ -18953,11 +19018,11 @@ var useRichTextToolbarState = ({ config }) => {
     });
     return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
   }, [activeFormats, enabledBuiltInFormatsWithoutIcon]);
-  const [activeElement, setActiveElement] = (0, import_react175.useState)("paragraph");
+  const [activeElement, setActiveElement] = (0, import_react176.useState)("paragraph");
   const enabledTextualElements = enabledBuiltInElements.filter(
     (element) => TEXTUAL_ELEMENTS.includes(element.type)
   );
-  const visibleTextualElements = (0, import_react175.useMemo)(() => {
+  const visibleTextualElements = (0, import_react176.useMemo)(() => {
     if (!TEXTUAL_ELEMENTS.includes(activeElement)) {
       return enabledTextualElements;
     }
@@ -18968,30 +19033,30 @@ var useRichTextToolbarState = ({ config }) => {
       }
     );
   }, [activeElement, (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn, enabledTextualElements]);
-  const [isLink, setIsLink] = (0, import_react175.useState)(false);
-  const linkElementVisible = (0, import_react175.useMemo)(() => {
+  const [isLink, setIsLink] = (0, import_react176.useState)(false);
+  const linkElementVisible = (0, import_react176.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "link") || isLink;
   }, [isLink, enabledBuiltInElements]);
-  const visibleLists = (0, import_react175.useMemo)(() => {
+  const visibleLists = (0, import_react176.useMemo)(() => {
     return new Set(
       ["orderedList", "unorderedList"].filter(
         (type) => enabledBuiltInElements.some((element) => element.type === type) || activeElement === type
       )
     );
   }, [activeElement, enabledBuiltInElements]);
-  const quoteElementVisible = (0, import_react175.useMemo)(() => {
+  const quoteElementVisible = (0, import_react176.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "quote") || activeElement === "quote";
   }, [activeElement, enabledBuiltInElements]);
-  const codeElementVisible = (0, import_react175.useMemo)(() => {
+  const codeElementVisible = (0, import_react176.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "code") || activeElement === "code";
   }, [activeElement, enabledBuiltInElements]);
-  const tableElementVisible = (0, import_react175.useMemo)(() => {
+  const tableElementVisible = (0, import_react176.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "table") || activeElement === "table";
   }, [activeElement, enabledBuiltInElements]);
-  const assetElementVisible = (0, import_react175.useMemo)(() => {
+  const assetElementVisible = (0, import_react176.useMemo)(() => {
     return enabledBuiltInElements.some((element) => element.type === "asset") || activeElement === "asset";
   }, [activeElement, enabledBuiltInElements]);
-  const visibleElementsWithIcons = (0, import_react175.useMemo)(() => {
+  const visibleElementsWithIcons = (0, import_react176.useMemo)(() => {
     const visibleElements = /* @__PURE__ */ new Set();
     if (linkElementVisible) {
       visibleElements.add("link");
@@ -19003,7 +19068,7 @@ var useRichTextToolbarState = ({ config }) => {
     }
     return visibleElements;
   }, [linkElementVisible, visibleLists]);
-  const visibleInsertElementsWithIcons = (0, import_react175.useMemo)(() => {
+  const visibleInsertElementsWithIcons = (0, import_react176.useMemo)(() => {
     const visibleElements = /* @__PURE__ */ new Set();
     if (quoteElementVisible) {
       visibleElements.add("quote");
@@ -19041,8 +19106,8 @@ var useRichTextToolbarState = ({ config }) => {
 };
 
 // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
-var import_jsx_runtime142 = require("@emotion/react/jsx-runtime");
-var toolbar = import_react176.css`
+var import_jsx_runtime143 = require("@emotion/react/jsx-runtime");
+var toolbar = import_react177.css`
   ${scrollbarStyles}
   background: var(--gray-50);
   border-radius: var(--rounded-base);
@@ -19056,7 +19121,7 @@ var toolbar = import_react176.css`
   top: calc(var(--spacing-sm) * -2);
   z-index: 10;
 `;
-var toolbarGroup = import_react176.css`
+var toolbarGroup = import_react177.css`
   display: flex;
   flex-shrink: 0;
   gap: var(--spacing-xs);
@@ -19073,7 +19138,7 @@ var toolbarGroup = import_react176.css`
     width: 1px;
   }
 `;
-var richTextToolbarButton = import_react176.css`
+var richTextToolbarButton = import_react177.css`
   align-items: center;
   appearance: none;
   border: 0;
@@ -19087,21 +19152,21 @@ var richTextToolbarButton = import_react176.css`
   min-width: 32px;
   padding: 0 var(--spacing-sm);
 `;
-var richTextToolbarButtonActive = import_react176.css`
+var richTextToolbarButtonActive = import_react177.css`
   background: var(--gray-200);
 `;
-var textStyleButton = import_react176.css`
+var textStyleButton = import_react177.css`
   justify-content: space-between;
   min-width: 7rem;
 `;
-var toolbarIcon = import_react176.css`
+var toolbarIcon = import_react177.css`
   color: inherit;
 `;
-var toolbarChevron = import_react176.css`
+var toolbarChevron = import_react177.css`
   margin-left: var(--spacing-xs);
 `;
 var RichTextToolbarIcon = ({ icon }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon, css: toolbarIcon, size: "1rem" });
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon, css: toolbarIcon, size: "1rem" });
 };
 var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset }) => {
   const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
@@ -19157,7 +19222,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       });
     });
   };
-  const updateToolbar = (0, import_react177.useCallback)(() => {
+  const updateToolbar = (0, import_react178.useCallback)(() => {
     const selection = (0, import_lexical9.$getSelection)();
     if (!(0, import_lexical9.$isRangeSelection)(selection)) {
       return;
@@ -19196,7 +19261,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       setIsLink(false);
     }
   }, [editor, setActiveElement, setActiveFormats, setIsLink]);
-  (0, import_react177.useEffect)(() => {
+  (0, import_react178.useEffect)(() => {
     return editor.registerCommand(
       import_lexical9.SELECTION_CHANGE_COMMAND,
       (_payload) => {
@@ -19206,7 +19271,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       import_lexical9.COMMAND_PRIORITY_CRITICAL
     );
   }, [editor, updateToolbar]);
-  (0, import_react177.useEffect)(() => {
+  (0, import_react178.useEffect)(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -19215,14 +19280,14 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       });
     });
   }, [editor, updateToolbar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
       Menu,
       {
-        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", type: "button", children: [
+        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", type: "button", children: [
           visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
         ] }),
         placement: "bottom-start",
         children: [
@@ -19232,7 +19297,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
               type: "paragraph"
             },
             ...visibleTextualElements
-          ].map((element) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          ].map((element) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               "data-testid": "menu-item",
@@ -19243,12 +19308,12 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
             },
             element.type
           )),
-          visibleTextualElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
+          visibleTextualElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
         ]
       }
     ),
-    visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
-      visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
+      visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         "button",
         {
           "data-testid": `formatting-button-${format.type}`,
@@ -19260,15 +19325,15 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
             richTextToolbarButton,
             activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
           ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
         }
       ) }, format.type)),
-      visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         Menu,
         {
-          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("button", { css: richTextToolbarButton, title: "Alternative text styles", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "more-alt", css: toolbarIcon }) }),
+          menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("button", { css: richTextToolbarButton, title: "Alternative text styles", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "more-alt", css: toolbarIcon }) }),
           placement: "bottom-start",
-          children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               onClick: () => {
@@ -19281,8 +19346,8 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
         }
       ) : null
     ] }) : null,
-    visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
-      linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
+      linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         "button",
         {
           "data-testid": "element-link",
@@ -19295,11 +19360,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
             }
           },
           css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
-          children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(RichTextToolbarIcon, { icon: "link" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(RichTextToolbarIcon, { icon: "link" })
         }
       ) }) : null,
-      visibleLists.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-        visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      visibleLists.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+        visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           "button",
           {
             "data-testid": "element-unordered-list",
@@ -19315,10 +19380,10 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
               richTextToolbarButton,
               activeElement === "unorderedList" ? richTextToolbarButtonActive : null
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(RichTextToolbarIcon, { icon: "layout-list" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(RichTextToolbarIcon, { icon: "layout-list" })
           }
         ) }) : null,
-        visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           "button",
           {
             "data-testid": "element-ordered-list",
@@ -19334,58 +19399,58 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
               richTextToolbarButton,
               activeElement === "orderedList" ? richTextToolbarButtonActive : null
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(RichTextToolbarIcon, { icon: "layout-list-numbered" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(RichTextToolbarIcon, { icon: "layout-list-numbered" })
           }
         ) }) : null
       ] }) : null,
       customControls ? customControls : null
     ] }) : null,
-    visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+    visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
       Menu,
       {
-        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("button", { css: richTextToolbarButton, title: "Insert block element", type: "button", children: [
+        menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("button", { css: richTextToolbarButton, title: "Insert block element", type: "button", children: [
           "Insert",
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
         ] }),
         placement: "bottom-start",
         children: [
-          quoteElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          quoteElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               onClick: () => {
                 onSelectElement("quote");
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "quote", iconColor: "currentColor" }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "quote", iconColor: "currentColor" }),
               children: "Quote"
             }
           ) : null,
-          codeElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          codeElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               onClick: () => {
                 onSelectElement("code");
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "code-slash", iconColor: "currentColor" }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "code-slash", iconColor: "currentColor" }),
               children: "Code"
             }
           ) : null,
-          tableElementVisible && onInsertTable !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          tableElementVisible && onInsertTable !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               onClick: () => {
                 onSelectElement("table");
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "view-grid", iconColor: "currentColor" }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "view-grid", iconColor: "currentColor" }),
               children: "Table"
             }
           ) : null,
-          assetElementVisible && onInsertAsset !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          assetElementVisible && onInsertAsset !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             MenuItem,
             {
               onClick: () => {
                 onSelectElement("asset");
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { icon: "image", iconColor: "currentColor" }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "image", iconColor: "currentColor" }),
               children: "Asset"
             }
           ) : null
@@ -19397,7 +19462,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
 var RichTextToolbar_default = RichTextToolbar;
 
 // src/components/ParameterInputs/ParameterRichText.tsx
-var import_jsx_runtime143 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime144 = require("@emotion/react/jsx-runtime");
 var ParameterRichText = ({
   label: label2,
   labelLeadingIcon,
@@ -19411,7 +19476,7 @@ var ParameterRichText = ({
   children,
   ...innerProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
     ParameterShell,
     {
       "data-testid": "parameter-richtext",
@@ -19425,13 +19490,13 @@ var ParameterRichText = ({
       captionTestId,
       menuItems,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ParameterRichTextInner, { ...innerProps, children }),
-        menuItems ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ParameterMenuButton, { label: `${label2} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_jsx_runtime143.Fragment, { children: menuItems }) }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ParameterRichTextInner, { ...innerProps, children }),
+        menuItems ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ParameterMenuButton, { label: `${label2} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_jsx_runtime144.Fragment, { children: menuItems }) }) : null
       ]
     }
   );
 };
-var editorContainerWrapper = import_react178.css`
+var editorContainerWrapper = import_react179.css`
   position: relative;
 
   &::before {
@@ -19447,12 +19512,12 @@ var editorContainerWrapper = import_react178.css`
     z-index: 2;
   }
 `;
-var editorWrapper = import_react178.css`
+var editorWrapper = import_react179.css`
   display: flex;
   flex-flow: column;
   flex-grow: 1;
 `;
-var editorContainer = import_react178.css`
+var editorContainer = import_react179.css`
   ${scrollbarStyles}
   background: var(--white);
   border-radius: var(--rounded-sm);
@@ -19484,7 +19549,7 @@ var editorContainer = import_react178.css`
     max-height: unset;
   }
 `;
-var editorContainerOverflowWrapper = import_react178.css`
+var editorContainerOverflowWrapper = import_react179.css`
   overflow: hidden;
   pointer-events: none;
 
@@ -19492,7 +19557,7 @@ var editorContainerOverflowWrapper = import_react178.css`
     pointer-events: auto;
   }
 `;
-var editorPlaceholder = import_react178.css`
+var editorPlaceholder = import_react179.css`
   color: var(--gray-500);
   font-style: italic;
   /* 1px is added to make sure caret is clearly visible when field is focused
@@ -19503,7 +19568,7 @@ var editorPlaceholder = import_react178.css`
   top: calc(1rem + var(--spacing-sm));
   user-select: none;
 `;
-var editorInput = import_react178.css`
+var editorInput = import_react179.css`
   min-height: 100%;
   flex-grow: 1;
 
@@ -19576,8 +19641,8 @@ var ParameterRichTextInner = ({
     },
     editable: !richTextProps.readOnly
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(RichText, { ...richTextProps, children }) }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(RichText, { ...richTextProps, children }) }) }),
     editorFooter ? editorFooter : null
   ] });
 };
@@ -19607,12 +19672,12 @@ var RichText = ({
   placeholder
 }) => {
   const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
-  (0, import_react179.useEffect)(() => {
+  (0, import_react180.useEffect)(() => {
     if (onRichTextInit) {
       onRichTextInit(editor);
     }
   }, [editor, onRichTextInit]);
-  (0, import_react179.useEffect)(() => {
+  (0, import_react180.useEffect)(() => {
     const removeUpdateListener = editor.registerUpdateListener(({ editorState, prevEditorState, tags }) => {
       requestAnimationFrame(() => {
         const previousEditorState = prevEditorState.toJSON();
@@ -19629,23 +19694,23 @@ var RichText = ({
       removeUpdateListener();
     };
   }, [editor, onChange]);
-  (0, import_react179.useEffect)(() => {
+  (0, import_react180.useEffect)(() => {
     editor.setEditable(!readOnly);
   }, [editor, readOnly]);
-  const [editorContainerRef, setEditorContainerRef] = (0, import_react179.useState)(null);
+  const [editorContainerRef, setEditorContainerRef] = (0, import_react180.useState)(null);
   const onEditorContainerRef = (_editorContainerRef) => {
     if (_editorContainerRef !== null) {
       setEditorContainerRef(_editorContainerRef);
     }
   };
-  const [portalContainerRef, setPortalContainerRef] = (0, import_react179.useState)(null);
+  const [portalContainerRef, setPortalContainerRef] = (0, import_react180.useState)(null);
   const onPortalContainerRef = (_portalContainerRef) => {
     if (_portalContainerRef !== null) {
       setPortalContainerRef(_portalContainerRef);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
-    readOnly || minimalInteractivity ? null : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
+    readOnly || minimalInteractivity ? null : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       RichTextToolbar_default,
       {
         config,
@@ -19654,14 +19719,14 @@ var RichText = ({
         onInsertAsset
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       "div",
       {
         css: editorContainerWrapper,
         "data-editor-container-wrapper": true,
         ref: onPortalContainerRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
             "div",
             {
               css: editorContainer,
@@ -19669,33 +19734,33 @@ var RichText = ({
               ref: onEditorContainerRef,
               "data-testid": "value-container",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
                   import_LexicalRichTextPlugin.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
-                    placeholder: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
+                    placeholder: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
                     ErrorBoundary: import_LexicalErrorBoundary.LexicalErrorBoundary
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ListIndentPlugin, { maxDepth: 4 }),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalTablePlugin.TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ListIndentPlugin, { maxDepth: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalTablePlugin.TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
                   TableActionMenuPlugin,
                   {
                     positioningAnchorEl: editorContainerRef,
                     menuPortalEl: portalContainerRef
                   }
                 ) : null }),
-                editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
-                readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DisableStylesPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
+                editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
+                readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DisableStylesPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_jsx_runtime143.Fragment, { children }),
-          editorContainerRef ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_jsx_runtime144.Fragment, { children }),
+          editorContainerRef ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
             LinkNodePlugin,
             {
               onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
@@ -19706,8 +19771,8 @@ var RichText = ({
               positioningAnchorEl: editorContainerRef
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(TableSelectionPlugin_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ImprovedAssetSelectionPlugin_default, {})
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TableSelectionPlugin_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ImprovedAssetSelectionPlugin_default, {})
         ]
       }
     )
@@ -19716,18 +19781,18 @@ var RichText = ({
 
 // src/components/ParameterInputs/ParameterSelect.tsx
 init_emotion_jsx_shim();
-var import_react180 = require("react");
-var import_jsx_runtime144 = require("@emotion/react/jsx-runtime");
-var ParameterSelect = (0, import_react180.forwardRef)(
+var import_react181 = require("react");
+var import_jsx_runtime145 = require("@emotion/react/jsx-runtime");
+var ParameterSelect = (0, import_react181.forwardRef)(
   ({ defaultOption, options, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
   }
 );
-var ParameterSelectInner = (0, import_react180.forwardRef)(
+var ParameterSelectInner = (0, import_react181.forwardRef)(
   ({ defaultOption, options, ...props }, ref) => {
     const { id, label: label2, hiddenLabel } = useParameterShell();
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
       "select",
       {
         css: [input3, selectInput],
@@ -19736,10 +19801,10 @@ var ParameterSelectInner = (0, import_react180.forwardRef)(
         ref,
         ...props,
         children: [
-          defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("option", { value: "", children: defaultOption }) : null,
+          defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("option", { value: "", children: defaultOption }) : null,
           options.map((option) => {
             var _a;
-            return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
+            return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
           })
         ]
       }
@@ -19749,24 +19814,24 @@ var ParameterSelectInner = (0, import_react180.forwardRef)(
 
 // src/components/ParameterInputs/ParameterSelectSlider.tsx
 init_emotion_jsx_shim();
-var import_react181 = require("react");
-var import_jsx_runtime145 = require("@emotion/react/jsx-runtime");
-var ParameterSelectSlider = (0, import_react181.forwardRef)(
+var import_react182 = require("react");
+var import_jsx_runtime146 = require("@emotion/react/jsx-runtime");
+var ParameterSelectSlider = (0, import_react182.forwardRef)(
   (props, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ParameterShell, { "data-testid": "parameter-select-slider", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ParameterSelectSliderInner, { ref, ...innerProps }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ParameterShell, { "data-testid": "parameter-select-slider", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ParameterSelectSliderInner, { ref, ...innerProps }) });
   }
 );
-var ParameterSelectSliderInner = (0, import_react181.forwardRef)(({ options, value, onChange, ...props }, ref) => {
+var ParameterSelectSliderInner = (0, import_react182.forwardRef)(({ options, value, onChange, ...props }, ref) => {
   const { id, label: label2, hiddenLabel } = useParameterShell();
-  const numericValue = (0, import_react181.useMemo)(() => {
+  const numericValue = (0, import_react182.useMemo)(() => {
     if (value === void 0 || value === null || value === "") {
       return void 0;
     }
     const index = options.findIndex((option) => option.value === value);
     return index >= 0 ? index : void 0;
   }, [options, value]);
-  const handleChange = (0, import_react181.useCallback)(
+  const handleChange = (0, import_react182.useCallback)(
     (newValue) => {
       var _a;
       if (newValue === void 0) {
@@ -19777,7 +19842,7 @@ var ParameterSelectSliderInner = (0, import_react181.forwardRef)(({ options, val
     },
     [options, onChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     Slider,
     {
       ref,
@@ -19796,15 +19861,15 @@ ParameterSelectSliderInner.displayName = "ParameterSelectSliderInner";
 
 // src/components/ParameterInputs/ParameterTextarea.tsx
 init_emotion_jsx_shim();
-var import_react182 = require("react");
-var import_jsx_runtime146 = require("@emotion/react/jsx-runtime");
-var ParameterTextarea = (0, import_react182.forwardRef)((props, ref) => {
+var import_react183 = require("react");
+var import_jsx_runtime147 = require("@emotion/react/jsx-runtime");
+var ParameterTextarea = (0, import_react183.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
 });
-var ParameterTextareaInner = (0, import_react182.forwardRef)(({ ...props }, ref) => {
+var ParameterTextareaInner = (0, import_react183.forwardRef)(({ ...props }, ref) => {
   const { id, label: label2, hiddenLabel } = useParameterShell();
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
     "textarea",
     {
       css: [input3, textarea2],
@@ -19818,19 +19883,19 @@ var ParameterTextareaInner = (0, import_react182.forwardRef)(({ ...props }, ref)
 
 // src/components/ParameterInputs/ParameterToggle.tsx
 init_emotion_jsx_shim();
-var import_react183 = require("react");
-var import_jsx_runtime147 = require("@emotion/react/jsx-runtime");
-var ParameterToggle = (0, import_react183.forwardRef)((props, ref) => {
+var import_react184 = require("react");
+var import_jsx_runtime148 = require("@emotion/react/jsx-runtime");
+var ParameterToggle = (0, import_react184.forwardRef)((props, ref) => {
   const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
 });
 ParameterToggle.displayName = "ParameterToggle";
-var ParameterToggleInner = (0, import_react183.forwardRef)(
+var ParameterToggleInner = (0, import_react184.forwardRef)(
   ({ children, ...props }, ref) => {
     const { type, withoutIndeterminateState, ...otherProps } = props;
     const { id, label: label2 } = useParameterShell();
-    return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("label", { css: inputToggleLabel2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("label", { css: inputToggleLabel2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
         "input",
         {
           css: [
@@ -19843,7 +19908,7 @@ var ParameterToggleInner = (0, import_react183.forwardRef)(
           ...otherProps
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { css: inlineLabel2, children: label2 }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { css: inlineLabel2, children: label2 }),
       children
     ] });
   }
@@ -19855,8 +19920,8 @@ init_emotion_jsx_shim();
 
 // src/components/ProgressBar/ProgressBar.styles.ts
 init_emotion_jsx_shim();
-var import_react184 = require("@emotion/react");
-var container4 = import_react184.css`
+var import_react185 = require("@emotion/react");
+var container4 = import_react185.css`
   background: var(--gray-50);
   margin-block: var(--spacing-sm);
   position: relative;
@@ -19866,17 +19931,17 @@ var container4 = import_react184.css`
   border: solid 1px var(--gray-300);
 `;
 var themeMap = {
-  primary: import_react184.css`
+  primary: import_react185.css`
     --progress-color: var(--accent-light);
   `,
-  secondary: import_react184.css`
+  secondary: import_react185.css`
     --progress-color: var(--accent-alt-light);
   `,
-  destructive: import_react184.css`
+  destructive: import_react185.css`
     --progress-color: var(--brand-secondary-5);
   `
 };
-var slidingBackgroundPosition = import_react184.keyframes`
+var slidingBackgroundPosition = import_react185.keyframes`
   from {
     background-position: 0 0;
   }
@@ -19884,10 +19949,10 @@ var slidingBackgroundPosition = import_react184.keyframes`
     background-position: 64px 0;
   }
 `;
-var determinate = import_react184.css`
+var determinate = import_react185.css`
   background-color: var(--progress-color);
 `;
-var indeterminate = import_react184.css`
+var indeterminate = import_react185.css`
   background-image: linear-gradient(
     45deg,
     var(--progress-color) 25%,
@@ -19901,7 +19966,7 @@ var indeterminate = import_react184.css`
   background-size: 64px 64px;
   animation: ${slidingBackgroundPosition} 1s linear infinite;
 `;
-var bar = import_react184.css`
+var bar = import_react185.css`
   position: absolute;
   inset: 0;
   transition: transform var(--duration-fast) var(--timing-ease-out);
@@ -19909,7 +19974,7 @@ var bar = import_react184.css`
 `;
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime148 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime149 = require("@emotion/react/jsx-runtime");
 function ProgressBar({
   current,
   max,
@@ -19919,7 +19984,7 @@ function ProgressBar({
 }) {
   const valueNow = Math.min(current, max);
   const valuePercentage = max > 0 ? Math.ceil(100 / max * valueNow) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "div",
     {
       css: container4,
@@ -19930,7 +19995,7 @@ function ProgressBar({
       "aria-valuemax": max,
       "aria-valuenow": valueNow,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         "div",
         {
           css: [
@@ -19950,31 +20015,31 @@ function ProgressBar({
 
 // src/components/ProgressList/ProgressList.tsx
 init_emotion_jsx_shim();
-var import_react186 = require("@emotion/react");
+var import_react187 = 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_react187 = require("react");
+var import_react188 = require("react");
 
 // src/components/ProgressList/styles/ProgressList.styles.ts
 init_emotion_jsx_shim();
-var import_react185 = require("@emotion/react");
-var progressListStyles = import_react185.css`
+var import_react186 = require("@emotion/react");
+var progressListStyles = import_react186.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   list-style-type: none;
 `;
-var progressListItemStyles = import_react185.css`
+var progressListItemStyles = import_react186.css`
   display: flex;
   gap: var(--spacing-base);
   align-items: center;
 `;
 
 // src/components/ProgressList/ProgressList.tsx
-var import_jsx_runtime149 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime150 = require("@emotion/react/jsx-runtime");
 var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
-  const itemsWithStatus = (0, import_react187.useMemo)(() => {
+  const itemsWithStatus = (0, import_react188.useMemo)(() => {
     const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
     return items.map((item, index) => {
       let status = "queued";
@@ -19986,8 +20051,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
       return { ...item, status };
     });
   }, [items, inProgressId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label: label2, status, error, errorLevel }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label: label2, status, error, errorLevel }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
       ProgressListItem,
       {
         status,
@@ -20007,7 +20072,7 @@ var ProgressListItem = ({
   errorLevel = "danger",
   autoEllipsis = false
 }) => {
-  const icon = (0, import_react187.useMemo)(() => {
+  const icon = (0, import_react188.useMemo)(() => {
     if (error) {
       return warningIcon;
     }
@@ -20018,14 +20083,14 @@ var ProgressListItem = ({
     };
     return iconPerStatus[status];
   }, [status, error]);
-  const statusStyles = (0, import_react187.useMemo)(() => {
+  const statusStyles = (0, import_react188.useMemo)(() => {
     if (error) {
-      return errorLevel === "caution" ? import_react186.css`
+      return errorLevel === "caution" ? import_react187.css`
             color: rgb(161, 98, 7);
             & svg {
               color: rgb(250, 204, 21);
             }
-          ` : import_react186.css`
+          ` : import_react187.css`
             color: rgb(185, 28, 28);
             & svg {
               color: var(--brand-primary-2);
@@ -20033,39 +20098,39 @@ var ProgressListItem = ({
           `;
     }
     const colorPerStatus = {
-      completed: import_react186.css`
+      completed: import_react187.css`
         opacity: 0.75;
       `,
-      inProgress: import_react186.css`
+      inProgress: import_react187.css`
         -webkit-text-stroke-width: thin;
       `,
-      queued: import_react186.css`
+      queued: import_react187.css`
         opacity: 0.5;
       `
     };
     return colorPerStatus[status];
   }, [status, error, errorLevel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
     ] })
   ] });
 };
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 init_emotion_jsx_shim();
-var import_react189 = require("@emotion/react");
-var import_react190 = require("react");
+var import_react190 = require("@emotion/react");
+var import_react191 = require("react");
 
 // src/components/SegmentedControl/SegmentedControl.styles.ts
 init_emotion_jsx_shim();
-var import_react188 = require("@emotion/react");
-var segmentedControlRootStyles = import_react188.css`
+var import_react189 = require("@emotion/react");
+var segmentedControlRootStyles = import_react189.css`
   position: relative;
 `;
-var segmentedControlScrollIndicatorsStyles = import_react188.css`
+var segmentedControlScrollIndicatorsStyles = import_react189.css`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -20093,17 +20158,17 @@ var segmentedControlScrollIndicatorsStyles = import_react188.css`
     background: linear-gradient(to left, var(--background-color) 10%, transparent);
   }
 `;
-var segmentedControlScrollIndicatorStartVisibleStyles = import_react188.css`
+var segmentedControlScrollIndicatorStartVisibleStyles = import_react189.css`
   &::before {
     opacity: 1;
   }
 `;
-var segmentedControlScrollIndicatorEndVisibleStyles = import_react188.css`
+var segmentedControlScrollIndicatorEndVisibleStyles = import_react189.css`
   &::after {
     opacity: 1;
   }
 `;
-var segmentedControlWrapperStyles = import_react188.css`
+var segmentedControlWrapperStyles = import_react189.css`
   overflow-y: auto;
   scroll-behavior: smooth;
   scrollbar-width: none;
@@ -20112,7 +20177,7 @@ var segmentedControlWrapperStyles = import_react188.css`
     height: 0px;
   }
 `;
-var segmentedControlStyles = import_react188.css`
+var segmentedControlStyles = import_react189.css`
   --segmented-control-rounded-value: var(--rounded-base);
   --segmented-control-border-width: 1px;
   --segmented-control-selected-color: var(--accent-dark);
@@ -20132,14 +20197,14 @@ var segmentedControlStyles = import_react188.css`
   border-radius: calc(var(--segmented-control-rounded-value) + var(--segmented-control-border-width));
   font-size: var(--fs-xs);
 `;
-var segmentedControlVerticalStyles = import_react188.css`
+var segmentedControlVerticalStyles = import_react189.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_react188.css`
+var segmentedControlItemStyles = import_react189.css`
   position: relative;
 
   &:first-of-type label {
@@ -20161,14 +20226,14 @@ var segmentedControlItemStyles = import_react188.css`
 
   /* Hide separator before next item when next item is hovered or selected */
   &:has(+ *:hover) label,
-  &:has(+ *:has(:checked)) label {
+  &:has(+ * :checked) label {
     box-shadow: var(--segmented-control-border-width) 0 0 0 transparent;
   }
 `;
-var segmentedControlInputStyles = import_react188.css`
+var segmentedControlInputStyles = import_react189.css`
   ${accessibleHidden}
 `;
-var segmentedControlLabelStyles = import_react188.css`
+var segmentedControlLabelStyles = import_react189.css`
   position: relative;
   display: flex;
   align-items: center;
@@ -20203,25 +20268,25 @@ var segmentedControlLabelStyles = import_react188.css`
     background-color: var(--gray-400);
   }
 `;
-var segmentedControlLabelIconOnlyStyles = import_react188.css`
+var segmentedControlLabelIconOnlyStyles = import_react189.css`
   padding-inline: 0.5em;
 `;
-var segmentedControlLabelCheckStyles = import_react188.css`
+var segmentedControlLabelCheckStyles = import_react189.css`
   opacity: 0.5;
 `;
-var segmentedControlLabelContentStyles = import_react188.css`
+var segmentedControlLabelContentStyles = import_react189.css`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   height: 100%;
 `;
-var segmentedControlLabelTextStyles = import_react188.css`
+var segmentedControlLabelTextStyles = import_react189.css`
   white-space: nowrap;
 `;
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-var import_jsx_runtime150 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime151 = require("@emotion/react/jsx-runtime");
 var SegmentedControl = ({
   name,
   options,
@@ -20237,10 +20302,10 @@ var SegmentedControl = ({
   // deprecated, destructured to prevent spreading to DOM
   ...props
 }) => {
-  const wrapperRef = (0, import_react190.useRef)(null);
-  const [isOverflowStartShadowVisible, setIsOverflowStartShadowVisible] = (0, import_react190.useState)(false);
-  const [isOverflowEndShadowVisible, setIsOverflowEndShadowVisible] = (0, import_react190.useState)(false);
-  const onOptionChange = (0, import_react190.useCallback)(
+  const wrapperRef = (0, import_react191.useRef)(null);
+  const [isOverflowStartShadowVisible, setIsOverflowStartShadowVisible] = (0, import_react191.useState)(false);
+  const [isOverflowEndShadowVisible, setIsOverflowEndShadowVisible] = (0, import_react191.useState)(false);
+  const onOptionChange = (0, import_react191.useCallback)(
     (event) => {
       if (event.target.checked) {
         onChange == null ? void 0 : onChange(options[parseInt(event.target.value)].value);
@@ -20248,19 +20313,19 @@ var SegmentedControl = ({
     },
     [options, onChange]
   );
-  const sizeStyles = (0, import_react190.useMemo)(() => {
+  const sizeStyles = (0, import_react191.useMemo)(() => {
     const map = {
-      sm: (0, import_react189.css)({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
-      md: (0, import_react189.css)({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
-      lg: (0, import_react189.css)({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" }),
-      xl: (0, import_react189.css)({ height: "calc(48px - 2px)", fontSize: "var(--fs-base)" })
+      sm: (0, import_react190.css)({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
+      md: (0, import_react190.css)({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
+      lg: (0, import_react190.css)({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" }),
+      xl: (0, import_react190.css)({ height: "calc(48px - 2px)", fontSize: "var(--fs-base)" })
     };
     return map[size];
   }, [size]);
-  const isIconOnly = (0, import_react190.useMemo)(() => {
+  const isIconOnly = (0, import_react191.useMemo)(() => {
     return options.every((option) => option && option.icon && !option.label);
   }, [options]);
-  (0, import_react190.useEffect)(() => {
+  (0, import_react191.useEffect)(() => {
     const wrapperElement = wrapperRef.current;
     const onScroll = () => {
       if (!wrapperElement) {
@@ -20281,8 +20346,8 @@ var SegmentedControl = ({
       wrapperElement == null ? void 0 : wrapperElement.removeEventListener("scroll", onScroll);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { ref: wrapperRef, css: segmentedControlWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { ref: wrapperRef, css: segmentedControlWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "div",
       {
         css: [
@@ -20299,12 +20364,12 @@ var SegmentedControl = ({
           const text = option.label ? option.label : option.icon ? null : String(option.value);
           const isDisabled = disabled2 || option.disabled;
           const isChecked = option.value === value;
-          return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Tooltip, { title: (_a = option.tooltip) != null ? _a : "", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Tooltip, { title: (_a = option.tooltip) != null ? _a : "", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
             "div",
             {
               css: segmentedControlItemStyles,
               "data-testid": option["data-testid"] ? option["data-testid"] : "container-segmented-control",
-              children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
                 "label",
                 {
                   css: [
@@ -20313,7 +20378,7 @@ var SegmentedControl = ({
                     isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
                   ],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
                       "input",
                       {
                         css: segmentedControlInputStyles,
@@ -20325,9 +20390,9 @@ var SegmentedControl = ({
                         disabled: isDisabled
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("span", { css: segmentedControlLabelContentStyles, children: [
-                      !option.icon ? null : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon, { icon: option.icon, size: iconSize2, iconColor: "currentColor" }),
-                      !text || hideOptionText ? null : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { css: segmentedControlLabelTextStyles, children: text })
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { css: segmentedControlLabelContentStyles, children: [
+                      !option.icon ? null : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: option.icon, size: iconSize2, iconColor: "currentColor" }),
+                      !text || hideOptionText ? null : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { css: segmentedControlLabelTextStyles, children: text })
                     ] })
                   ]
                 }
@@ -20337,7 +20402,7 @@ var SegmentedControl = ({
         })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "div",
       {
         css: [
@@ -20355,18 +20420,18 @@ init_emotion_jsx_shim();
 
 // src/components/Skeleton/Skeleton.styles.ts
 init_emotion_jsx_shim();
-var import_react191 = require("@emotion/react");
-var lightFadingOut = import_react191.keyframes`
+var import_react192 = require("@emotion/react");
+var lightFadingOut = import_react192.keyframes`
   from { opacity: 0.1; }
   to { opacity: 0.025; }
 `;
-var skeletonStyles = import_react191.css`
+var skeletonStyles = import_react192.css`
   animation: ${lightFadingOut} 1s ease-out infinite alternate;
   background-color: var(--gray-500);
 `;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_jsx_runtime151 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime152 = require("@emotion/react/jsx-runtime");
 var Skeleton = ({
   width = "100%",
   height = "1.25rem",
@@ -20374,7 +20439,7 @@ var Skeleton = ({
   circle = false,
   children,
   ...otherProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
   "div",
   {
     css: [
@@ -20398,12 +20463,12 @@ init_emotion_jsx_shim();
 
 // src/components/Spinner/Spinner.tsx
 init_emotion_jsx_shim();
-var import_react193 = require("react");
+var import_react194 = require("react");
 
 // src/components/Spinner/Spinner.styles.ts
 init_emotion_jsx_shim();
-var import_react192 = require("@emotion/react");
-var SpinnerStyles = import_react192.css`
+var import_react193 = require("@emotion/react");
+var SpinnerStyles = import_react193.css`
   --color: #00b4ff;
   --speed: 5s;
   --red: rgb(218, 63, 50);
@@ -20833,18 +20898,18 @@ var SpinnerStyles = import_react192.css`
 `;
 
 // src/components/Spinner/Spinner.tsx
-var import_jsx_runtime152 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime153 = require("@emotion/react/jsx-runtime");
 var Spinner = ({
   width,
   label: label2,
   isPaused
 }) => {
-  const ref = (0, import_react193.useRef)(null);
-  (0, import_react193.useEffect)(() => {
+  const ref = (0, import_react194.useRef)(null);
+  (0, import_react194.useEffect)(() => {
     var _a, _b, _c;
     (_c = ref.current) == null ? void 0 : _c.style.setProperty("--pyramid-size", ((_b = (_a = ref.current) == null ? void 0 : _a.clientWidth) != null ? _b : 200) / 6 + "px");
   }, [width]);
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
     "div",
     {
       ref,
@@ -20856,51 +20921,51 @@ var Spinner = ({
       css: SpinnerStyles,
       className: `container${isPaused ? " paused" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "pyramid-container", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pyramid top", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side one" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side two" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side three" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side four" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "bottom-pyramid", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side five" }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side six" }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side seven" }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "side eight" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "pyramid-container", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pyramid top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side one" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side two" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side three" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side four" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "bottom-pyramid", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side five" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side six" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side seven" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "side eight" })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "turning-circle" }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pulsating-star delay-top-right", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-center" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-top" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-bottom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-right" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "turning-circle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pulsating-star delay-top-right", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-center" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-top" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-bottom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pulsating-star delay-top-left-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-center" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-top" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-bottom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-right" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pulsating-star delay-top-left-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-center" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-top" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-bottom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pulsating-star delay-top-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-top" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-bottom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-right" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pulsating-star delay-top-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-top" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-bottom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pulsating-star delay-bottom-right", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-top" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-bottom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-right" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pulsating-star delay-bottom-right", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-top" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-bottom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "pulsating-star delay-bottom-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-center" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-top" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-bottom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "star-inner star-right" })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "pulsating-star delay-bottom-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-center" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-top" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-bottom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "star-inner star-right" })
         ] })
       ]
     }
@@ -20912,11 +20977,11 @@ init_emotion_jsx_shim();
 
 // src/components/StackedModal/hooks/StackedModalProvider.tsx
 init_emotion_jsx_shim();
-var import_react194 = require("react");
-var import_jsx_runtime153 = require("@emotion/react/jsx-runtime");
-var StackedModalContext = (0, import_react194.createContext)(null);
+var import_react195 = require("react");
+var import_jsx_runtime154 = require("@emotion/react/jsx-runtime");
+var StackedModalContext = (0, import_react195.createContext)(null);
 function useStackedModal() {
-  const context = (0, import_react194.useContext)(StackedModalContext);
+  const context = (0, import_react195.useContext)(StackedModalContext);
   if (!context) {
     throw new Error("useStackedModal must be used within a <StackedModal> component.");
   }
@@ -20932,10 +20997,10 @@ function useStepTransition(index) {
   };
 }
 function StackedModalProvider({ children, totalSteps, initialStep }) {
-  const [currentStep, setCurrentStep] = (0, import_react194.useState)(initialStep);
-  const [direction, setDirection] = (0, import_react194.useState)("forward");
-  const previousStepRef = (0, import_react194.useRef)(initialStep);
-  const nextStep = (0, import_react194.useCallback)(() => {
+  const [currentStep, setCurrentStep] = (0, import_react195.useState)(initialStep);
+  const [direction, setDirection] = (0, import_react195.useState)("forward");
+  const previousStepRef = (0, import_react195.useRef)(initialStep);
+  const nextStep = (0, import_react195.useCallback)(() => {
     setCurrentStep((prev) => {
       if (prev >= totalSteps - 1) {
         return prev;
@@ -20945,7 +21010,7 @@ function StackedModalProvider({ children, totalSteps, initialStep }) {
       return prev + 1;
     });
   }, [totalSteps]);
-  const goBack = (0, import_react194.useCallback)(() => {
+  const goBack = (0, import_react195.useCallback)(() => {
     setCurrentStep((prev) => {
       if (prev <= 0) {
         return prev;
@@ -20955,7 +21020,7 @@ function StackedModalProvider({ children, totalSteps, initialStep }) {
       return prev - 1;
     });
   }, []);
-  const goToStep = (0, import_react194.useCallback)(
+  const goToStep = (0, import_react195.useCallback)(
     (index) => {
       setCurrentStep((prev) => {
         if (index < 0 || index >= totalSteps || index === prev) {
@@ -20968,7 +21033,7 @@ function StackedModalProvider({ children, totalSteps, initialStep }) {
     },
     [totalSteps]
   );
-  const value = (0, import_react194.useMemo)(
+  const value = (0, import_react195.useMemo)(
     () => ({
       currentStep,
       totalSteps,
@@ -20980,12 +21045,12 @@ function StackedModalProvider({ children, totalSteps, initialStep }) {
     }),
     [currentStep, totalSteps, direction, nextStep, goBack, goToStep]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(StackedModalContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(StackedModalContext.Provider, { value, children });
 }
 
 // src/components/StackedModal/StackedModal.tsx
 init_emotion_jsx_shim();
-var import_react196 = __toESM(require("react"));
+var import_react197 = __toESM(require("react"));
 
 // src/components/StackedModal/AnimatedStepHeader.tsx
 init_emotion_jsx_shim();
@@ -20995,13 +21060,13 @@ init_emotion_jsx_shim();
 
 // src/components/StackedModal/styles/StackedModal.styles.ts
 init_emotion_jsx_shim();
-var import_react195 = require("@emotion/react");
-var stackedModalRootStyles = import_react195.css`
+var import_react196 = require("@emotion/react");
+var stackedModalRootStyles = import_react196.css`
   dialog > div {
     background: var(--white);
   }
 `;
-var slideInFromRight = import_react195.keyframes`
+var slideInFromRight = import_react196.keyframes`
   from {
     transform: translateX(100%);
     opacity: 0;
@@ -21011,7 +21076,7 @@ var slideInFromRight = import_react195.keyframes`
     opacity: 1;
   }
 `;
-var slideOutToLeft = import_react195.keyframes`
+var slideOutToLeft = import_react196.keyframes`
   from {
     transform: translateX(0);
     opacity: 1;
@@ -21021,7 +21086,7 @@ var slideOutToLeft = import_react195.keyframes`
     opacity: 0;
   }
 `;
-var slideInFromLeft = import_react195.keyframes`
+var slideInFromLeft = import_react196.keyframes`
   from {
     transform: translateX(-100%);
     opacity: 0;
@@ -21031,7 +21096,7 @@ var slideInFromLeft = import_react195.keyframes`
     opacity: 1;
   }
 `;
-var slideOutToRight = import_react195.keyframes`
+var slideOutToRight = import_react196.keyframes`
   from {
     transform: translateX(0);
     opacity: 1;
@@ -21041,64 +21106,64 @@ var slideOutToRight = import_react195.keyframes`
     opacity: 0;
   }
 `;
-var stepContainerStyles = import_react195.css`
+var stepContainerStyles = import_react196.css`
   position: relative;
   flex: 1;
   overflow: hidden;
   height: 100%;
 `;
-var stepBaseStyles = import_react195.css`
+var stepBaseStyles = import_react196.css`
   position: absolute;
   inset: 0;
   display: flex;
   flex-direction: column;
   gap: var(--spacing-base);
 `;
-var stepActiveStyles = import_react195.css`
+var stepActiveStyles = import_react196.css`
   visibility: visible;
 `;
-var stepInactiveStyles = import_react195.css`
+var stepInactiveStyles = import_react196.css`
   visibility: hidden;
 `;
-var stepEnterForwardStyles = import_react195.css`
+var stepEnterForwardStyles = import_react196.css`
   animation: ${slideInFromRight} var(--duration-fast) var(--timing-ease-out) forwards;
 
   ${prefersReducedMotion("reduce")} {
     animation: none;
   }
 `;
-var stepExitForwardStyles = import_react195.css`
+var stepExitForwardStyles = import_react196.css`
   animation: ${slideOutToLeft} var(--duration-fast) var(--timing-ease-out) forwards;
 
   ${prefersReducedMotion("reduce")} {
     animation: none;
   }
 `;
-var stepEnterBackwardStyles = import_react195.css`
+var stepEnterBackwardStyles = import_react196.css`
   animation: ${slideInFromLeft} var(--duration-fast) var(--timing-ease-out) forwards;
 
   ${prefersReducedMotion("reduce")} {
     animation: none;
   }
 `;
-var stepExitBackwardStyles = import_react195.css`
+var stepExitBackwardStyles = import_react196.css`
   animation: ${slideOutToRight} var(--duration-fast) var(--timing-ease-out) forwards;
 
   ${prefersReducedMotion("reduce")} {
     animation: none;
   }
 `;
-var headerContainerStyles = import_react195.css`
+var headerContainerStyles = import_react196.css`
   position: relative;
   overflow: hidden;
   flex: 1;
 `;
-var headerItemStyles = (isActive) => import_react195.css`
+var headerItemStyles = (isActive) => import_react196.css`
   position: ${isActive ? "relative" : "absolute"};
   inset: 0;
   white-space: nowrap;
 `;
-var stepContentStyles = import_react195.css`
+var stepContentStyles = import_react196.css`
   position: relative;
   flex: 1;
   overflow: auto;
@@ -21127,18 +21192,18 @@ function getStepAnimationStyles({
 }
 
 // src/components/StackedModal/AnimatedStepHeader.tsx
-var import_jsx_runtime154 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime155 = require("@emotion/react/jsx-runtime");
 function AnimatedStepHeader({ steps }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { css: headerContainerStyles, children: steps.map((step, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { css: headerContainerStyles, children: steps.map((step, index) => {
     var _a;
     const header2 = step.props.header;
     if (!header2) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(AnimatedHeaderItem, { index, children: header2 }, (_a = step.key) != null ? _a : index);
+    return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(AnimatedHeaderItem, { index, children: header2 }, (_a = step.key) != null ? _a : index);
   }) });
 }
 function AnimatedHeaderItem({ index, children }) {
   const transition = useStepTransition(index);
-  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
     "div",
     {
       css: [headerItemStyles(transition.isActive), getStepAnimationStyles(transition)],
@@ -21150,35 +21215,35 @@ function AnimatedHeaderItem({ index, children }) {
 
 // src/components/StackedModal/StackedModalStep.tsx
 init_emotion_jsx_shim();
-var import_jsx_runtime155 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime156 = require("@emotion/react/jsx-runtime");
 function StackedModalStep({ children, buttonGroup }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { css: stepContentStyles, children }),
-    buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(HorizontalRhythm, { gap: "sm", align: "center", children: buttonGroup }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(import_jsx_runtime156.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { css: stepContentStyles, children }),
+    buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(HorizontalRhythm, { gap: "sm", align: "center", children: buttonGroup }) : null
   ] });
 }
 
 // src/components/StackedModal/StackedModal.tsx
-var import_jsx_runtime156 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime157 = require("@emotion/react/jsx-runtime");
 function filterSteps(children) {
-  return import_react196.default.Children.toArray(children).filter(
-    (child) => import_react196.default.isValidElement(child) && child.type === StackedModalStep
+  return import_react197.default.Children.toArray(children).filter(
+    (child) => import_react197.default.isValidElement(child) && child.type === StackedModalStep
   );
 }
-var StackedModal = import_react196.default.forwardRef(
+var StackedModal = import_react197.default.forwardRef(
   ({ children, initialStep = 0, ...rest }, ref) => {
     const steps = filterSteps(children);
-    return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(StackedModalProvider, { totalSteps: steps.length, initialStep, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(StackedModalInner, { ref, steps, ...rest }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(StackedModalProvider, { totalSteps: steps.length, initialStep, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(StackedModalInner, { ref, steps, ...rest }) });
   }
 );
 StackedModal.displayName = "StackedModal";
-var StackedModalInner = import_react196.default.forwardRef(
+var StackedModalInner = import_react197.default.forwardRef(
   ({ steps, onRequestClose, modalSize = "lg", width, height }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { css: stackedModalRootStyles, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { css: stackedModalRootStyles, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
       Modal,
       {
         ref,
-        header: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(AnimatedStepHeader, { steps }),
+        header: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(AnimatedStepHeader, { steps }),
         onRequestClose,
         modalSize,
         width,
@@ -21186,9 +21251,9 @@ var StackedModalInner = import_react196.default.forwardRef(
         withoutContentPadding: true,
         withoutContentBackground: true,
         disableBodyScroll: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { css: stepContainerStyles, children: steps.map((step, index) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { css: stepContainerStyles, children: steps.map((step, index) => {
           var _a;
-          return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(StackedModalStepWrapper, { index, children: step }, (_a = step.key) != null ? _a : index);
+          return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(StackedModalStepWrapper, { index, children: step }, (_a = step.key) != null ? _a : index);
         }) })
       }
     ) });
@@ -21197,17 +21262,17 @@ var StackedModalInner = import_react196.default.forwardRef(
 StackedModalInner.displayName = "StackedModalInner";
 function StackedModalStepWrapper({ index, children }) {
   const transition = useStepTransition(index);
-  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { css: [stepBaseStyles, getStepAnimationStyles(transition)], "aria-hidden": !transition.isActive, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { css: [stepBaseStyles, getStepAnimationStyles(transition)], "aria-hidden": !transition.isActive, children });
 }
 
 // src/components/Switch/Switch.tsx
 init_emotion_jsx_shim();
-var import_react198 = require("react");
+var import_react199 = require("react");
 
 // src/components/Switch/Switch.styles.ts
 init_emotion_jsx_shim();
-var import_react197 = require("@emotion/react");
-var SwitchInputContainer = import_react197.css`
+var import_react198 = require("@emotion/react");
+var SwitchInputContainer = import_react198.css`
   cursor: pointer;
   display: inline-flex;
   position: relative;
@@ -21217,7 +21282,7 @@ var SwitchInputContainer = import_react197.css`
   user-select: none;
   z-index: 0;
 `;
-var SwitchInput = (size) => import_react197.css`
+var SwitchInput = (size) => import_react198.css`
   appearance: none;
   border-radius: var(--rounded-full);
   background-color: var(--white);
@@ -21268,18 +21333,18 @@ var SwitchInput = (size) => import_react197.css`
     cursor: not-allowed;
   }
 `;
-var SwitchInputCheckedDirectionLeft = import_react197.css`
+var SwitchInputCheckedDirectionLeft = import_react198.css`
   &:checked {
     transform: translateX(var(--spacing-base));
   }
 `;
-var SwitchInputCheckedDirectionRight = import_react197.css`
+var SwitchInputCheckedDirectionRight = import_react198.css`
   transform: translateX(-var(--spacing-base));
   &:checked {
     transform: translateX(0);
   }
 `;
-var SwitchInputDisabled = import_react197.css`
+var SwitchInputDisabled = import_react198.css`
   opacity: var(--opacity-50);
   cursor: not-allowed;
 
@@ -21287,19 +21352,19 @@ var SwitchInputDisabled = import_react197.css`
     cursor: not-allowed;
   }
 `;
-var SwitchInputLabelAlignmentLeft = (size) => import_react197.css`
+var SwitchInputLabelAlignmentLeft = (size) => import_react198.css`
   padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
   &:before {
     left: 0;
   }
 `;
-var SwitchInputLabelAlignmentRight = (size) => import_react197.css`
+var SwitchInputLabelAlignmentRight = (size) => import_react198.css`
   padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
   &:before {
     right: 0;
   }
 `;
-var SwitchInputLabel = (size) => import_react197.css`
+var SwitchInputLabel = (size) => import_react198.css`
   align-items: center;
   color: var(--typography-base);
   display: inline-flex;
@@ -21320,26 +21385,26 @@ var SwitchInputLabel = (size) => import_react197.css`
     top: 0;
   }
 `;
-var SwitchTextAlignmentLeft = (size) => import_react197.css`
+var SwitchTextAlignmentLeft = (size) => import_react198.css`
   padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
 `;
-var SwitchTextAlignmentRight = (size) => import_react197.css`
+var SwitchTextAlignmentRight = (size) => import_react198.css`
   padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
 `;
-var SwitchText = import_react197.css`
+var SwitchText = import_react198.css`
   color: var(--gray-500);
   font-size: var(--fs-sm);
 `;
-var SwitchInputContainerAlignmentLeft = import_react197.css`
+var SwitchInputContainerAlignmentLeft = import_react198.css`
   flex-direction: row;
 `;
-var SwitchInputContainerAlignmentRight = import_react197.css`
+var SwitchInputContainerAlignmentRight = import_react198.css`
   flex-direction: row-reverse;
 `;
 
 // src/components/Switch/Switch.tsx
-var import_jsx_runtime157 = require("@emotion/react/jsx-runtime");
-var Switch = (0, import_react198.forwardRef)(
+var import_jsx_runtime158 = require("@emotion/react/jsx-runtime");
+var Switch = (0, import_react199.forwardRef)(
   ({
     label: label2,
     infoText,
@@ -21350,7 +21415,7 @@ var Switch = (0, import_react198.forwardRef)(
     ...inputProps
   }, ref) => {
     let additionalText = infoText;
-    const { SwitchInputContainerAlignmentStyles, SwitchInputCheckedDirection, SwitchInputLabelAlignment } = (0, import_react198.useMemo)(() => {
+    const { SwitchInputContainerAlignmentStyles, SwitchInputCheckedDirection, SwitchInputLabelAlignment } = (0, import_react199.useMemo)(() => {
       if (alignment === "left") {
         return {
           SwitchInputContainerAlignmentStyles: SwitchInputContainerAlignmentLeft,
@@ -21367,8 +21432,8 @@ var Switch = (0, import_react198.forwardRef)(
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(import_jsx_runtime157.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_jsx_runtime158.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
         "label",
         {
           css: [
@@ -21378,7 +21443,7 @@ var Switch = (0, import_react198.forwardRef)(
             inputProps.disabled ? SwitchInputDisabled : void 0
           ],
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -21387,11 +21452,11 @@ var Switch = (0, import_react198.forwardRef)(
                 ref
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("span", { css: [SwitchInputLabel(switchSize), SwitchInputLabelAlignment], children: label2 })
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { css: [SwitchInputLabel(switchSize), SwitchInputLabelAlignment], children: label2 })
           ]
         }
       ),
-      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
         "p",
         {
           css: [
@@ -21411,8 +21476,8 @@ init_emotion_jsx_shim();
 
 // src/components/Table/Table.styles.ts
 init_emotion_jsx_shim();
-var import_react199 = require("@emotion/react");
-var table = ({ cellPadding = "var(--spacing-sm)" }) => import_react199.css`
+var import_react200 = require("@emotion/react");
+var table = ({ cellPadding = "var(--spacing-sm)" }) => import_react200.css`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
@@ -21432,21 +21497,21 @@ var table = ({ cellPadding = "var(--spacing-sm)" }) => import_react199.css`
     background-color: var(--gray-50);
   }
 `;
-var tableHead = import_react199.css`
+var tableHead = import_react200.css`
   color: var(--typography-base);
   text-align: left;
 `;
-var tableRow = import_react199.css`
+var tableRow = import_react200.css`
   border-bottom: 1px solid var(--gray-200);
   font-size: var(--fs-sm);
 `;
-var tableCellHead = import_react199.css`
+var tableCellHead = import_react200.css`
   font-size: var(--fs-sm);
   font-weight: var(--fw-regular);
   line-height: 1.2;
   }
 `;
-var responsiveTableContainer = import_react199.css`
+var responsiveTableContainer = import_react200.css`
   max-width: calc(100vw - var(--spacing-md) * 2);
   overflow-x: auto;
   ${scrollbarStyles}
@@ -21465,60 +21530,60 @@ var responsiveTableContainer = import_react199.css`
 `;
 
 // src/components/Table/ResponsiveTableContainer.tsx
-var import_jsx_runtime158 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime159 = require("@emotion/react/jsx-runtime");
 var ResponsiveTableContainer = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { css: responsiveTableContainer, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { css: responsiveTableContainer, children });
 };
 
 // src/components/Table/Table.tsx
 init_emotion_jsx_shim();
 var React22 = __toESM(require("react"));
-var import_jsx_runtime159 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime160 = require("@emotion/react/jsx-runtime");
 var Table = React22.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
 var TableHead = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
 var TableBody = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("tbody", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("tbody", { ref, ...otherProps, children });
   }
 );
 var TableFoot = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("tfoot", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("tfoot", { ref, ...otherProps, children });
   }
 );
 var TableRow = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
 var TableCellHead = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
 var TableCellData = React22.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("td", { ref, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("td", { ref, ...otherProps, children });
   }
 );
 
 // src/components/Tabs/Tabs.tsx
 init_emotion_jsx_shim();
-var import_react201 = require("@ariakit/react");
-var import_react202 = require("react");
+var import_react202 = require("@ariakit/react");
+var import_react203 = require("react");
 
 // src/components/Tabs/Tabs.styles.ts
 init_emotion_jsx_shim();
-var import_react200 = require("@emotion/react");
-var tabButtonStyles = import_react200.css`
+var import_react201 = require("@emotion/react");
+var tabButtonStyles = import_react201.css`
   align-items: center;
   border: 0;
   height: 2.5rem;
@@ -21535,16 +21600,16 @@ var tabButtonStyles = import_react200.css`
     box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
   }
 `;
-var tabButtonGroupStyles = import_react200.css`
+var tabButtonGroupStyles = import_react201.css`
   display: flex;
   gap: var(--spacing-base);
   border-bottom: 1px solid var(--gray-300);
 `;
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime160 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime161 = require("@emotion/react/jsx-runtime");
 var useCurrentTab = () => {
-  const context = (0, import_react201.useTabStore)();
+  const context = (0, import_react202.useTabStore)();
   if (!context) {
     throw new Error("This component can only be used inside <Tabs>");
   }
@@ -21558,11 +21623,11 @@ var Tabs = ({
   manual,
   ...props
 }) => {
-  const selected = (0, import_react202.useMemo)(() => {
+  const selected = (0, import_react203.useMemo)(() => {
     if (selectedId) return selectedId;
     return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
   }, [selectedId, useHashForState]);
-  const onTabSelect = (0, import_react202.useCallback)(
+  const onTabSelect = (0, import_react203.useCallback)(
     (value) => {
       const selectedValueWithoutNull = value != null ? value : void 0;
       onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -21573,23 +21638,23 @@ var Tabs = ({
     },
     [onSelectedIdChange, useHashForState]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react201.TabProvider, { selectedId: selected, selectOnMove: !manual, setSelectedId: onTabSelect, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react202.TabProvider, { selectedId: selected, selectOnMove: !manual, setSelectedId: onTabSelect, ...props, children });
 };
 var TabButtonGroup = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react201.TabList, { ...props, css: tabButtonGroupStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react202.TabList, { ...props, css: tabButtonGroupStyles, children });
 };
 var TabButton = ({
   children,
   id,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react201.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react202.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
 };
 var TabContent = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react201.TabPanel, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react202.TabPanel, { ...props, children });
 };
 
 // src/components/Validation/StatusBullet.tsx
@@ -21597,8 +21662,8 @@ init_emotion_jsx_shim();
 
 // src/components/Validation/StatusBullet.styles.ts
 init_emotion_jsx_shim();
-var import_react203 = require("@emotion/react");
-var StatusBulletContainer = import_react203.css`
+var import_react204 = require("@emotion/react");
+var StatusBulletContainer = import_react204.css`
   align-items: center;
   align-self: center;
   color: var(--gray-500);
@@ -21614,33 +21679,33 @@ var StatusBulletContainer = import_react203.css`
     display: block;
   }
 `;
-var StatusBulletBase = import_react203.css`
+var StatusBulletBase = import_react204.css`
   font-size: var(--fs-sm);
   &:before {
     width: var(--fs-xs);
     height: var(--fs-xs);
   }
 `;
-var StatusBulletSmall = import_react203.css`
+var StatusBulletSmall = import_react204.css`
   font-size: var(--fs-xs);
   &:before {
     width: var(--fs-xxs);
     height: var(--fs-xxs);
   }
 `;
-var StatusDraft = import_react203.css`
+var StatusDraft = import_react204.css`
   &:before {
     background: var(--white);
     box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
   }
 `;
-var StatusModified = import_react203.css`
+var StatusModified = import_react204.css`
   &:before {
     background: linear-gradient(to right, var(--white) 50%, var(--accent-dark) 50% 100%);
     box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
   }
 `;
-var StatusError = import_react203.css`
+var StatusError = import_react204.css`
   color: var(--error);
   &:before {
     /* TODO: replace this with an svg icon */
@@ -21653,29 +21718,29 @@ var StatusError = import_react203.css`
     );
   }
 `;
-var StatusPublished = import_react203.css`
+var StatusPublished = import_react204.css`
   &:before {
     background: var(--accent-dark);
   }
 `;
-var StatusOrphan = import_react203.css`
+var StatusOrphan = import_react204.css`
   &:before {
     background: var(--brand-secondary-5);
   }
 `;
-var StatusUnknown = import_react203.css`
+var StatusUnknown = import_react204.css`
   &:before {
     background: var(--gray-800);
   }
 `;
-var StatusDeleted = import_react203.css`
+var StatusDeleted = import_react204.css`
   &:before {
     background: var(--error);
   }
 `;
 
 // src/components/Validation/StatusBullet.tsx
-var import_jsx_runtime161 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime162 = require("@emotion/react/jsx-runtime");
 var currentStateStyles = {
   Error: StatusError,
   Modified: StatusModified,
@@ -21699,7 +21764,7 @@ var StatusBullet = ({
   compact = false,
   ...props
 }) => {
-  const StatusComponent = () => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
+  const StatusComponent = () => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
     "span",
     {
       role: "status",
@@ -21710,9 +21775,9 @@ var StatusBullet = ({
     }
   );
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(StatusComponent, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(StatusComponent, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Tooltip, { title: message != null ? message : status, children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(StatusComponent, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Tooltip, { title: message != null ? message : status, children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(StatusComponent, {}) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -21823,6 +21888,7 @@ var StatusBullet = ({
   ObjectListItemContainer,
   ObjectListItemCover,
   ObjectListItemHeading,
+  ObjectListSubText,
   PageHeaderSection,
   Pagination,
   Paragraph,