@uniformdev/design-system 19.185.1-alpha.8 → 19.186.2-alpha.14

package/dist/esm/index.js

@@ -17736,7 +17736,8 @@ var KeyValueInput = ({
             onChange: (itemValue) => handleUpdateOptionRow(index, itemValue),
             onDelete: () => handleDeleteOptionRow(index),
             onFocusChange: handleFocusChange,
-            "data-testid": "key-value-input-item"
+            "data-testid": "key-value-input-item",
+            onEnter: handleAddOptionRow
           },
           isDragging ? id : index
         )) })
@@ -17771,7 +17772,8 @@ var KeyValueInputItem = ({
   error,
   onFocusChange,
   disabledDelete = false,
-  disabledDnd = false
+  disabledDnd = false,
+  onEnter
 }) => {
   const { attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, isSorting } = useSortable({
     id,
@@ -17781,6 +17783,11 @@ var KeyValueInputItem = ({
     transform: CSS.Transform.toString(transform),
     transition
   };
+  const handleEnter = (e) => {
+    if (e.key === "Enter") {
+      onEnter();
+    }
+  };
   return /* @__PURE__ */ jsxs57("div", { css: rowWrapper, ref: setNodeRef, style, children: [
     /* @__PURE__ */ jsx92(DragHandle, { disableDnd: disabledDnd, ref: setActivatorNodeRef, ...attributes, ...listeners }),
     /* @__PURE__ */ jsxs57("div", { css: SelectKeyValueRowStyles, "data-testid": "key-value-input-item", children: [
@@ -17800,6 +17807,7 @@ var KeyValueInputItem = ({
           },
           onBlur: () => onFocusChange == null ? void 0 : onFocusChange(false),
           onFocus: () => onFocusChange == null ? void 0 : onFocusChange(true),
+          onKeyDown: handleEnter,
           value: value.key,
           errorMessage: isSorting ? void 0 : error == null ? void 0 : error.key,
           "data-testid": "key"
@@ -17811,12 +17819,15 @@ var KeyValueInputItem = ({
           label: valueLabel,
           showLabel: false,
           disabled: disabled2,
-          onChange: (e) => onChange == null ? void 0 : onChange({
-            key: value.key,
-            value: e.currentTarget.value
-          }),
+          onChange: (e) => {
+            onChange == null ? void 0 : onChange({
+              key: value.key,
+              value: e.currentTarget.value
+            });
+          },
           onBlur: () => onFocusChange == null ? void 0 : onFocusChange(false),
           onFocus: () => onFocusChange == null ? void 0 : onFocusChange(true),
+          onKeyDown: handleEnter,
           value: value.value,
           errorMessage: isSorting ? void 0 : error == null ? void 0 : error.value,
           "data-testid": "value"
@@ -19923,8 +19934,8 @@ import { useState as useState15 } from "react";
 
 // src/components/ParameterInputs/ParameterLabel.tsx
 import { jsx as jsx121 } from "@emotion/react/jsx-runtime";
-var ParameterLabel = ({ id, asSpan, children, ...props }) => {
-  return !asSpan ? /* @__PURE__ */ jsx121("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ jsx121("span", { "aria-labelledby": id, css: labelText2, children });
+var ParameterLabel = ({ id, asSpan, children, testId, ...props }) => {
+  return !asSpan ? /* @__PURE__ */ jsx121("label", { ...props, htmlFor: id, css: labelText2, "data-testid": testId, children }) : /* @__PURE__ */ jsx121("span", { "aria-labelledby": id, css: labelText2, children });
 };
 
 // src/components/ParameterInputs/ParameterMenuButton.tsx
@@ -20049,7 +20060,7 @@ var ParameterShell = ({
       label,
       labelTrailingIcon != null ? labelTrailingIcon : null
     ] }),
-    !title2 ? null : /* @__PURE__ */ jsxs81(ParameterLabel, { id, asSpan: true, children: [
+    !title2 ? null : /* @__PURE__ */ jsxs81(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
       labelLeadingIcon != null ? labelLeadingIcon : null,
       title2,
       labelTrailingIcon != null ? labelTrailingIcon : null
@@ -20381,7 +20392,7 @@ import {
   UNORDERED_LIST
 } from "@lexical/markdown";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
-import { useLexicalComposerContext as useLexicalComposerContext8 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext9 } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
@@ -20393,6 +20404,12 @@ import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableCellNode as TableCellNode3, TableNode, TableRowNode as TableRowNode2 } from "@lexical/table";
 
 // ../richtext/dist/index.mjs
+function isRichTextNode(node) {
+  return !!node && typeof node === "object" && "type" in node;
+}
+function isRichTextNodeType(node, type) {
+  return isRichTextNode(node) && node.type === type;
+}
 var richTextBuiltInElements = [
   {
     label: "Heading 1",
@@ -20493,7 +20510,7 @@ var getLabelForElement = (type) => {
 // src/components/ParameterInputs/ParameterRichText.tsx
 import { deepEqual as deepEqual2 } from "fast-equals";
 import { ParagraphNode as ParagraphNode2 } from "lexical";
-import { useEffect as useEffect24, useState as useState21 } from "react";
+import { useEffect as useEffect25, useState as useState21 } from "react";
 
 // src/components/ParameterInputs/rich-text/CustomCodeNode.ts
 import { CodeNode } from "@lexical/code";
@@ -20772,11 +20789,70 @@ var tableHeaderElement = css96`
   width: 7rem;
 `;
 
+// src/components/ParameterInputs/rich-text/ImprovedAssetSelectionPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
+import { $insertFirst } from "@lexical/utils";
+import { $createParagraphNode, $getRoot, $insertNodes } from "lexical";
+import { useEffect as useEffect18 } from "react";
+var ImprovedAssetSelectionPlugin = () => {
+  const [editor] = useLexicalComposerContext2();
+  useEffect18(() => {
+    editor.getRootElement();
+    const onRootClick = (event) => {
+      if (event.target !== editor.getRootElement()) {
+        return;
+      }
+      const clickArea = event.offsetY <= 60 ? "top" : "bottom";
+      const state = editor.getEditorState().toJSON();
+      const firstNode = state.root.children[0];
+      const lastNode = state.root.children.at(-1);
+      if (isRichTextNodeType(firstNode, "asset") && clickArea === "top") {
+        editor.update(() => {
+          $insertFirst($getRoot(), $createParagraphNode());
+          requestAnimationFrame(() => {
+            var _a, _b;
+            (_b = (_a = editor.getRootElement()) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.scrollTo({
+              top: 0,
+              behavior: "instant"
+            });
+          });
+        });
+      } else if (isRichTextNodeType(lastNode, "asset") && clickArea === "bottom") {
+        editor.update(() => {
+          $getRoot().selectEnd();
+          $insertNodes([$createParagraphNode()]);
+          requestAnimationFrame(() => {
+            var _a, _b, _c, _d;
+            (_d = (_a = editor.getRootElement()) == null ? void 0 : _a.parentElement) == null ? void 0 : _d.scrollTo({
+              top: (_c = (_b = editor.getRootElement()) == null ? void 0 : _b.parentElement) == null ? void 0 : _c.scrollHeight,
+              behavior: "instant"
+            });
+          });
+        });
+      }
+    };
+    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {
+      rootElement == null ? void 0 : rootElement.addEventListener("click", onRootClick);
+      prevRootElement == null ? void 0 : prevRootElement.removeEventListener("click", onRootClick);
+    });
+    return () => {
+      removeRootListener();
+    };
+  }, [editor]);
+  return null;
+};
+var ImprovedAssetSelectionPlugin_default = ImprovedAssetSelectionPlugin;
+
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
 import { css as css97 } from "@emotion/react";
-import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
 import { NodeEventPlugin } from "@lexical/react/LexicalNodeEventPlugin";
-import { addClassNamesToElement, isHTMLAnchorElement, mergeRegister as mergeRegister2 } from "@lexical/utils";
+import {
+  addClassNamesToElement,
+  isHTMLAnchorElement,
+  mergeRegister as mergeRegister2,
+  objectKlassEquals
+} from "@lexical/utils";
 import { deepEqual } from "fast-equals";
 import {
   $applyNodeReplacement,
@@ -20785,11 +20861,13 @@ import {
   $isRangeSelection,
   BLUR_COMMAND,
   COMMAND_PRIORITY_EDITOR,
+  COMMAND_PRIORITY_LOW,
   createCommand,
   ElementNode as ElementNode2,
-  FOCUS_COMMAND
+  FOCUS_COMMAND,
+  PASTE_COMMAND
 } from "lexical";
-import { useCallback as useCallback10, useEffect as useEffect18, useRef as useRef11, useState as useState16 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect19, useRef as useRef11, useState as useState16 } from "react";
 
 // src/components/ParameterInputs/rich-text/utils.ts
 import { $isAtNodeEnd } from "@lexical/selection";
@@ -20906,9 +20984,7 @@ function convertAnchorElement(domNode) {
     nodeId,
     dynamicInputValues
   };
-  if (isProjectMapLinkValue(value)) {
-    node = $createLinkNode(value);
-  } else if (isNonProjectMapLinkValue(value)) {
+  if (isProjectMapLinkValue(value) || isNonProjectMapLinkValue(value)) {
     node = $createLinkNode(value);
   }
   return { node };
@@ -21062,6 +21138,10 @@ function upsertLinkNode(props) {
       continue;
     }
     const linkNodeAncestor = getLinkAncestor(node);
+    if ($isLinkNode(node)) {
+      node.setLink(props);
+      continue;
+    }
     if (!linkNodeAncestor) {
       const newLinkNode = $createLinkNode(props);
       node.insertBefore(newLinkNode);
@@ -21134,18 +21214,18 @@ function LinkNodePlugin({
   const parsePath = getBoundPath != null ? getBoundPath : function(path) {
     return path;
   };
-  const [editor] = useLexicalComposerContext2();
+  const [editor] = useLexicalComposerContext3();
   const [linkPopoverState, setLinkPopoverState] = useState16();
   const linkPopoverElRef = useRef11(null);
   const [isEditorFocused, setIsEditorFocused] = useState16(false);
   const [isLinkPopoverFocused, setIsLinkPopoverFocused] = useState16(false);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isEditorFocused && !isLinkPopoverFocused) {
       setLinkPopoverState(void 0);
       return;
     }
   }, [isEditorFocused, isLinkPopoverFocused]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!editor.hasNodes([LinkNode])) {
       throw new Error("LinkNode not registered on editor");
     }
@@ -21211,6 +21291,41 @@ function LinkNodePlugin({
           return true;
         },
         COMMAND_PRIORITY_EDITOR
+      ),
+      // Support pasting of links from clipboard
+      editor.registerCommand(
+        PASTE_COMMAND,
+        (event) => {
+          const selection = $getSelection();
+          if (!$isRangeSelection(selection) || selection.isCollapsed() || !objectKlassEquals(event, ClipboardEvent)) {
+            return false;
+          }
+          const clipboardEvent = event;
+          if (clipboardEvent.clipboardData === null) {
+            return false;
+          }
+          const clipboardText = clipboardEvent.clipboardData.getData("text");
+          if (!isValidUrl(clipboardText)) {
+            return false;
+          }
+          if (selection.getNodes().some((node) => $isElementNode2(node) && !$isLinkNode(node))) {
+            return false;
+          }
+          let path = clipboardText;
+          const type = guessLinkTypeFromPath(path);
+          if (type === "email" && path.startsWith("mailto:")) {
+            path = path.replace("mailto:", "");
+          } else if (type === "tel" && path.startsWith("tel:")) {
+            path = path.replace("tel:", "");
+          }
+          upsertLinkNode({
+            path,
+            type
+          });
+          event.preventDefault();
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
       )
     );
   }, [editor, onConnectLink]);
@@ -21248,7 +21363,7 @@ function LinkNodePlugin({
       }
     });
   }, [editor, positioningAnchorEl]);
-  useEffect18(() => {
+  useEffect19(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -21332,7 +21447,7 @@ function getLinkAncestor(node) {
 
 // src/components/ParameterInputs/rich-text/ListIndentPlugin.tsx
 import { $getListDepth, $isListItemNode, $isListNode, ListNode } from "@lexical/list";
-import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
 import {
   $filter,
   $getNearestBlockElementAncestorOrThrow,
@@ -21352,7 +21467,7 @@ import {
   OUTDENT_CONTENT_COMMAND,
   SELECTION_CHANGE_COMMAND
 } from "lexical";
-import { useEffect as useEffect19, useRef as useRef12 } from "react";
+import { useEffect as useEffect20, useRef as useRef12 } from "react";
 function isIndentPermitted(maxDepth) {
   const selection = $getSelection2();
   if (!$isRangeSelection2(selection)) {
@@ -21406,9 +21521,9 @@ function $indentOverTab(selection) {
   return false;
 }
 function ListIndentPlugin({ maxDepth }) {
-  const [editor] = useLexicalComposerContext3();
+  const [editor] = useLexicalComposerContext4();
   const isInListItemNode = useRef12(false);
-  useEffect19(() => {
+  useEffect20(() => {
     return editor.registerCommand(
       SELECTION_CHANGE_COMMAND,
       () => {
@@ -21425,7 +21540,7 @@ function ListIndentPlugin({ maxDepth }) {
       COMMAND_PRIORITY_NORMAL
     );
   }, [editor]);
-  useEffect19(() => {
+  useEffect20(() => {
     return mergeRegister3(
       editor.registerCommand(
         INDENT_CONTENT_COMMAND,
@@ -21455,7 +21570,7 @@ function ListIndentPlugin({ maxDepth }) {
 
 // src/components/ParameterInputs/rich-text/TableActionMenuPlugin.tsx
 import { css as css98 } from "@emotion/react";
-import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
 import {
   $deleteTableColumn__EXPERIMENTAL,
@@ -21473,8 +21588,8 @@ import {
   TableCellHeaderStates,
   TableCellNode
 } from "@lexical/table";
-import { $getRoot, $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3 } from "lexical";
-import { forwardRef as forwardRef22, useCallback as useCallback11, useEffect as useEffect20, useLayoutEffect, useState as useState17 } from "react";
+import { $getRoot as $getRoot2, $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3 } from "lexical";
+import { forwardRef as forwardRef22, useCallback as useCallback11, useEffect as useEffect21, useLayoutEffect, useState as useState17 } from "react";
 import { jsx as jsx130, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 function computeSelectionCount(selection) {
   const selectionShape = selection.getShape();
@@ -21522,7 +21637,7 @@ function TableActionMenu({
   tableCellEl,
   positioningAnchorEl
 }) {
-  const [editor] = useLexicalComposerContext4();
+  const [editor] = useLexicalComposerContext5();
   const [tableCellNode, updateTableCellNode] = useState17(_tableCellNode);
   const [selectionCounts, updateSelectionCounts] = useState17({
     columns: 1,
@@ -21532,7 +21647,7 @@ function TableActionMenu({
   const incrementMenuTriggerKey = () => {
     setMenuTriggerKey((key) => key += 1);
   };
-  useEffect20(() => {
+  useEffect21(() => {
     return editor.registerMutationListener(
       TableCellNode,
       (nodeMutations) => {
@@ -21546,7 +21661,7 @@ function TableActionMenu({
       { skipInitialization: true }
     );
   }, [editor, tableCellNode]);
-  useEffect20(() => {
+  useEffect21(() => {
     editor.getEditorState().read(() => {
       const selection = $getSelection3();
       if ($isTableSelection(selection)) {
@@ -21571,7 +21686,7 @@ function TableActionMenu({
         tableNode.markDirty();
         updateTableCellNode(tableCellNode.getLatest());
       }
-      const rootNode = $getRoot();
+      const rootNode = $getRoot2();
       rootNode.selectStart();
     });
   }, [editor, tableCellNode]);
@@ -21732,11 +21847,11 @@ function TableCellActionMenuContainer({
   menuPortalEl,
   positioningAnchorEl
 }) {
-  const [editor] = useLexicalComposerContext4();
+  const [editor] = useLexicalComposerContext5();
   const [tableCellNode, setTableMenuCellNode] = useState17(null);
   const [tableCellNodeEl, _setTableMenuCellNodeEl] = useState17(null);
   const [tableCellMenuPortalEl, setTableMenuCellMenuPortalEl] = useState17(null);
-  useEffect20(() => {
+  useEffect21(() => {
     const newPortalEl = document.createElement("div");
     setTableMenuCellMenuPortalEl(newPortalEl);
     menuPortalEl.appendChild(newPortalEl);
@@ -21780,7 +21895,7 @@ function TableCellActionMenuContainer({
       setTableMenuCellNodeElem(null);
     }
   }, [editor, setTableMenuCellNodeElem]);
-  useEffect20(() => {
+  useEffect21(() => {
     return editor.registerUpdateListener(() => {
       editor.getEditorState().read(() => {
         $moveMenu();
@@ -21808,7 +21923,7 @@ function TableActionMenuPlugin({
 
 // src/components/ParameterInputs/rich-text/TableCellResizerPlugin.tsx
 import { css as css99 } from "@emotion/react";
-import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext6 } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as useLexicalEditable2 } from "@lexical/react/useLexicalEditable";
 import {
   $computeTableMapSkipCellCheck,
@@ -21819,7 +21934,7 @@ import {
 } from "@lexical/table";
 import { calculateZoomLevel } from "@lexical/utils";
 import { $getNearestNodeFromDOMNode } from "lexical";
-import { useCallback as useCallback12, useEffect as useEffect21, useMemo as useMemo6, useRef as useRef13, useState as useState18 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo6, useRef as useRef13, useState as useState18 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { Fragment as Fragment19, jsx as jsx131, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
 var MIN_ROW_HEIGHT = 33;
@@ -21864,7 +21979,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
   const isMouseDownOnEvent = (event) => {
     return (event.buttons & 1) === 1;
   };
-  useEffect21(() => {
+  useEffect22(() => {
     const onMouseMove = (event) => {
       setTimeout(() => {
         const target = event.target;
@@ -22142,7 +22257,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
   ] }) });
 }
 function TableCellResizerPlugin({ positioningAnchorEl }) {
-  const [editor] = useLexicalComposerContext5();
+  const [editor] = useLexicalComposerContext6();
   const isEditable = useLexicalEditable2();
   return useMemo6(
     () => isEditable ? createPortal3(
@@ -22154,7 +22269,7 @@ function TableCellResizerPlugin({ positioningAnchorEl }) {
 }
 
 // src/components/ParameterInputs/rich-text/TableSelectionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext6 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext7 } from "@lexical/react/LexicalComposerContext";
 import { $findCellNode } from "@lexical/table";
 import {
   $getSelection as $getSelection4,
@@ -22163,11 +22278,11 @@ import {
   COMMAND_PRIORITY_NORMAL as COMMAND_PRIORITY_NORMAL2,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND2
 } from "lexical";
-import { useEffect as useEffect22, useState as useState19 } from "react";
+import { useEffect as useEffect23, useState as useState19 } from "react";
 var TableSelectionPlugin = () => {
-  const [editor] = useLexicalComposerContext6();
+  const [editor] = useLexicalComposerContext7();
   const [closestTableCellNode, setClosestTableCellNode] = useState19(null);
-  useEffect22(() => {
+  useEffect23(() => {
     return editor.registerCommand(
       SELECTION_CHANGE_COMMAND2,
       () => {
@@ -22189,7 +22304,7 @@ var TableSelectionPlugin = () => {
       COMMAND_PRIORITY_NORMAL2
     );
   }, [editor]);
-  useEffect22(() => {
+  useEffect23(() => {
     const onControlA = (event) => {
       if (event.key === "a" && (event.ctrlKey || event.metaKey)) {
         if (!closestTableCellNode) {
@@ -22221,22 +22336,22 @@ import {
   ListNode as ListNode2,
   REMOVE_LIST_COMMAND
 } from "@lexical/list";
-import { useLexicalComposerContext as useLexicalComposerContext7 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext8 } from "@lexical/react/LexicalComposerContext";
 import { $createHeadingNode, $createQuoteNode, $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $createTableNodeWithDimensions } from "@lexical/table";
 import { $findMatchingParent, $getNearestNodeOfType as $getNearestNodeOfType2 } from "@lexical/utils";
 import {
-  $createParagraphNode,
+  $createParagraphNode as $createParagraphNode2,
   $getSelection as $getSelection5,
-  $insertNodes,
+  $insertNodes as $insertNodes2,
   $isRangeSelection as $isRangeSelection5,
   $isRootOrShadowRoot,
   COMMAND_PRIORITY_CRITICAL as COMMAND_PRIORITY_CRITICAL2,
   FORMAT_TEXT_COMMAND,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND3
 } from "lexical";
-import { useCallback as useCallback13, useEffect as useEffect23 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect24 } from "react";
 
 // src/components/ParameterInputs/rich-text/toolbar/constants.ts
 var FORMATS_WITH_ICON = /* @__PURE__ */ new Map([
@@ -22445,7 +22560,7 @@ var RichTextToolbarIcon = ({ icon }) => {
   return /* @__PURE__ */ jsx132(Icon, { icon, css: toolbarIcon, size: "1rem" });
 };
 var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset }) => {
-  const [editor] = useLexicalComposerContext7();
+  const [editor] = useLexicalComposerContext8();
   const {
     activeElement,
     setActiveElement,
@@ -22475,7 +22590,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
         if (HEADING_ELEMENTS.includes(type)) {
           $setBlocksType(selection, () => $createHeadingNode(type));
         } else if (type === "paragraph") {
-          $setBlocksType(selection, () => $createParagraphNode());
+          $setBlocksType(selection, () => $createParagraphNode2());
         } else if (type === "quote") {
           $setBlocksType(selection, () => $createQuoteNode());
         } else if (type === "code") {
@@ -22488,7 +22603,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
             const { rows, columns } = dimensions;
             editor.focus(() => {
               editor.update(() => {
-                $insertNodes([$createTableNodeWithDimensions(rows, columns, false)]);
+                $insertNodes2([$createTableNodeWithDimensions(rows, columns, false)]);
               });
             });
           });
@@ -22537,7 +22652,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       setIsLink(false);
     }
   }, [editor, setActiveElement, setActiveFormats, setIsLink]);
-  useEffect23(() => {
+  useEffect24(() => {
     return editor.registerCommand(
       SELECTION_CHANGE_COMMAND3,
       (_payload) => {
@@ -22547,7 +22662,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
       COMMAND_PRIORITY_CRITICAL2
     );
   }, [editor, updateToolbar]);
-  useEffect23(() => {
+  useEffect24(() => {
     return editor.registerUpdateListener(({ editorState }) => {
       requestAnimationFrame(() => {
         editorState.read(() => {
@@ -22821,7 +22936,7 @@ var editorContainer = css101`
   font-size: var(--fs-base);
   height: max-content;
   line-height: 1.2;
-  max-height: 300px;
+  max-height: 320px;
   min-height: 50px;
   overflow-y: auto;
   padding: var(--spacing-sm);
@@ -22990,13 +23105,13 @@ var RichText = ({
   onInsertAsset,
   minimalInteractivity
 }) => {
-  const [editor] = useLexicalComposerContext8();
-  useEffect24(() => {
+  const [editor] = useLexicalComposerContext9();
+  useEffect25(() => {
     if (onRichTextInit) {
       onRichTextInit(editor);
     }
   }, [editor, onRichTextInit]);
-  useEffect24(() => {
+  useEffect25(() => {
     const removeUpdateListener = editor.registerUpdateListener(({ editorState, prevEditorState, tags }) => {
       requestAnimationFrame(() => {
         if (!deepEqual2(editorState.toJSON(), prevEditorState.toJSON())) {
@@ -23008,7 +23123,7 @@ var RichText = ({
       removeUpdateListener();
     };
   }, [editor, onChange]);
-  useEffect24(() => {
+  useEffect25(() => {
     editor.setEditable(!readOnly);
   }, [editor, readOnly]);
   const [editorContainerRef, setEditorContainerRef] = useState21(null);
@@ -23079,7 +23194,8 @@ var RichText = ({
           positioningAnchorEl: editorContainerRef
         }
       ) : null,
-      /* @__PURE__ */ jsx133(TableSelectionPlugin_default, {})
+      /* @__PURE__ */ jsx133(TableSelectionPlugin_default, {}),
+      /* @__PURE__ */ jsx133(ImprovedAssetSelectionPlugin_default, {})
     ] })
   ] });
 };
@@ -23356,7 +23472,7 @@ var ProgressListItem = ({
 // src/components/SegmentedControl/SegmentedControl.tsx
 import { css as css106 } from "@emotion/react";
 import { CgCheck as CgCheck5 } from "@react-icons/all-files/cg/CgCheck";
-import { useCallback as useCallback14, useEffect as useEffect25, useMemo as useMemo9, useRef as useRef14, useState as useState22 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect26, useMemo as useMemo9, useRef as useRef14, useState as useState22 } from "react";
 
 // src/components/SegmentedControl/SegmentedControl.styles.ts
 import { css as css105 } from "@emotion/react";
@@ -23570,7 +23686,7 @@ var SegmentedControl = ({
   const isIconOnly = useMemo9(() => {
     return options.every((option) => option && option.icon && !option.label);
   }, [options]);
-  useEffect25(() => {
+  useEffect26(() => {
     const wrapperElement = wrapperRef.current;
     const onScroll = () => {
       if (!wrapperElement) {
@@ -23898,7 +24014,7 @@ import {
   TabProvider as AriakitTabProvider,
   useTabStore as useAriakitTabStore
 } from "@ariakit/react";
-import { useCallback as useCallback15, useEffect as useEffect26, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo10 } from "react";
 
 // src/components/Tabs/Tabs.styles.ts
 import { css as css110 } from "@emotion/react";
@@ -23958,7 +24074,7 @@ var Tabs = ({
     },
     [onSelectedIdChange, useHashForState]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     if (selected && selected !== tab.getState().activeId) {
       tab.setSelectedId(selected);
     }

package/dist/index.d.mts

@@ -23146,9 +23146,11 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     children: React.ReactNode;
     /** sets the label to use a span tag with aria-labelledby */
     asSpan?: boolean;
+    /** sets the data-testId attribute */
+    testId?: string;
 };
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
-declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterLabel: ({ id, asSpan, children, testId, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the button text when value is empty

package/dist/index.d.ts

@@ -23146,9 +23146,11 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     children: React.ReactNode;
     /** sets the label to use a span tag with aria-labelledby */
     asSpan?: boolean;
+    /** sets the data-testId attribute */
+    testId?: string;
 };
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
-declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterLabel: ({ id, asSpan, children, testId, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the button text when value is empty