@uniformdev/design-system 19.13.0 → 19.14.1-alpha.1

package/dist/esm/index.js

@@ -169,7 +169,9 @@ var Theme = ({ disableReset = false }) => {
           /* z-indexs */
           --z-10: 10;
           --z-20: 20;
+          --z-drawer: 40;
           --z-50: 50;
+          --z-tooltip: 80;
 
           /* opacity */
           --opacity-0: 0;
@@ -1384,6 +1386,115 @@ var queryStringIcon = GenIcon({
     }
   ]
 });
+var formatBoldIcon = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        d: "M 6.9590764,5.7378392 H 8.375 V 19.078125 H 6.9590764 Z m 6.1482616,13.3327078 -4.7292032,10e-7 -0.011048,-1.333333 h 4.7402522 c 1.472733,0 2.666667,-1.193907 2.666667,-2.666667 0,-1.472733 -1.193934,-2.666667 -2.666667,-2.666667 H 9.1073387 v -1.333333 h 3.9999993 c 2.209133,-1e-6 4,1.790867 4,4 -10e-7,2.20914 -1.790867,3.999999 -4,3.999999 z m -2.148261,-6.666042 -4.0000007,10e-7 v -1.333333 h 4.0000007 c 1.472733,-10e-7 2.666667,-1.1939074 2.666667,-2.6666667 0,-1.4727336 -1.193934,-2.666667 -2.666667,-2.6666669 l -4.0000007,-3e-7 v -1.333333 h 4.0000007 c 2.209133,-7e-7 4,1.7908664 4,3.9999999 -1e-6,2.20914 -1.790867,3.999999 -4,3.999999 z"
+      },
+      child: []
+    }
+  ]
+});
+var layoutListNumberedIcon = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M11 15v2h6v-2h-6ZM17 13v-2h-6v2h6ZM17 7v2h-6V7h6ZM6.733 11.252V6.304l-1.027.241V5.67L7.215 5h.706v6.252H6.733ZM5 19v-.83c.381-.316.75-.629 1.107-.938.364-.31.685-.617.965-.92.286-.304.512-.599.679-.885.173-.291.259-.574.259-.848 0-.256-.072-.482-.214-.679-.137-.196-.367-.295-.688-.295-.328 0-.575.108-.741.322-.167.214-.25.473-.25.777H5.008c.012-.459.113-.84.304-1.143.19-.31.443-.54.759-.688.315-.155.67-.232 1.063-.232.637 0 1.131.175 1.482.527.358.345.536.795.536 1.348 0 .346-.08.682-.241 1.01-.155.327-.36.643-.616.946-.256.304-.533.59-.83.858-.299.262-.587.506-.867.732h2.706V19H5Z"
+      },
+      child: []
+    }
+  ]
+});
+var formatCode = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "m9.953 16.912-1.36 1.449-6.562-6.16L8.19 5.64l1.458 1.369-4.79 5.104 5.094 4.781v.02ZM14.047 16.912l1.36 1.449 6.562-6.16L15.81 5.64l-1.458 1.369 4.79 5.104-5.094 4.781v.02Z"
+      },
+      child: []
+    }
+  ]
+});
+var formatStrike = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.171 18.878c-.975 0-1.836-.165-2.584-.494-.747-.342-1.336-.823-1.767-1.444-.43-.633-.652-1.4-.665-2.299H9.72c.025.62.247 1.146.665 1.577.43.418 1.02.627 1.767.627.646 0 1.16-.152 1.54-.456.38-.317.57-.735.57-1.254 0-.545-.172-.969-.514-1.273a2.857 2.857 0 0 0-.41-.313h3.273c.156.403.234.874.234 1.415a3.72 3.72 0 0 1-.532 1.938c-.354.595-.88 1.077-1.577 1.444-.697.355-1.552.532-2.565.532ZM7.523 9.55a4.207 4.207 0 0 1-.045-.627c-.013-.785.171-1.457.551-2.014a3.789 3.789 0 0 1 1.596-1.31c.671-.318 1.444-.476 2.318-.476.887 0 1.666.158 2.337.475.684.317 1.216.76 1.596 1.33.393.57.602 1.248.627 2.033H13.9c-.013-.469-.196-.88-.55-1.235-.343-.367-.824-.55-1.445-.55-.532-.014-.981.12-1.349.398-.354.266-.532.659-.532 1.178 0 .31.068.575.203.798H7.523Zm11.71 1h-15v2h15v-2Z"
+      },
+      child: []
+    }
+  ]
+});
+var formatSuperscript = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16.192 8.058v.777h4.028v-.878h-2.532c.262-.211.532-.44.81-.685.28-.25.538-.518.778-.802.24-.285.432-.58.576-.886a2.12 2.12 0 0 0 .226-.945c0-.518-.167-.939-.501-1.262-.33-.329-.792-.493-1.388-.493-.368 0-.7.072-.994.217-.296.14-.533.354-.71.644-.18.284-.274.64-.285 1.07h1.036c0-.285.078-.527.234-.728.156-.2.388-.3.694-.3.301 0 .515.091.644.275.133.184.2.396.2.636 0 .256-.08.52-.242.794a4.639 4.639 0 0 1-.635.827c-.262.284-.563.571-.903.861-.334.29-.68.582-1.037.878Zm-8.194 3.716L3.838 18.5h2.735l2.736-4.693L12.33 18.5h2.793l-4.256-6.612L15.028 5.2h-2.736L9.556 9.836 6.573 5.2H3.78l4.218 6.574Z"
+      },
+      child: []
+    }
+  ]
+});
+var formatSubscript = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.998 11.774 3.838 18.5h2.735l2.736-4.693L12.33 18.5h2.793l-4.256-6.612L15.028 5.2h-2.736L9.556 9.836 6.573 5.2H3.78l4.218 6.574Zm8.194 8.157v.777h4.028v-.877h-2.532c.262-.212.532-.44.81-.686.28-.25.538-.518.778-.802.24-.284.432-.58.576-.886a2.12 2.12 0 0 0 .226-.944c0-.519-.167-.94-.501-1.263-.33-.328-.792-.493-1.388-.493-.368 0-.7.073-.994.218-.296.139-.533.354-.71.643-.18.284-.274.641-.285 1.07h1.036c0-.284.078-.526.234-.727.156-.2.388-.301.694-.301.301 0 .515.092.644.276.133.184.2.395.2.635 0 .256-.08.521-.242.794a4.638 4.638 0 0 1-.635.828 10.4 10.4 0 0 1-.903.86c-.334.29-.68.583-1.037.878Z"
+      },
+      child: []
+    }
+  ]
+});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -1396,7 +1507,13 @@ var customIcons = {
   warning: warningIcon,
   "info-filled": infoFilledIcon,
   settings,
-  "query-string": queryStringIcon
+  "query-string": queryStringIcon,
+  "format-bold": formatBoldIcon,
+  "format-code": formatCode,
+  "format-strike": formatStrike,
+  "format-superscript": formatSuperscript,
+  "format-subscript": formatSubscript,
+  "layout-list-numbered": layoutListNumberedIcon
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -12205,7 +12322,7 @@ var drawerHeaderStyles = css39`
 var drawerRendererStyles = css39`
   inset: 0;
   overflow: hidden;
-  z-index: 40;
+  z-index: var(--z-drawer);
 `;
 var drawerInnerStyles = css39`
   height: 100%;
@@ -13398,12 +13515,17 @@ var LinkListContainer = (padding) => css50`
     grid-row: 1 / last-line;
   }
 `;
+var LinkListTitle = css50`
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sm);
+  text-transform: uppercase;
+`;
 
 // src/components/LinkList/LinkList.tsx
 import { jsx as jsx60, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
 var LinkList = ({ title, padding = "var(--spacing-md)", children, ...props }) => {
   return /* @__PURE__ */ jsxs36("div", { css: LinkListContainer(padding), ...props, children: [
-    /* @__PURE__ */ jsx60(Heading, { level: 3, children: title }),
+    /* @__PURE__ */ jsx60(Heading, { level: 3, css: LinkListTitle, children: title }),
     children
   ] });
 };
@@ -14369,6 +14491,7 @@ import {
 // src/components/Tooltip/Tooltip.styles.ts
 import { css as css63 } from "@emotion/react";
 var TooltipContainer = css63`
+  z-index: var(--z-tooltip);
   border: 2px solid var(--gray-300);
   border-radius: var(--rounded-base);
   padding: var(--spacing-xs) var(--spacing-sm);
@@ -15292,141 +15415,271 @@ var ParameterNameAndPublicIdInput = ({
 };
 
 // src/components/ParameterInputs/ParameterRichText.tsx
-import { forwardRef as forwardRef13 } from "react";
-import { Fragment as Fragment13, jsx as jsx88, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
-var ParameterRichText = forwardRef13(
-  ({
-    label,
-    labelLeadingIcon,
-    hiddenLabel,
-    id,
-    errorMessage,
-    caption,
-    errorTestId,
-    captionTestId,
-    menuItems,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs59(
-      ParameterShell,
-      {
-        "data-test-id": "parameter-input",
-        label,
-        labelLeadingIcon,
-        id,
-        errorMessage,
-        caption,
-        errorTestId,
-        captionTestId,
-        menuItems,
-        children: [
-          /* @__PURE__ */ jsx88(ParameterRichTextInner, { ref, ...props }),
-          menuItems ? /* @__PURE__ */ jsx88(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx88(Fragment13, { children: menuItems }) }) : null
-        ]
-      }
-    );
+import { css as css73 } from "@emotion/react";
+import { ListItemNode, ListNode as ListNode2 } from "@lexical/list";
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { HeadingNode } from "@lexical/rich-text";
+import { deepEqual as deepEqual2 } from "fast-equals";
+import { ParagraphNode } from "lexical";
+import { useEffect as useEffect13, useRef as useRef6 } from "react";
+
+// src/components/ParameterInputs/rich-text/builtInElements.ts
+var richTextBuiltInElements = [
+  {
+    label: "Heading 1",
+    type: "h1"
+  },
+  {
+    label: "Heading 2",
+    type: "h2"
+  },
+  {
+    label: "Heading 3",
+    type: "h3"
+  },
+  {
+    label: "Heading 4",
+    type: "h4"
+  },
+  {
+    label: "Heading 5",
+    type: "h5"
+  },
+  {
+    label: "Heading 6",
+    type: "h6"
+  },
+  {
+    label: "Bullet List",
+    type: "unorderedList"
+  },
+  {
+    label: "Numbered List",
+    type: "orderedList"
+  },
+  {
+    label: "Link",
+    type: "link"
   }
-);
-var ParameterRichTextInner = forwardRef13(({ ...props }, ref) => {
-  const { id, label, hiddenLabel } = useParameterShell();
-  return /* @__PURE__ */ jsx88(
-    "textarea",
-    {
-      css: [input2, textarea2],
-      id,
-      ref,
-      "aria-label": hiddenLabel ? label : void 0,
-      ...props
-    }
-  );
-});
+];
 
-// src/components/ParameterInputs/ParameterSelect.tsx
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx89, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
-var ParameterSelect = forwardRef14(
-  ({ defaultOption, options, ...props }, ref) => {
-    const { shellProps, innerProps } = extractParameterProps(props);
-    return /* @__PURE__ */ jsx89(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx89(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
+// src/components/ParameterInputs/rich-text/builtInFormats.ts
+var richTextBuiltInFormats = [
+  {
+    label: "Bold",
+    type: "bold"
+  },
+  {
+    label: "Italic",
+    type: "italic"
+  },
+  {
+    label: "Underline",
+    type: "underline"
+  },
+  {
+    label: "Strikethrough",
+    type: "strikethrough"
+  },
+  {
+    label: "Code",
+    type: "code"
+  },
+  {
+    label: "Superscript",
+    type: "superscript"
+  },
+  {
+    label: "Subscript",
+    type: "subscript"
   }
-);
-var ParameterSelectInner = forwardRef14(
-  ({ defaultOption, options, ...props }, ref) => {
-    const { id, label, hiddenLabel } = useParameterShell();
-    return /* @__PURE__ */ jsxs60(
-      "select",
-      {
-        css: [input2, selectInput],
-        id,
-        "aria-label": hiddenLabel ? label : void 0,
-        ref,
-        ...props,
-        children: [
-          defaultOption ? /* @__PURE__ */ jsx89("option", { value: "", children: defaultOption }) : null,
-          options.map((option) => {
-            var _a;
-            return /* @__PURE__ */ jsx89("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
-          })
-        ]
-      }
-    );
+];
+
+// src/components/ParameterInputs/rich-text/editorStyles.ts
+import { css as css69 } from "@emotion/css";
+var textBold = css69`
+  font-weight: 700;
+`;
+var textItalic = css69`
+  font-style: italic;
+`;
+var textUnderline = css69`
+  text-decoration: underline;
+`;
+var textStrikethrough = css69`
+  text-decoration: line-through;
+`;
+var textUnderlineStrikethrough = css69`
+  text-decoration: underline line-through;
+`;
+var textCode = css69`
+  background-color: var(--gray-100);
+  border-radius: var(--rounded-sm);
+  display: inline-block;
+  font-family: var(--ff-mono);
+  font-size: 94%;
+  padding-left: var(--spacing-xs);
+  padding-right: var(--spacing-xs);
+`;
+var textSuperscript = css69`
+  vertical-align: super;
+  font-size: smaller;
+`;
+var textSubscript = css69`
+  vertical-align: sub;
+  font-size: smaller;
+`;
+var linkElement = css69`
+  ${link}
+  ${linkColorDefault}
+  text-decoration: underline;
+`;
+var h12 = css69`
+  font-size: clamp(1.35rem, var(--fluid-font-base), 1.7rem);
+`;
+var h22 = css69`
+  font-size: clamp(1.35rem, var(--fluid-font-base), 1.6rem);
+`;
+var h32 = css69`
+  font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
+`;
+var h42 = css69`
+  font-size: clamp(1.15rem, var(--fluid-font-base), 1.25rem);
+`;
+var h52 = css69`
+  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
+`;
+var h62 = css69`
+  font-size: var(--fs-base);
+`;
+var heading1Element = css69`
+  ${h12}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var heading2Element = css69`
+  ${h22}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var heading3Element = css69`
+  ${h32}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var heading4Element = css69`
+  ${h42}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var heading5Element = css69`
+  ${h52}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var heading6Element = css69`
+  ${h62}
+  ${commonHeadingAttr(true)}
+  ${commonLineHeight}
+`;
+var paragraphElement = css69`
+  line-height: 1.5;
+  margin-bottom: var(--spacing-base);
+
+  &:last-child {
+    margin-bottom: 0;
   }
-);
+`;
+var orderedListElement = css69`
+  ${commonLineHeight}
+  display: block;
+  list-style: decimal;
+  list-style-position: outside;
+  margin-bottom: var(--spacing-base);
+  margin-top: 0;
+  padding: 0;
 
-// src/components/ParameterInputs/ParameterTextarea.tsx
-import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx90 } from "@emotion/react/jsx-runtime";
-var ParameterTextarea = forwardRef15((props, ref) => {
-  const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ jsx90(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx90(ParameterTextareaInner, { ref, ...innerProps }) });
-});
-var ParameterTextareaInner = forwardRef15(({ ...props }, ref) => {
-  const { id, label, hiddenLabel } = useParameterShell();
-  return /* @__PURE__ */ jsx90(
-    "textarea",
-    {
-      css: [input2, textarea2],
-      id,
-      ref,
-      "aria-label": hiddenLabel ? label : void 0,
-      ...props
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  ol {
+    list-style-type: upper-alpha;
+
+    ol {
+      list-style-type: lower-alpha;
+
+      ol {
+        list-style-type: upper-roman;
+
+        ol {
+          list-style-type: lower-roman;
+        }
+      }
     }
-  );
-});
+  }
+`;
+var unorderedListElement = css69`
+  ${commonLineHeight}
+  display: block;
+  list-style: disc;
+  list-style-position: outside;
+  margin-bottom: var(--spacing-base);
+  margin-top: 0;
+  padding: 0;
 
-// src/components/ParameterInputs/ParameterToggle.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx91, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
-var ParameterToggle = forwardRef16((props, ref) => {
-  const { shellProps, innerProps } = extractParameterProps(props);
-  return /* @__PURE__ */ jsx91(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx91(ParameterToggleInner, { ref, ...innerProps }) });
-});
-var ParameterToggleInner = forwardRef16(
-  ({ ...props }, ref) => {
-    const { id, label } = useParameterShell();
-    return /* @__PURE__ */ jsxs61("label", { css: inputToggleLabel2, children: [
-      /* @__PURE__ */ jsx91("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
-      /* @__PURE__ */ jsx91("span", { css: inlineLabel2, children: label })
-    ] });
+  &:last-child {
+    margin-bottom: 0;
   }
-);
 
-// src/components/Popover/Popover.tsx
-import {
-  Popover as ReakitPopover,
-  PopoverDisclosure,
-  usePopoverState
-} from "reakit/Popover";
-import { Portal as Portal2 } from "reakit/Portal";
+  ul {
+    list-style-type: circle;
+
+    ul {
+      list-style-type: square;
+    }
+  }
+`;
+var listItemElement = css69`
+  margin-left: var(--spacing-md);
+`;
+var nestedListItemElement = css69`
+  list-style-type: none;
+`;
+
+// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
+import { css as css71 } from "@emotion/react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { NodeEventPlugin } from "@lexical/react/LexicalNodeEventPlugin";
+import { addClassNamesToElement, isHTMLAnchorElement, mergeRegister } from "@lexical/utils";
+import { deepEqual } from "fast-equals";
+import {
+  $applyNodeReplacement,
+  $getSelection,
+  $isElementNode as $isElementNode2,
+  $isRangeSelection,
+  BLUR_COMMAND,
+  COMMAND_PRIORITY_EDITOR,
+  createCommand,
+  ElementNode as ElementNode2,
+  FOCUS_COMMAND
+} from "lexical";
+import { useCallback as useCallback4, useEffect as useEffect10, useRef as useRef5, useState as useState9 } from "react";
 
 // src/components/Popover/Popover.styles.ts
-import { css as css69 } from "@emotion/react";
-var PopoverBtn = css69`
+import { css as css70 } from "@emotion/react";
+var PopoverBtn = css70`
   border: none;
   background: none;
   padding: 0;
 `;
-var Popover = css69`
+var Popover = css70`
   border-left: var(--spacing-xs) solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
   box-shadow: var(--shadow-base);
@@ -15438,8 +15691,1156 @@ var Popover = css69`
   max-width: 220px;
 `;
 
+// src/components/ParameterInputs/rich-text/utils.ts
+import { $isAtNodeEnd } from "@lexical/selection";
+import {
+  $isElementNode
+} from "lexical";
+var getElementNodesInSelection = (selection) => {
+  const nodesInSelection = selection.getNodes();
+  if (nodesInSelection.length === 0) {
+    return /* @__PURE__ */ new Set([
+      selection.anchor.getNode().getParentOrThrow(),
+      selection.focus.getNode().getParentOrThrow()
+    ]);
+  }
+  return new Set(nodesInSelection.map((node) => $isElementNode(node) ? node : node.getParentOrThrow()));
+};
+var getAncestor = (node, predicate) => {
+  let parent = node;
+  while (parent !== null && (parent = parent.getParent()) !== null && !predicate(parent))
+    ;
+  return parent;
+};
+var getSelectedNode = (selection) => {
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const anchorNode = selection.anchor.getNode();
+  const focusNode = selection.focus.getNode();
+  if (anchorNode === focusNode) {
+    return anchorNode;
+  }
+  const isBackward = selection.isBackward();
+  if (isBackward) {
+    return $isAtNodeEnd(focus) ? anchorNode : focusNode;
+  } else {
+    return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
+  }
+};
+var richTextIsValueConsideredEmpty = (value) => {
+  if (!value) {
+    return true;
+  }
+  if (value.root.children.length === 0) {
+    return true;
+  }
+  if (value.root.children.length > 1) {
+    return false;
+  }
+  const child = value.root.children[0];
+  if (child.type !== "paragraph") {
+    return false;
+  }
+  return child.children.length === 0;
+};
+
+// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
+import { Fragment as Fragment13, jsx as jsx88, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
+var isProjectMapLinkValue = (value) => {
+  return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
+    value.nodeId && value.path && value.projectMapId
+  );
+};
+var isNonProjectMapLinkValue = (value) => {
+  return typeof (value == null ? void 0 : value.type) === "string" && ["url", "tel", "email"].includes(value.type) && Boolean(value.path);
+};
+var guessLinkTypeFromPath = (path) => {
+  if (path.startsWith("http://") || path.startsWith("https://")) {
+    return "url";
+  }
+  if (path.startsWith("mailto:") || path.includes("@")) {
+    return "email";
+  }
+  if (path.startsWith("tel:") || path.startsWith("+")) {
+    return "tel";
+  }
+  return "url";
+};
+function convertAnchorElement(domNode) {
+  let node = null;
+  if (!isHTMLAnchorElement(domNode)) {
+    return { node };
+  }
+  const textContent = domNode.textContent;
+  if (textContent === null || textContent === "") {
+    return { node };
+  }
+  let linkFromAttribute = domNode.getAttribute("data-link");
+  if (linkFromAttribute) {
+    try {
+      linkFromAttribute = JSON.parse(linkFromAttribute);
+    } catch (e) {
+    }
+  }
+  let path = domNode.getAttribute("href");
+  let projectMapId = void 0;
+  let nodeId = void 0;
+  let type = void 0;
+  let dynamicInputValues = void 0;
+  if (linkFromAttribute && typeof linkFromAttribute === "object") {
+    if ("path" in linkFromAttribute && typeof linkFromAttribute.path === "string") {
+      path = linkFromAttribute.path;
+    }
+    if ("type" in linkFromAttribute && typeof linkFromAttribute.type === "string") {
+      type = linkFromAttribute.type;
+    }
+    if ("projectMapId" in linkFromAttribute && typeof linkFromAttribute.projectMapId === "string") {
+      projectMapId = linkFromAttribute.projectMapId;
+    }
+    if ("nodeId" in linkFromAttribute && typeof linkFromAttribute.nodeId === "string") {
+      nodeId = linkFromAttribute.nodeId;
+    }
+    if ("dynamicInputValues" in linkFromAttribute && typeof linkFromAttribute.dynamicInputValues === "string") {
+      try {
+        dynamicInputValues = JSON.parse(linkFromAttribute.dynamicInputValues);
+      } catch (e) {
+      }
+    }
+  }
+  if (!path) {
+    return { node: null };
+  }
+  if (!type) {
+    type = guessLinkTypeFromPath(path);
+  }
+  if (type === "email" && path.startsWith("mailto:")) {
+    path = path.replace("mailto:", "");
+  } else if (type === "tel" && path.startsWith("tel:")) {
+    path = path.replace("tel:", "");
+  }
+  const value = {
+    type,
+    path,
+    projectMapId,
+    nodeId,
+    dynamicInputValues
+  };
+  if (isProjectMapLinkValue(value)) {
+    node = $createLinkNode(value);
+  } else if (isNonProjectMapLinkValue(value)) {
+    node = $createLinkNode(value);
+  }
+  return { node };
+}
+var LinkNode = class extends ElementNode2 {
+  constructor(props, key) {
+    super(key);
+    this.__link = props;
+  }
+  static getType() {
+    return "link";
+  }
+  getLink() {
+    return this.getLatest().__link;
+  }
+  setLink(link2) {
+    const writable = this.getWritable();
+    writable.__link = link2;
+  }
+  static clone(node) {
+    return new LinkNode(node.__link, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = $createLinkNode(serializedNode.link);
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    return node;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      link: this.getLink(),
+      type: this.getType(),
+      version: 1
+    };
+  }
+  createDOM(config) {
+    const element = document.createElement("a");
+    element.setAttribute("data-link", JSON.stringify(this.__link));
+    if (isNonProjectMapLinkValue(this.__link)) {
+      if (this.__link.type === "url") {
+        element.setAttribute("href", this.__link.path);
+      } else if (this.__link.type === "tel") {
+        element.setAttribute("href", `tel:${this.__link.path}`);
+      } else if (this.__link.type === "email") {
+        element.setAttribute("href", `mailto:${this.__link.path}`);
+      }
+    }
+    addClassNamesToElement(element, config.theme.link);
+    return element;
+  }
+  updateDOM(prevNode, a) {
+    if (!deepEqual(prevNode.__link, this.__link)) {
+      a.setAttribute("data-link", JSON.stringify(this.__link));
+      if (isNonProjectMapLinkValue(this.__link)) {
+        if (this.__link.type === "url") {
+          a.setAttribute("href", this.__link.path);
+        } else if (this.__link.type === "tel") {
+          a.setAttribute("href", `tel:${this.__link.path}`);
+        } else if (this.__link.type === "email") {
+          a.setAttribute("href", `mailto:${this.__link.path}`);
+        }
+      }
+    }
+    return false;
+  }
+  static importDOM() {
+    return {
+      a: () => ({
+        conversion: convertAnchorElement,
+        priority: 1
+      })
+    };
+  }
+  insertNewAfter(selection, restoreSelection = true) {
+    const element = this.getParentOrThrow().insertNewAfter(selection, restoreSelection);
+    if ($isElementNode2(element)) {
+      const linkNode = $createLinkNode(
+        "nodeId" in this.__link ? {
+          nodeId: this.__link.nodeId,
+          projectMapId: this.__link.projectMapId,
+          path: this.__link.path,
+          type: this.__link.type
+        } : {
+          path: this.__link.path,
+          type: this.__link.type
+        }
+      );
+      element.append(linkNode);
+      return linkNode;
+    }
+    return null;
+  }
+  canInsertTextBefore() {
+    return false;
+  }
+  canInsertTextAfter() {
+    return false;
+  }
+  canBeEmpty() {
+    return false;
+  }
+  isInline() {
+    return true;
+  }
+};
+function $createLinkNode(props) {
+  return $applyNodeReplacement(new LinkNode(props));
+}
+function $isLinkNode(node) {
+  return node instanceof LinkNode;
+}
+function removeLinkNode(node) {
+  const children = node.getChildren();
+  for (const child of children) {
+    node.insertBefore(child);
+  }
+  node.remove();
+}
+function upsertLinkNode(props) {
+  var _a, _b, _c, _d, _e;
+  const selection = $getSelection();
+  if (!$isRangeSelection(selection)) {
+    return;
+  }
+  const nodes = selection.extract();
+  const touchedNodes = [];
+  for (const node of nodes) {
+    if ($isElementNode2(node) && !node.isInline()) {
+      continue;
+    }
+    const linkNodeAncestor = getLinkAncestor(node);
+    if (!linkNodeAncestor) {
+      const newLinkNode = $createLinkNode(props);
+      node.insertBefore(newLinkNode);
+      newLinkNode.append(node);
+      touchedNodes.push(...[newLinkNode, node]);
+      continue;
+    }
+    if (touchedNodes.some((touchedNode) => touchedNode.is(linkNodeAncestor))) {
+      continue;
+    }
+    linkNodeAncestor.setLink(props);
+    touchedNodes.push(node);
+  }
+  const nodesAlreadyMerged = [];
+  for (const node of touchedNodes) {
+    if (nodesAlreadyMerged.some((mergedNode) => mergedNode.is(node))) {
+      continue;
+    }
+    const candidatesForMerging = $isLinkNode(node) ? (_b = (_a = node.getParent()) == null ? void 0 : _a.getChildren()) != null ? _b : [] : (_e = (_d = (_c = getLinkAncestor(node)) == null ? void 0 : _c.getParent()) == null ? void 0 : _d.getChildren()) != null ? _e : [];
+    for (const candidate of candidatesForMerging) {
+      if (nodesAlreadyMerged.some((mergedNode) => mergedNode.is(candidate))) {
+        continue;
+      }
+      if (!$isLinkNode(candidate)) {
+        break;
+      }
+      const siblings = candidate.getNextSiblings();
+      for (const sibling of siblings) {
+        if (nodesAlreadyMerged.some((mergedNode) => mergedNode.is(sibling))) {
+          continue;
+        }
+        if (!$isLinkNode(sibling)) {
+          break;
+        }
+        if (!deepEqual(sibling.getLink(), candidate.getLink())) {
+          break;
+        }
+        candidate.append(...sibling.getChildren());
+        sibling.remove();
+        nodesAlreadyMerged.push(sibling);
+      }
+    }
+  }
+}
+var UPSERT_LINK_NODE_COMMAND = createCommand("UPSERT_LINK_NODE_COMMAND");
+var OPEN_LINK_NODE_MODAL_COMMAND = createCommand(
+  "OPEN_LINK_NODE_MODAL_COMMAND"
+);
+var LINK_POPOVER_OFFSET_X = 0;
+var LINK_POPOVER_OFFSET_Y = 8;
+var linkPopover = css71`
+  position: absolute;
+  z-index: 5;
+`;
+var linkPopoverContainer = css71`
+  ${Popover};
+  align-items: center;
+  display: flex;
+`;
+var linkPopoverAnchor = css71`
+  ${link}
+  ${linkColorDefault}
+`;
+function LinkNodePlugin({ onConnectLink }) {
+  const [editor] = useLexicalComposerContext();
+  const [linkPopoverState, setLinkPopoverState] = useState9();
+  const linkPopoverElRef = useRef5(null);
+  const [isEditorFocused, setIsEditorFocused] = useState9(false);
+  const [isLinkPopoverFocused, setIsLinkPopoverFocused] = useState9(false);
+  useEffect10(() => {
+    if (!isEditorFocused && !isLinkPopoverFocused) {
+      setLinkPopoverState(void 0);
+      return;
+    }
+  }, [isEditorFocused, isLinkPopoverFocused]);
+  useEffect10(() => {
+    if (!editor.hasNodes([LinkNode])) {
+      throw new Error("LinkNode not registered on editor");
+    }
+    return mergeRegister(
+      editor.registerCommand(
+        UPSERT_LINK_NODE_COMMAND,
+        (payload) => {
+          upsertLinkNode(payload);
+          return true;
+        },
+        COMMAND_PRIORITY_EDITOR
+      ),
+      editor.registerCommand(
+        OPEN_LINK_NODE_MODAL_COMMAND,
+        () => {
+          onConnectLink({
+            key: "",
+            value: void 0,
+            onSetValue: (newLinkValue) => {
+              editor.update(() => {
+                if (newLinkValue === void 0) {
+                  return;
+                }
+                upsertLinkNode(newLinkValue);
+              });
+            }
+          });
+          return true;
+        },
+        COMMAND_PRIORITY_EDITOR
+      ),
+      editor.registerCommand(
+        FOCUS_COMMAND,
+        () => {
+          setIsEditorFocused(true);
+          return true;
+        },
+        COMMAND_PRIORITY_EDITOR
+      ),
+      editor.registerCommand(
+        BLUR_COMMAND,
+        () => {
+          requestAnimationFrame(() => {
+            if (linkPopoverElRef.current !== null) {
+              const selection = window.getSelection();
+              const range = selection == null ? void 0 : selection.getRangeAt(0);
+              const elementWithinLinkPopoverWasSelected = range !== null && range !== void 0 && range.commonAncestorContainer !== null && linkPopoverElRef.current.contains(range.commonAncestorContainer);
+              const elementWithinLinkPopoverWasFocused = document.activeElement !== null && document.activeElement !== void 0 && linkPopoverElRef.current.contains(document.activeElement);
+              setIsLinkPopoverFocused(
+                elementWithinLinkPopoverWasSelected || elementWithinLinkPopoverWasFocused
+              );
+            }
+            setIsEditorFocused(false);
+          });
+          return true;
+        },
+        COMMAND_PRIORITY_EDITOR
+      )
+    );
+  }, [editor, onConnectLink]);
+  const maybeShowLinkToolbar = useCallback4(() => {
+    if (!editor.isEditable()) {
+      return;
+    }
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+      setLinkPopoverState(void 0);
+      return;
+    }
+    const node = getSelectedNode(selection);
+    const linkNode = getLinkAncestor(node);
+    if (linkNode === null) {
+      setLinkPopoverState(void 0);
+      return;
+    }
+    const element = editor.getElementByKey(linkNode.getKey());
+    if (!element) {
+      setLinkPopoverState(void 0);
+      return;
+    }
+    const { x, y } = {
+      x: element.offsetLeft + LINK_POPOVER_OFFSET_X,
+      y: element.offsetTop + element.clientHeight + LINK_POPOVER_OFFSET_Y
+    };
+    setLinkPopoverState({
+      node: linkNode,
+      position: {
+        x,
+        y
+      }
+    });
+  }, [editor]);
+  useEffect10(() => {
+    return editor.registerUpdateListener(({ editorState }) => {
+      requestAnimationFrame(() => {
+        editorState.read(() => {
+          maybeShowLinkToolbar();
+        });
+      });
+    });
+  }, [editor, maybeShowLinkToolbar]);
+  const onEditLinkNode = (node) => {
+    editor.getEditorState().read(() => {
+      onConnectLink({
+        key: node.getKey(),
+        value: node.getLink(),
+        onSetValue: (newLinkValue) => {
+          editor.update(() => {
+            editor.focus();
+            if (newLinkValue === void 0) {
+              removeLinkNode(node);
+              return;
+            }
+            upsertLinkNode(newLinkValue);
+          });
+        }
+      });
+    });
+  };
+  return /* @__PURE__ */ jsxs59(Fragment13, { children: [
+    /* @__PURE__ */ jsx88(
+      NodeEventPlugin,
+      {
+        nodeType: LinkNode,
+        eventType: "click",
+        eventListener: (e) => {
+          e.preventDefault();
+        }
+      }
+    ),
+    linkPopoverState ? /* @__PURE__ */ jsx88(
+      "div",
+      {
+        css: linkPopover,
+        style: {
+          left: linkPopoverState.position.x,
+          top: linkPopoverState.position.y
+        },
+        ref: linkPopoverElRef,
+        children: /* @__PURE__ */ jsxs59("div", { css: linkPopoverContainer, children: [
+          linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx88(
+            "a",
+            {
+              href: `${linkPopoverState.node.__link.type === "email" ? "mailto:" : linkPopoverState.node.__link.type === "tel" ? "tel:" : ""}${linkPopoverState.node.__link.path}`,
+              css: linkPopoverAnchor,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: linkPopoverState.node.__link.path
+            }
+          ),
+          /* @__PURE__ */ jsx88(
+            Button,
+            {
+              size: "xs",
+              onClick: () => {
+                onEditLinkNode(linkPopoverState.node);
+              },
+              buttonType: "ghost",
+              children: /* @__PURE__ */ jsx88(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
+            }
+          )
+        ] })
+      }
+    ) : null
+  ] });
+}
+function getLinkAncestor(node) {
+  return getAncestor(node, (ancestor) => {
+    return $isLinkNode(ancestor);
+  });
+}
+
+// src/components/ParameterInputs/rich-text/ListIndentPlugin.tsx
+import { $getListDepth, $isListItemNode, $isListNode } from "@lexical/list";
+import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
+import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
+import {
+  $getSelection as $getSelection2,
+  $isRangeSelection as $isRangeSelection2,
+  COMMAND_PRIORITY_CRITICAL,
+  INDENT_CONTENT_COMMAND
+} from "lexical";
+import { useEffect as useEffect11 } from "react";
+import { jsx as jsx89 } from "@emotion/react/jsx-runtime";
+function isIndentPermitted(maxDepth) {
+  const selection = $getSelection2();
+  if (!$isRangeSelection2(selection)) {
+    return false;
+  }
+  const elementNodesInSelection = getElementNodesInSelection(selection);
+  let totalDepth = 0;
+  for (const elementNode of elementNodesInSelection) {
+    if ($isListNode(elementNode)) {
+      totalDepth = Math.max($getListDepth(elementNode) + 1, totalDepth);
+    } else if ($isListItemNode(elementNode)) {
+      const parent = elementNode.getParent();
+      if (!$isListNode(parent)) {
+        throw new Error("ListMaxIndentLevelPlugin: A ListItemNode must have a ListNode for a parent.");
+      }
+      totalDepth = Math.max($getListDepth(parent) + 1, totalDepth);
+    }
+  }
+  return totalDepth <= maxDepth;
+}
+function ListIndentPlugin({ maxDepth }) {
+  const [editor] = useLexicalComposerContext2();
+  useEffect11(() => {
+    return editor.registerCommand(
+      INDENT_CONTENT_COMMAND,
+      () => !isIndentPermitted(maxDepth),
+      COMMAND_PRIORITY_CRITICAL
+    );
+  }, [editor, maxDepth]);
+  return /* @__PURE__ */ jsx89(TabIndentationPlugin, {});
+}
+
+// src/components/ParameterInputs/rich-text/RichTextToolbar.tsx
+import { css as css72 } from "@emotion/react";
+import {
+  $isListNode as $isListNode2,
+  INSERT_ORDERED_LIST_COMMAND,
+  INSERT_UNORDERED_LIST_COMMAND,
+  ListNode,
+  REMOVE_LIST_COMMAND
+} from "@lexical/list";
+import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
+import { $createHeadingNode, $isHeadingNode } from "@lexical/rich-text";
+import { $setBlocksType } from "@lexical/selection";
+import { $findMatchingParent, $getNearestNodeOfType } from "@lexical/utils";
+import {
+  $createParagraphNode,
+  $getSelection as $getSelection3,
+  $isRangeSelection as $isRangeSelection3,
+  $isRootOrShadowRoot,
+  COMMAND_PRIORITY_CRITICAL as COMMAND_PRIORITY_CRITICAL2,
+  FORMAT_TEXT_COMMAND,
+  SELECTION_CHANGE_COMMAND
+} from "lexical";
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo2, useState as useState10 } from "react";
+import { Fragment as Fragment14, jsx as jsx90, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
+var toolbar = css72`
+  background: var(--gray-50);
+  border-radius: var(--rounded-base);
+  display: flex;
+  /* We add 1px because we use a 1px wide separator */
+  gap: calc(var(--spacing-sm) + 1px);
+  margin: calc(var(--spacing-sm) + var(--spacing-xs)) var(--spacing-sm);
+  padding: var(--spacing-sm);
+  position: sticky;
+  top: 0;
+  z-index: 10;
+`;
+var toolbarGroup = css72`
+  display: flex;
+  gap: var(--spacing-xs);
+  position: relative;
+
+  &:not(:first-child)::before {
+    background-color: var(--gray-300);
+    content: '';
+    display: block;
+    height: 24px;
+    left: calc(var(--spacing-xs) * -1);
+    position: absolute;
+    top: 4px;
+    width: 1px;
+  }
+`;
+var toolbarButton = css72`
+  align-items: center;
+  appearance: none;
+  border: 0;
+  border-radius: var(--rounded-sm);
+  box-shadow: none;
+  color: var(--gray-900);
+  display: flex;
+  height: 32px;
+  justify-content: center;
+  min-width: 32px;
+  padding: 0 var(--spacing-sm);
+`;
+var toolbarButtonActive = css72`
+  background: var(--gray-200);
+`;
+var toolbarIcon = css72`
+  color: inherit;
+`;
+var toolbarChevron = css72`
+  margin-left: var(--spacing-xs);
+`;
+var ToolbarIcon = ({ icon }) => {
+  return /* @__PURE__ */ jsx90(Icon, { icon, css: toolbarIcon, size: "1rem" });
+};
+var RichTextToolbar = ({ config }) => {
+  const [editor] = useLexicalComposerContext3();
+  const enabledBuiltInFormats = richTextBuiltInFormats.filter(
+    (format) => {
+      var _a, _b;
+      return (_b = (_a = config == null ? void 0 : config.formatting) == null ? void 0 : _a.builtIn) == null ? void 0 : _b.includes(format.type);
+    }
+  );
+  const enabledBuiltInElements = richTextBuiltInElements.filter(
+    (element) => {
+      var _a, _b;
+      return (_b = (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn) == null ? void 0 : _b.includes(element.type);
+    }
+  );
+  const showToolbar = enabledBuiltInFormats.length > 0 || enabledBuiltInElements.length > 0;
+  const formatsWithIcon = /* @__PURE__ */ new Map([
+    ["bold", "format-bold"],
+    ["italic", "format-italic"],
+    ["underline", "format-underline"],
+    ["strikethrough", "format-strike"],
+    ["code", "format-code"],
+    ["superscript", "format-superscript"],
+    ["subscript", "format-subscript"]
+  ]);
+  const enabledBuiltInFormatsWithIcon = enabledBuiltInFormats.filter(
+    (format) => formatsWithIcon.has(format.type)
+  );
+  const enabledBuiltInFormatsWithoutIcon = enabledBuiltInFormats.filter(
+    (format) => !formatsWithIcon.has(format.type)
+  );
+  const [activeFormats, setActiveFormats] = useState10([]);
+  const [activeElement, setActiveElement] = useState10("paragraph");
+  const enabledTextualElements = enabledBuiltInElements.filter(
+    (element) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(element.type)
+  );
+  const elementTypeToLabel = (type) => {
+    var _a;
+    if (type === "paragraph") {
+      return "Normal";
+    }
+    const element = enabledBuiltInElements.find((element2) => element2.type === type);
+    return (_a = element == null ? void 0 : element.label) != null ? _a : type;
+  };
+  const onSelectElement = (type) => {
+    if (activeElement === type) {
+      return;
+    }
+    editor.update(() => {
+      const selection = $getSelection3();
+      if (!$isRangeSelection3(selection)) {
+        return;
+      }
+      if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(type)) {
+        $setBlocksType(selection, () => $createHeadingNode(type));
+      } else if (type === "paragraph") {
+        $setBlocksType(selection, () => $createParagraphNode());
+      }
+    });
+  };
+  const [isLink, setIsLink] = useState10(false);
+  const linkElementEnabled = useMemo2(() => {
+    return enabledBuiltInElements.some((element) => element.type === "link");
+  }, [enabledBuiltInElements]);
+  const enabledLists = useMemo2(() => {
+    return new Set(
+      enabledBuiltInElements.filter((element) => ["orderedList", "unorderedList"].includes(element.type)).map((element) => element.type)
+    );
+  }, [enabledBuiltInElements]);
+  const updateToolbar = useCallback5(() => {
+    const selection = $getSelection3();
+    if (!$isRangeSelection3(selection)) {
+      return;
+    }
+    const newActiveFormats = [];
+    for (const format of enabledBuiltInFormats) {
+      if (selection.hasFormat(format.type)) {
+        newActiveFormats.push(format.type);
+      }
+    }
+    setActiveFormats(newActiveFormats);
+    const anchorNode = selection.anchor.getNode();
+    let element = anchorNode.getKey() === "root" ? anchorNode : $findMatchingParent(anchorNode, (e) => {
+      const parent = e.getParent();
+      return parent !== null && $isRootOrShadowRoot(parent);
+    });
+    if (element === null) {
+      element = anchorNode.getTopLevelElementOrThrow();
+    }
+    const elementKey = element.getKey();
+    const elementDOM = editor.getElementByKey(elementKey);
+    if (elementDOM !== null) {
+      if ($isListNode2(element)) {
+        const parentList = $getNearestNodeOfType(anchorNode, ListNode);
+        const type = parentList ? parentList.getListType() : element.getListType();
+        setActiveElement(type === "bullet" ? "unorderedList" : "orderedList");
+      } else {
+        const type = $isHeadingNode(element) ? element.getTag() : element.getType();
+        setActiveElement(type);
+      }
+    }
+    const node = getSelectedNode(selection);
+    if (getLinkAncestor(node) !== null) {
+      setIsLink(true);
+    } else {
+      setIsLink(false);
+    }
+  }, [editor, enabledBuiltInFormats]);
+  useEffect12(() => {
+    return editor.registerCommand(
+      SELECTION_CHANGE_COMMAND,
+      (_payload) => {
+        updateToolbar();
+        return false;
+      },
+      COMMAND_PRIORITY_CRITICAL2
+    );
+  }, [editor, updateToolbar]);
+  useEffect12(() => {
+    return editor.registerUpdateListener(({ editorState }) => {
+      requestAnimationFrame(() => {
+        editorState.read(() => {
+          updateToolbar();
+        });
+      });
+    });
+  }, [editor, updateToolbar]);
+  if (!showToolbar) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs60("div", { css: toolbar, children: [
+    enabledTextualElements.length > 0 ? /* @__PURE__ */ jsx90(
+      Menu,
+      {
+        menuLabel: "Elements",
+        menuTrigger: /* @__PURE__ */ jsxs60("button", { css: toolbarButton, title: "Text formatting", children: [
+          enabledTextualElements.some((textualElement) => textualElement.type === activeElement) ? elementTypeToLabel(activeElement) : elementTypeToLabel("paragraph"),
+          " ",
+          /* @__PURE__ */ jsx90(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
+        ] }),
+        placement: "bottom-start",
+        children: [
+          {
+            label: "Normal",
+            type: "paragraph"
+          },
+          ...enabledTextualElements
+        ].map((element) => /* @__PURE__ */ jsx90(
+          MenuItem,
+          {
+            onClick: () => {
+              onSelectElement(element.type);
+            },
+            children: element.label
+          },
+          element.type
+        ))
+      }
+    ) : null,
+    enabledBuiltInFormatsWithIcon.length > 0 || enabledBuiltInFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs60("div", { css: toolbarGroup, children: [
+      enabledBuiltInFormatsWithIcon.map((format) => /* @__PURE__ */ jsx90(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx90(
+        "button",
+        {
+          onClick: () => {
+            editor.dispatchCommand(FORMAT_TEXT_COMMAND, format.type);
+          },
+          css: [toolbarButton, activeFormats.includes(format.type) ? toolbarButtonActive : null],
+          children: /* @__PURE__ */ jsx90(ToolbarIcon, { icon: formatsWithIcon.get(format.type) })
+        }
+      ) }, format.type)),
+      enabledBuiltInFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsx90(
+        Menu,
+        {
+          menuLabel: "Text formatting",
+          menuTrigger: /* @__PURE__ */ jsx90("button", { css: toolbarButton, title: "Text formatting", children: /* @__PURE__ */ jsx90(Icon, { icon: "more-alt", css: toolbarIcon }) }),
+          placement: "bottom-start",
+          children: enabledBuiltInFormatsWithoutIcon.map((format) => /* @__PURE__ */ jsx90(
+            MenuItem,
+            {
+              onClick: () => {
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, format.type);
+              },
+              children: format.label
+            },
+            format.type
+          ))
+        }
+      ) : null
+    ] }) : null,
+    linkElementEnabled || enabledLists.size > 0 ? /* @__PURE__ */ jsxs60("div", { css: toolbarGroup, children: [
+      linkElementEnabled ? /* @__PURE__ */ jsx90(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx90(
+        "button",
+        {
+          onClick: () => {
+            editor.dispatchCommand(OPEN_LINK_NODE_MODAL_COMMAND, {});
+          },
+          css: [toolbarButton, isLink ? toolbarButtonActive : null],
+          children: /* @__PURE__ */ jsx90(ToolbarIcon, { icon: "link" })
+        }
+      ) }) : null,
+      enabledLists.size > 0 ? /* @__PURE__ */ jsxs60(Fragment14, { children: [
+        enabledLists.has("unorderedList") ? /* @__PURE__ */ jsx90(Tooltip, { title: "Bullet list", placement: "top", children: /* @__PURE__ */ jsx90(
+          "button",
+          {
+            onClick: () => {
+              activeElement === "unorderedList" ? editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0) : editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+            },
+            css: [toolbarButton, activeElement === "unorderedList" ? toolbarButtonActive : null],
+            children: /* @__PURE__ */ jsx90(ToolbarIcon, { icon: "layout-list" })
+          }
+        ) }) : null,
+        enabledLists.has("orderedList") ? /* @__PURE__ */ jsx90(Tooltip, { title: "Numbered list", placement: "top", children: /* @__PURE__ */ jsx90(
+          "button",
+          {
+            onClick: () => {
+              activeElement === "orderedList" ? editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0) : editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+            },
+            css: [toolbarButton, activeElement === "orderedList" ? toolbarButtonActive : null],
+            children: /* @__PURE__ */ jsx90(ToolbarIcon, { icon: "layout-list-numbered" })
+          }
+        ) }) : null
+      ] }) : null
+    ] }) : null
+  ] });
+};
+var RichTextToolbar_default = RichTextToolbar;
+
+// src/components/ParameterInputs/ParameterRichText.tsx
+import { Fragment as Fragment15, jsx as jsx91, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
+var ParameterRichText = ({
+  label,
+  labelLeadingIcon,
+  hiddenLabel,
+  id,
+  errorMessage,
+  caption,
+  errorTestId,
+  captionTestId,
+  menuItems,
+  value,
+  onChange,
+  onConnectLink,
+  config,
+  onRichTextInit,
+  readOnly,
+  editorWrapperClassName,
+  editorInputClassName,
+  editorFooter
+}) => {
+  return /* @__PURE__ */ jsxs61(
+    ParameterShell,
+    {
+      "data-test-id": "parameter-input",
+      label,
+      hiddenLabel,
+      labelLeadingIcon,
+      id,
+      errorMessage,
+      caption,
+      errorTestId,
+      captionTestId,
+      menuItems,
+      children: [
+        /* @__PURE__ */ jsx91(
+          ParameterRichTextInner,
+          {
+            value,
+            onChange,
+            onConnectLink,
+            config,
+            onRichTextInit,
+            readOnly,
+            editorWrapperClassName,
+            editorInputClassName,
+            editorFooter
+          }
+        ),
+        menuItems ? /* @__PURE__ */ jsx91(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx91(Fragment15, { children: menuItems }) }) : null
+      ]
+    }
+  );
+};
+var editorWrapper = css73`
+  display: flex;
+  flex-flow: column;
+  flex-grow: 1;
+`;
+var editorContainer = css73`
+  display: flex;
+  flex-flow: column;
+  flex-grow: 1;
+  position: relative;
+`;
+var editorPlaceholder = css73`
+  color: var(--gray-500);
+  font-style: italic;
+  /* 1px is added to make sure caret is clearly visible when field is focused
+  instead of going under the placeholder */
+  left: calc(var(--spacing-sm) + 1px);
+  pointer-events: none;
+  position: absolute;
+  top: var(--spacing-xs);
+  user-select: none;
+`;
+var editorInput = css73`
+  background: var(--white);
+  border: 1px solid var(--white);
+  border-radius: var(--rounded-sm);
+  color: var(--gray-700);
+  flex-grow: 1;
+  font-size: var(--fs-base);
+  line-height: 1.2;
+  min-height: 2rem;
+  padding: var(--spacing-xs) var(--spacing-sm);
+
+  &:focus,
+  &:focus-within {
+    border-radius: var(--rounded-md);
+    box-shadow: none;
+    border: 1px solid var(--gray-300);
+    outline: none;
+  }
+`;
+var ParameterRichTextInner = ({
+  value,
+  onChange,
+  onConnectLink,
+  config,
+  onRichTextInit,
+  readOnly,
+  editorWrapperClassName,
+  editorInputClassName,
+  editorFooter
+}) => {
+  const lexicalConfig = {
+    namespace: "uniform",
+    onError: (error) => {
+      console.error(error);
+    },
+    editorState: value ? JSON.stringify(value) : void 0,
+    nodes: [ListNode2, ListItemNode, LinkNode, HeadingNode, ParagraphNode],
+    theme: {
+      text: {
+        bold: textBold,
+        italic: textItalic,
+        underline: textUnderline,
+        subscript: textSubscript,
+        superscript: textSuperscript,
+        strikethrough: textStrikethrough,
+        underlineStrikethrough: textUnderlineStrikethrough,
+        code: textCode
+      },
+      link: linkElement,
+      heading: {
+        h1: heading1Element,
+        h2: heading2Element,
+        h3: heading3Element,
+        h4: heading4Element,
+        h5: heading5Element,
+        h6: heading6Element
+      },
+      paragraph: paragraphElement,
+      list: {
+        ol: orderedListElement,
+        ul: unorderedListElement,
+        listitem: listItemElement,
+        nested: {
+          listitem: nestedListItemElement
+        }
+      }
+    },
+    editable: !readOnly
+  };
+  return /* @__PURE__ */ jsxs61(Fragment15, { children: [
+    /* @__PURE__ */ jsx91("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx91(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx91(
+      RichText,
+      {
+        onChange,
+        onConnectLink,
+        config,
+        onRichTextInit,
+        readOnly,
+        editorInputClassName
+      }
+    ) }) }),
+    editorFooter ? editorFooter : null
+  ] });
+};
+var RichText = ({
+  onChange,
+  onConnectLink,
+  config,
+  onRichTextInit,
+  readOnly,
+  editorInputClassName
+}) => {
+  const editorContainerRef = useRef6(null);
+  const [editor] = useLexicalComposerContext4();
+  useEffect13(() => {
+    if (onRichTextInit) {
+      onRichTextInit(editor);
+    }
+  }, [editor, onRichTextInit]);
+  useEffect13(() => {
+    const removeUpdateListener = editor.registerUpdateListener(({ editorState, prevEditorState }) => {
+      requestAnimationFrame(() => {
+        if (!deepEqual2(editorState.toJSON(), prevEditorState.toJSON())) {
+          onChange == null ? void 0 : onChange(editorState.toJSON());
+        }
+      });
+    });
+    return () => {
+      removeUpdateListener();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs61(Fragment15, { children: [
+    readOnly ? null : /* @__PURE__ */ jsx91(RichTextToolbar_default, { config }),
+    /* @__PURE__ */ jsxs61("div", { css: editorContainer, ref: editorContainerRef, children: [
+      /* @__PURE__ */ jsx91(
+        RichTextPlugin,
+        {
+          contentEditable: /* @__PURE__ */ jsx91(ContentEditable, { css: editorInput, className: editorInputClassName }),
+          placeholder: /* @__PURE__ */ jsx91("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
+          ErrorBoundary: LexicalErrorBoundary
+        }
+      ),
+      /* @__PURE__ */ jsx91(ListPlugin, {}),
+      readOnly ? null : /* @__PURE__ */ jsx91(HistoryPlugin, {}),
+      /* @__PURE__ */ jsx91(LinkNodePlugin, { onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve() }),
+      /* @__PURE__ */ jsx91(ListIndentPlugin, { maxDepth: 4 })
+    ] })
+  ] });
+};
+
+// src/components/ParameterInputs/ParameterSelect.tsx
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx92, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
+var ParameterSelect = forwardRef13(
+  ({ defaultOption, options, ...props }, ref) => {
+    const { shellProps, innerProps } = extractParameterProps(props);
+    return /* @__PURE__ */ jsx92(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx92(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
+  }
+);
+var ParameterSelectInner = forwardRef13(
+  ({ defaultOption, options, ...props }, ref) => {
+    const { id, label, hiddenLabel } = useParameterShell();
+    return /* @__PURE__ */ jsxs62(
+      "select",
+      {
+        css: [input2, selectInput],
+        id,
+        "aria-label": hiddenLabel ? label : void 0,
+        ref,
+        ...props,
+        children: [
+          defaultOption ? /* @__PURE__ */ jsx92("option", { value: "", children: defaultOption }) : null,
+          options.map((option) => {
+            var _a;
+            return /* @__PURE__ */ jsx92("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
+          })
+        ]
+      }
+    );
+  }
+);
+
+// src/components/ParameterInputs/ParameterTextarea.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx93 } from "@emotion/react/jsx-runtime";
+var ParameterTextarea = forwardRef14((props, ref) => {
+  const { shellProps, innerProps } = extractParameterProps(props);
+  return /* @__PURE__ */ jsx93(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx93(ParameterTextareaInner, { ref, ...innerProps }) });
+});
+var ParameterTextareaInner = forwardRef14(({ ...props }, ref) => {
+  const { id, label, hiddenLabel } = useParameterShell();
+  return /* @__PURE__ */ jsx93(
+    "textarea",
+    {
+      css: [input2, textarea2],
+      id,
+      ref,
+      "aria-label": hiddenLabel ? label : void 0,
+      ...props
+    }
+  );
+});
+
+// src/components/ParameterInputs/ParameterToggle.tsx
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx94, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
+var ParameterToggle = forwardRef15((props, ref) => {
+  const { shellProps, innerProps } = extractParameterProps(props);
+  return /* @__PURE__ */ jsx94(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx94(ParameterToggleInner, { ref, ...innerProps }) });
+});
+var ParameterToggleInner = forwardRef15(
+  ({ ...props }, ref) => {
+    const { id, label } = useParameterShell();
+    return /* @__PURE__ */ jsxs63("label", { css: inputToggleLabel2, children: [
+      /* @__PURE__ */ jsx94("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
+      /* @__PURE__ */ jsx94("span", { css: inlineLabel2, children: label })
+    ] });
+  }
+);
+
 // src/components/Popover/Popover.tsx
-import { Fragment as Fragment14, jsx as jsx92, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
+import {
+  Popover as ReakitPopover,
+  PopoverDisclosure,
+  usePopoverState
+} from "reakit/Popover";
+import { Portal as Portal2 } from "reakit/Portal";
+import { Fragment as Fragment16, jsx as jsx95, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
 var Popover2 = ({
   iconColor = "action",
   icon = "info",
@@ -15451,38 +16852,38 @@ var Popover2 = ({
   children
 }) => {
   const popover = usePopoverState({ placement });
-  return /* @__PURE__ */ jsxs62(Fragment14, { children: [
-    /* @__PURE__ */ jsxs62(PopoverDisclosure, { ...popover, css: PopoverBtn, title: buttonText, "data-test-id": testId, children: [
-      /* @__PURE__ */ jsx92(Icon, { icon, iconColor, size: iconSize }),
-      /* @__PURE__ */ jsx92("span", { hidden: true, children: buttonText })
+  return /* @__PURE__ */ jsxs64(Fragment16, { children: [
+    /* @__PURE__ */ jsxs64(PopoverDisclosure, { ...popover, css: PopoverBtn, title: buttonText, "data-test-id": testId, children: [
+      /* @__PURE__ */ jsx95(Icon, { icon, iconColor, size: iconSize }),
+      /* @__PURE__ */ jsx95("span", { hidden: true, children: buttonText })
     ] }),
-    /* @__PURE__ */ jsx92(Portal2, { children: /* @__PURE__ */ jsx92(ReakitPopover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
+    /* @__PURE__ */ jsx95(Portal2, { children: /* @__PURE__ */ jsx95(ReakitPopover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
   ] });
 };
 
 // src/components/ProgressList/ProgressList.tsx
-import { css as css71 } from "@emotion/react";
-import { useMemo as useMemo2 } from "react";
+import { css as css75 } from "@emotion/react";
+import { useMemo as useMemo3 } from "react";
 import { CgCheckO as CgCheckO2, CgRadioCheck, CgRecord } from "react-icons/cg";
 
 // src/components/ProgressList/styles/ProgressList.styles.ts
-import { css as css70 } from "@emotion/react";
-var progressListStyles = css70`
+import { css as css74 } from "@emotion/react";
+var progressListStyles = css74`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   list-style-type: none;
 `;
-var progressListItemStyles = css70`
+var progressListItemStyles = css74`
   display: flex;
   gap: var(--spacing-base);
   align-items: center;
 `;
 
 // src/components/ProgressList/ProgressList.tsx
-import { jsx as jsx93, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
-  const itemsWithStatus = useMemo2(() => {
+  const itemsWithStatus = useMemo3(() => {
     const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
     return items.map((item, index) => {
       let status = "queued";
@@ -15494,8 +16895,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
       return { ...item, status };
     });
   }, [items, inProgressId]);
-  return /* @__PURE__ */ jsx93("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
-    return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx96("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
+    return /* @__PURE__ */ jsx96(
       ProgressListItem,
       {
         status,
@@ -15515,7 +16916,7 @@ var ProgressListItem = ({
   errorLevel = "danger",
   autoEllipsis = false
 }) => {
-  const Icon2 = useMemo2(() => {
+  const Icon2 = useMemo3(() => {
     if (error) {
       return warningIcon;
     }
@@ -15526,14 +16927,14 @@ var ProgressListItem = ({
     };
     return iconPerStatus[status];
   }, [status, error]);
-  const statusStyles = useMemo2(() => {
+  const statusStyles = useMemo3(() => {
     if (error) {
-      return errorLevel === "caution" ? css71`
+      return errorLevel === "caution" ? css75`
             color: rgb(161, 98, 7);
             & svg {
               color: rgb(250, 204, 21);
             }
-          ` : css71`
+          ` : css75`
             color: rgb(185, 28, 28);
             & svg {
               color: var(--brand-primary-2);
@@ -15541,35 +16942,35 @@ var ProgressListItem = ({
           `;
     }
     const colorPerStatus = {
-      completed: css71`
+      completed: css75`
         opacity: 0.75;
       `,
-      inProgress: css71`
+      inProgress: css75`
         -webkit-text-stroke-width: thin;
       `,
-      queued: css71`
+      queued: css75`
         opacity: 0.5;
       `
     };
     return colorPerStatus[status];
   }, [status, error, errorLevel]);
-  return /* @__PURE__ */ jsxs63("li", { css: [progressListItemStyles, statusStyles], children: [
-    /* @__PURE__ */ jsx93(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(Icon2, { size: 20 }) }) }),
-    /* @__PURE__ */ jsxs63("div", { children: [
+  return /* @__PURE__ */ jsxs65("li", { css: [progressListItemStyles, statusStyles], children: [
+    /* @__PURE__ */ jsx96(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx96("div", { children: /* @__PURE__ */ jsx96(Icon2, { size: 20 }) }) }),
+    /* @__PURE__ */ jsxs65("div", { children: [
       children,
-      /* @__PURE__ */ jsx93("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
+      /* @__PURE__ */ jsx96("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
     ] })
   ] });
 };
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-import { css as css73 } from "@emotion/react";
-import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { css as css77 } from "@emotion/react";
+import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
 import { CgCheck as CgCheck4 } from "react-icons/cg";
 
 // src/components/SegmentedControl/SegmentedControl.styles.ts
-import { css as css72 } from "@emotion/react";
-var segmentedControlStyles = css72`
+import { css as css76 } from "@emotion/react";
+var segmentedControlStyles = css76`
   --segmented-control-rounded-value: var(--rounded-base);
   --segmented-control-border-width: 1px;
   --segmented-control-selected-color: var(--brand-secondary-3);
@@ -15588,14 +16989,14 @@ var segmentedControlStyles = css72`
   border-radius: calc(var(--segmented-control-rounded-value) + var(--segmented-control-border-width));
   font-size: var(--fs-xs);
 `;
-var segmentedControlVerticalStyles = css72`
+var segmentedControlVerticalStyles = css76`
   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 = css72`
+var segmentedControlItemStyles = css76`
   &:first-of-type label {
     border-radius: var(--segmented-control-first-border-radius);
   }
@@ -15603,10 +17004,10 @@ var segmentedControlItemStyles = css72`
     border-radius: var(--segmented-control-last-border-radius);
   }
 `;
-var segmentedControlInputStyles = css72`
+var segmentedControlInputStyles = css76`
   ${accessibleHidden}
 `;
-var segmentedControlLabelStyles = css72`
+var segmentedControlLabelStyles = css76`
   position: relative;
   display: flex;
   align-items: center;
@@ -15643,23 +17044,23 @@ var segmentedControlLabelStyles = css72`
     background-color: var(--gray-400);
   }
 `;
-var segmentedControlLabelIconOnlyStyles = css72`
+var segmentedControlLabelIconOnlyStyles = css76`
   padding-inline: 0.5em;
 `;
-var segmentedControlLabelCheckStyles = css72`
+var segmentedControlLabelCheckStyles = css76`
   opacity: 0.5;
 `;
-var segmentedControlLabelContentStyles = css72`
+var segmentedControlLabelContentStyles = css76`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   height: 100%;
 `;
-var segmentedControlLabelTextStyles = css72``;
+var segmentedControlLabelTextStyles = css76``;
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-import { jsx as jsx94, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
 var SegmentedControl = ({
   name,
   options,
@@ -15671,7 +17072,7 @@ var SegmentedControl = ({
   size = "md",
   ...props
 }) => {
-  const onOptionChange = useCallback4(
+  const onOptionChange = useCallback6(
     (event) => {
       if (event.target.checked) {
         onChange == null ? void 0 : onChange(options[parseInt(event.target.value)].value);
@@ -15679,18 +17080,18 @@ var SegmentedControl = ({
     },
     [options, onChange]
   );
-  const sizeStyles = useMemo3(() => {
+  const sizeStyles = useMemo4(() => {
     const map = {
-      sm: css73({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
-      md: css73({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
-      lg: css73({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" })
+      sm: css77({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
+      md: css77({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
+      lg: css77({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" })
     };
     return map[size];
   }, [size]);
-  const isIconOnly = useMemo3(() => {
+  const isIconOnly = useMemo4(() => {
     return options.every((option) => option.icon && !option.label);
   }, [options]);
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
@@ -15698,11 +17099,11 @@ var SegmentedControl = ({
       children: options.map((option, index) => {
         const text = option.label ? option.label : option.icon ? null : String(option.value);
         const isDisabled = disabled || option.disabled;
-        return /* @__PURE__ */ jsx94(
+        return /* @__PURE__ */ jsx97(
           Tooltip,
           {
             title: isDisabled || !option.tooltip ? "" : option.tooltip,
-            children: /* @__PURE__ */ jsx94("div", { css: segmentedControlItemStyles, "data-test-id": "container-segmented-control", children: /* @__PURE__ */ jsxs64(
+            children: /* @__PURE__ */ jsx97("div", { css: segmentedControlItemStyles, "data-test-id": "container-segmented-control", children: /* @__PURE__ */ jsxs66(
               "label",
               {
                 css: [
@@ -15711,7 +17112,7 @@ var SegmentedControl = ({
                   isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
                 ],
                 children: [
-                  /* @__PURE__ */ jsx94(
+                  /* @__PURE__ */ jsx97(
                     "input",
                     {
                       css: segmentedControlInputStyles,
@@ -15723,10 +17124,10 @@ var SegmentedControl = ({
                       disabled: isDisabled
                     }
                   ),
-                  option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx94(CgCheck4, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
-                  /* @__PURE__ */ jsxs64("span", { css: segmentedControlLabelContentStyles, children: [
-                    !option.icon ? null : /* @__PURE__ */ jsx94(option.icon, { size: "1.5em" }),
-                    !text ? null : /* @__PURE__ */ jsx94("span", { css: segmentedControlLabelTextStyles, children: text })
+                  option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx97(CgCheck4, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
+                  /* @__PURE__ */ jsxs66("span", { css: segmentedControlLabelContentStyles, children: [
+                    !option.icon ? null : /* @__PURE__ */ jsx97(option.icon, { size: "1.5em" }),
+                    !text ? null : /* @__PURE__ */ jsx97("span", { css: segmentedControlLabelTextStyles, children: text })
                   ] })
                 ]
               }
@@ -15740,18 +17141,18 @@ var SegmentedControl = ({
 };
 
 // src/components/Skeleton/Skeleton.styles.ts
-import { css as css74, keyframes as keyframes4 } from "@emotion/react";
+import { css as css78, keyframes as keyframes4 } from "@emotion/react";
 var lightFadingOut = keyframes4`
   from { opacity: 0.1; }
   to { opacity: 0.025; }
 `;
-var skeletonStyles = css74`
+var skeletonStyles = css78`
   animation: ${lightFadingOut} 1s ease-out infinite alternate;
   background-color: var(--gray-900);
 `;
 
 // src/components/Skeleton/Skeleton.tsx
-import { jsx as jsx95 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx98 } from "@emotion/react/jsx-runtime";
 var Skeleton = ({
   width = "100%",
   height = "1.25rem",
@@ -15759,7 +17160,7 @@ var Skeleton = ({
   circle = false,
   children,
   ...otherProps
-}) => /* @__PURE__ */ jsx95(
+}) => /* @__PURE__ */ jsx98(
   "div",
   {
     css: [
@@ -15782,8 +17183,8 @@ var Skeleton = ({
 import * as React19 from "react";
 
 // src/components/Switch/Switch.styles.ts
-import { css as css75 } from "@emotion/react";
-var SwitchInputContainer = css75`
+import { css as css79 } from "@emotion/react";
+var SwitchInputContainer = css79`
   cursor: pointer;
   display: inline-block;
   position: relative;
@@ -15792,7 +17193,7 @@ var SwitchInputContainer = css75`
   vertical-align: middle;
   user-select: none;
 `;
-var SwitchInput = css75`
+var SwitchInput = css79`
   appearance: none;
   border-radius: var(--rounded-full);
   background-color: var(--white);
@@ -15830,7 +17231,7 @@ var SwitchInput = css75`
     cursor: not-allowed;
   }
 `;
-var SwitchInputDisabled = css75`
+var SwitchInputDisabled = css79`
   opacity: var(--opacity-50);
   cursor: not-allowed;
 
@@ -15838,7 +17239,7 @@ var SwitchInputDisabled = css75`
     cursor: not-allowed;
   }
 `;
-var SwitchInputLabel = css75`
+var SwitchInputLabel = css79`
   align-items: center;
   color: var(--brand-secondary-1);
   display: inline-flex;
@@ -15860,26 +17261,26 @@ var SwitchInputLabel = css75`
     top: 0;
   }
 `;
-var SwitchText = css75`
+var SwitchText = css79`
   color: var(--gray-500);
   font-size: var(--fs-sm);
   padding-inline: var(--spacing-2xl) 0;
 `;
 
 // src/components/Switch/Switch.tsx
-import { Fragment as Fragment15, jsx as jsx96, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx99, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var Switch = React19.forwardRef(
   ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
     let additionalText = infoText;
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
-    return /* @__PURE__ */ jsxs65(Fragment15, { children: [
-      /* @__PURE__ */ jsxs65("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
-        /* @__PURE__ */ jsx96("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
-        /* @__PURE__ */ jsx96("span", { css: SwitchInputLabel, children: label })
+    return /* @__PURE__ */ jsxs67(Fragment17, { children: [
+      /* @__PURE__ */ jsxs67("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
+        /* @__PURE__ */ jsx99("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
+        /* @__PURE__ */ jsx99("span", { css: SwitchInputLabel, children: label })
       ] }),
-      additionalText ? /* @__PURE__ */ jsx96("p", { css: SwitchText, children: additionalText }) : null,
+      additionalText ? /* @__PURE__ */ jsx99("p", { css: SwitchText, children: additionalText }) : null,
       children
     ] });
   }
@@ -15889,69 +17290,69 @@ var Switch = React19.forwardRef(
 import * as React20 from "react";
 
 // src/components/Table/Table.styles.ts
-import { css as css76 } from "@emotion/react";
-var table = css76`
+import { css as css80 } from "@emotion/react";
+var table = css80`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
   table-layout: auto;
 `;
-var tableHead = css76`
+var tableHead = css80`
   background: var(--gray-100);
   color: var(--brand-secondary-1);
   text-align: left;
 `;
-var tableRow = css76`
+var tableRow = css80`
   border-bottom: 1px solid var(--gray-200);
 `;
-var tableCellHead = css76`
+var tableCellHead = css80`
   font-size: var(--fs-sm);
   padding: var(--spacing-base) var(--spacing-md);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
 `;
-var tableCellData = css76`
+var tableCellData = css80`
   padding: var(--spacing-base) var(--spacing-md);
 `;
 
 // src/components/Table/Table.tsx
-import { jsx as jsx97 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx100 } from "@emotion/react/jsx-runtime";
 var Table = React20.forwardRef(({ children, ...otherProps }, ref) => {
-  return /* @__PURE__ */ jsx97("table", { ref, css: table, ...otherProps, children });
+  return /* @__PURE__ */ jsx100("table", { ref, css: table, ...otherProps, children });
 });
 var TableHead = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("thead", { ref, css: tableHead, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
 var TableBody = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("tbody", { ref, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("tbody", { ref, ...otherProps, children });
   }
 );
 var TableFoot = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("tfoot", { ref, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("tfoot", { ref, ...otherProps, children });
   }
 );
 var TableRow = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("tr", { ref, css: tableRow, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
 var TableCellHead = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("th", { ref, css: tableCellHead, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
 var TableCellData = React20.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx97("td", { ref, css: tableCellData, ...otherProps, children });
+    return /* @__PURE__ */ jsx100("td", { ref, css: tableCellData, ...otherProps, children });
   }
 );
 
 // src/components/Tabs/Tabs.tsx
-import { createContext as createContext6, useContext as useContext7, useEffect as useEffect10, useMemo as useMemo4 } from "react";
+import { createContext as createContext6, useContext as useContext7, useEffect as useEffect14, useMemo as useMemo5 } from "react";
 import {
   Tab as ReakitTab,
   TabList as ReakitTabList,
@@ -15960,8 +17361,8 @@ import {
 } from "reakit/Tab";
 
 // src/components/Tabs/Tabs.styles.ts
-import { css as css77 } from "@emotion/react";
-var tabButtonStyles = css77`
+import { css as css81 } from "@emotion/react";
+var tabButtonStyles = css81`
   align-items: center;
   border: 0;
   height: 2.5rem;
@@ -15978,14 +17379,14 @@ var tabButtonStyles = css77`
     box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
   }
 `;
-var tabButtonGroupStyles = css77`
+var tabButtonGroupStyles = css81`
   display: flex;
   gap: var(--spacing-base);
   border-bottom: 1px solid var(--gray-300);
 `;
 
 // src/components/Tabs/Tabs.tsx
-import { jsx as jsx98 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
 var CurrentTabContext = createContext6(null);
 var useCurrentTab = () => {
   const context = useContext7(CurrentTabContext);
@@ -15995,13 +17396,13 @@ var useCurrentTab = () => {
   return context;
 };
 var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }) => {
-  const selected = useMemo4(() => {
+  const selected = useMemo5(() => {
     if (selectedId)
       return selectedId;
     return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
   }, [selectedId, useHashForState]);
   const tab = useTabState({ ...props, selectedId: selected });
-  useEffect10(() => {
+  useEffect14(() => {
     var _a;
     const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
     onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -16009,29 +17410,29 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
       window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
     }
   }, [tab.selectedId, onSelectedIdChange, useHashForState]);
-  useEffect10(() => {
+  useEffect14(() => {
     if (selected && selected !== tab.selectedId) {
       tab.setSelectedId(selected);
     }
   }, [selected]);
-  return /* @__PURE__ */ jsx98(CurrentTabContext.Provider, { value: tab, children });
+  return /* @__PURE__ */ jsx101(CurrentTabContext.Provider, { value: tab, children });
 };
 var TabButtonGroup = ({ children, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ jsx98(ReakitTabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
+  return /* @__PURE__ */ jsx101(ReakitTabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
 };
 var TabButton = ({ children, id, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ jsx98(ReakitTab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
+  return /* @__PURE__ */ jsx101(ReakitTab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
 };
 var TabContent = ({ children, ...props }) => {
   const currentTab = useCurrentTab();
-  return /* @__PURE__ */ jsx98(ReakitTabPanel, { ...props, ...currentTab, children });
+  return /* @__PURE__ */ jsx101(ReakitTabPanel, { ...props, ...currentTab, children });
 };
 
 // src/components/Validation/StatusBullet.styles.ts
-import { css as css78 } from "@emotion/react";
-var StatusBulletContainer = css78`
+import { css as css82 } from "@emotion/react";
+var StatusBulletContainer = css82`
   align-items: center;
   align-self: center;
   color: var(--gray-500);
@@ -16048,51 +17449,51 @@ var StatusBulletContainer = css78`
     display: block;
   }
 `;
-var StatusBulletBase = css78`
+var StatusBulletBase = css82`
   font-size: var(--fs-sm);
   &:before {
     width: var(--fs-xs);
     height: var(--fs-xs);
   }
 `;
-var StatusBulletSmall = css78`
+var StatusBulletSmall = css82`
   font-size: var(--fs-xs);
   &:before {
     width: var(--fs-xxs);
     height: var(--fs-xxs);
   }
 `;
-var StatusDraft = css78`
+var StatusDraft = css82`
   &:before {
     background: var(--white);
     box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
   }
 `;
-var StatusModified = css78`
+var StatusModified = css82`
   &:before {
     background: linear-gradient(to right, var(--white) 50%, var(--primary-action-default) 50% 100%);
     box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
   }
 `;
-var StatusError = css78`
+var StatusError = css82`
   color: var(--error);
   &:before {
     background: linear-gradient(120deg, var(--error) 40%, var(--white) 50%, var(--error) 60%);
   }
 `;
-var StatusPublished = css78`
+var StatusPublished = css82`
   &:before {
     background: var(--primary-action-default);
   }
 `;
-var StatusOrphan = css78`
+var StatusOrphan = css82`
   &:before {
     background: var(--brand-secondary-5);
   }
 `;
 
 // src/components/Validation/StatusBullet.tsx
-import { jsx as jsx99 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx102 } from "@emotion/react/jsx-runtime";
 var StatusBullet = ({
   status,
   hideText = false,
@@ -16109,7 +17510,7 @@ var StatusBullet = ({
     Draft: StatusDraft
   };
   const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx102(
     "span",
     {
       role: "status",
@@ -16173,6 +17574,7 @@ export {
   LimitsBar,
   Link,
   LinkList,
+  LinkNode,
   LinkWithRef,
   LoadingCardSkeleton2 as LoadingCardSkeleton,
   LoadingIcon,
@@ -16286,6 +17688,9 @@ export {
   queryStringIcon,
   rectangleRoundedIcon,
   replaceUnderscoreInString,
+  richTextBuiltInElements,
+  richTextBuiltInFormats,
+  richTextIsValueConsideredEmpty,
   ripple,
   scrollbarStyles,
   settings,