@mdxeditor/editor 3.55.0 → 4.0.0

package/dist/styles/lexical-theme.module.css.js

@@ -1,21 +1,22 @@
-const bold = "_bold_1tncs_10";
-const italic = "_italic_1tncs_14";
-const underline = "_underline_1tncs_18";
-const strikethrough = "_strikethrough_1tncs_34";
-const underlineStrikethrough = "_underlineStrikethrough_1tncs_38";
-const subscript = "_subscript_1tncs_42";
-const superscript = "_superscript_1tncs_47";
-const code = "_code_1tncs_52";
-const nestedListItem = "_nestedListItem_1tncs_59";
-const listitem = "_listitem_1tncs_69";
-const listItemChecked = "_listItemChecked_1tncs_73";
-const listItemUnchecked = "_listItemUnchecked_1tncs_74";
-const admonitionDanger = "_admonitionDanger_1tncs_151";
-const admonitionInfo = "_admonitionInfo_1tncs_152";
-const admonitionNote = "_admonitionNote_1tncs_153";
-const admonitionTip = "_admonitionTip_1tncs_154";
-const admonitionCaution = "_admonitionCaution_1tncs_155";
-const mdxExpression = "_mdxExpression_1tncs_188";
+const bold = "_bold_6j9u9_10";
+const italic = "_italic_6j9u9_14";
+const underline = "_underline_6j9u9_18";
+const strikethrough = "_strikethrough_6j9u9_34";
+const underlineStrikethrough = "_underlineStrikethrough_6j9u9_38";
+const subscript = "_subscript_6j9u9_42";
+const superscript = "_superscript_6j9u9_47";
+const code = "_code_6j9u9_52";
+const quote = "_quote_6j9u9_59";
+const nestedListItem = "_nestedListItem_6j9u9_66";
+const listitem = "_listitem_6j9u9_76";
+const listItemChecked = "_listItemChecked_6j9u9_80";
+const listItemUnchecked = "_listItemUnchecked_6j9u9_81";
+const admonitionDanger = "_admonitionDanger_6j9u9_158";
+const admonitionInfo = "_admonitionInfo_6j9u9_159";
+const admonitionNote = "_admonitionNote_6j9u9_160";
+const admonitionTip = "_admonitionTip_6j9u9_161";
+const admonitionCaution = "_admonitionCaution_6j9u9_162";
+const mdxExpression = "_mdxExpression_6j9u9_195";
 const lexicalThemeStyles = {
   bold,
   italic,
@@ -25,6 +26,7 @@ const lexicalThemeStyles = {
   subscript,
   superscript,
   code,
+  quote,
   nestedListItem,
   listitem,
   listItemChecked,
@@ -51,6 +53,7 @@ export {
   listitem,
   mdxExpression,
   nestedListItem,
+  quote,
   strikethrough,
   subscript,
   superscript,

package/dist/styles/lexicalTheme.js

@@ -1,5 +1,6 @@
 import lexicalThemeStyles from "./lexical-theme.module.css.js";
 const lexicalTheme = {
+  quote: lexicalThemeStyles.quote,
   text: {
     bold: lexicalThemeStyles.bold,
     italic: lexicalThemeStyles.italic,

package/dist/styles/ui.module.css.js

@@ -1,98 +1,97 @@
-const editorRoot = "_editorRoot_1e2ox_53";
-const editorWrapper = "_editorWrapper_1e2ox_155";
-const toolbarRoot = "_toolbarRoot_1e2ox_162";
-const readOnlyToolbarRoot = "_readOnlyToolbarRoot_1e2ox_189";
-const toolbarToggleItem = "_toolbarToggleItem_1e2ox_208";
-const toolbarGroupOfGroups = "_toolbarGroupOfGroups_1e2ox_219";
-const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_1e2ox_224";
-const toolbarButton = "_toolbarButton_1e2ox_239";
-const activeToolbarButton = "_activeToolbarButton_1e2ox_275";
-const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_1e2ox_286";
-const selectContainer = "_selectContainer_1e2ox_288";
-const selectItem = "_selectItem_1e2ox_301";
-const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_1e2ox_307";
-const selectTrigger = "_selectTrigger_1e2ox_308";
-const selectDropdownArrow = "_selectDropdownArrow_1e2ox_374";
-const contentEditable = "_contentEditable_1e2ox_380";
-const codeMirrorWrapper = "_codeMirrorWrapper_1e2ox_392";
-const sandPackWrapper = "_sandPackWrapper_1e2ox_401";
-const codeMirrorToolbar = "_codeMirrorToolbar_1e2ox_409";
-const propertyPanelTitle = "_propertyPanelTitle_1e2ox_431";
-const propertyEditorTable = "_propertyEditorTable_1e2ox_439";
-const iconButton = "_iconButton_1e2ox_457";
-const readOnlyColumnCell = "_readOnlyColumnCell_1e2ox_462";
-const buttonsFooter = "_buttonsFooter_1e2ox_475";
-const propertyEditorInput = "_propertyEditorInput_1e2ox_481";
-const primaryButton = "_primaryButton_1e2ox_507";
-const secondaryButton = "_secondaryButton_1e2ox_508";
-const smallButton = "_smallButton_1e2ox_523";
-const dialogForm = "_dialogForm_1e2ox_535";
-const linkDialogEditForm = "_linkDialogEditForm_1e2ox_541";
-const linkDialogInputContainer = "_linkDialogInputContainer_1e2ox_549";
-const linkDialogInputWrapper = "_linkDialogInputWrapper_1e2ox_555";
-const linkDialogInput = "_linkDialogInput_1e2ox_549";
-const linkDialogAnchor = "_linkDialogAnchor_1e2ox_587";
-const linkDialogPopoverContent = "_linkDialogPopoverContent_1e2ox_601";
-const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_1e2ox_602";
-const dialogContent = "_dialogContent_1e2ox_603";
-const largeDialogContent = "_largeDialogContent_1e2ox_615";
-const dialogTitle = "_dialogTitle_1e2ox_625";
-const dialogCloseButton = "_dialogCloseButton_1e2ox_631";
-const popoverContent = "_popoverContent_1e2ox_638";
-const popoverArrow = "_popoverArrow_1e2ox_650";
-const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_1e2ox_654";
-const tooltipTrigger = "_tooltipTrigger_1e2ox_677";
-const tooltipContent = "_tooltipContent_1e2ox_681";
-const actionButton = "_actionButton_1e2ox_695";
-const primaryActionButton = "_primaryActionButton_1e2ox_702";
-const tableEditor = "_tableEditor_1e2ox_714";
-const toolCell = "_toolCell_1e2ox_725";
-const tableColumnEditorTrigger = "_tableColumnEditorTrigger_1e2ox_744";
-const addRowButton = "_addRowButton_1e2ox_746";
-const addColumnButton = "_addColumnButton_1e2ox_747";
-const tableColumnEditorToolbar = "_tableColumnEditorToolbar_1e2ox_789";
-const toggleGroupRoot = "_toggleGroupRoot_1e2ox_802";
-const tableToolsColumn = "_tableToolsColumn_1e2ox_820";
-const leftAlignedCell = "_leftAlignedCell_1e2ox_829";
-const rightAlignedCell = "_rightAlignedCell_1e2ox_833";
-const centeredCell = "_centeredCell_1e2ox_837";
-const dialogOverlay = "_dialogOverlay_1e2ox_870";
-const focusedImage = "_focusedImage_1e2ox_916";
-const imageWrapper = "_imageWrapper_1e2ox_920";
-const editImageToolbar = "_editImageToolbar_1e2ox_933";
-const editImageButton = "_editImageButton_1e2ox_937";
-const inlineEditor = "_inlineEditor_1e2ox_943";
-const blockEditor = "_blockEditor_1e2ox_952";
-const nestedEditor = "_nestedEditor_1e2ox_961";
-const genericComponentName = "_genericComponentName_1e2ox_980";
-const diffSourceToggleWrapper = "_diffSourceToggleWrapper_1e2ox_986";
-const ggDiffSourceToggle = "_ggDiffSourceToggle_1e2ox_994";
-const diffSourceToggle = "_diffSourceToggle_1e2ox_986";
-const selectWithLabel = "_selectWithLabel_1e2ox_1012";
-const toolbarTitleMode = "_toolbarTitleMode_1e2ox_1027";
-const imageControlWrapperResizing = "_imageControlWrapperResizing_1e2ox_1032";
-const imageResizer = "_imageResizer_1e2ox_1036";
-const imageResizerN = "_imageResizerN_1e2ox_1045";
-const imageResizerNe = "_imageResizerNe_1e2ox_1051";
-const imageResizerE = "_imageResizerE_1e2ox_1057";
-const imageResizerSe = "_imageResizerSe_1e2ox_1063";
-const imageResizerS = "_imageResizerS_1e2ox_1063";
-const imageResizerSw = "_imageResizerSw_1e2ox_1075";
-const imageResizerW = "_imageResizerW_1e2ox_1081";
-const imageResizerNw = "_imageResizerNw_1e2ox_1087";
-const imagePlaceholder = "_imagePlaceholder_1e2ox_1093";
-const imageDimensionsContainer = "_imageDimensionsContainer_1e2ox_1101";
-const placeholder = "_placeholder_1e2ox_1106";
-const rootContentEditableWrapper = "_rootContentEditableWrapper_1e2ox_1119";
-const downshiftInputWrapper = "_downshiftInputWrapper_1e2ox_1129";
-const downshiftInput = "_downshiftInput_1e2ox_1129";
-const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_1e2ox_1160";
-const textInput = "_textInput_1e2ox_1206";
-const multiFieldForm = "_multiFieldForm_1e2ox_1214";
-const formField = "_formField_1e2ox_1220";
-const markdownParseError = "_markdownParseError_1e2ox_1231";
-const popupContainer = "_popupContainer_1e2ox_1240";
-const inputSizer = "_inputSizer_1e2ox_1245";
+const editorRoot = "_editorRoot_f3hmk_53";
+const editorWrapper = "_editorWrapper_f3hmk_155";
+const toolbarRoot = "_toolbarRoot_f3hmk_162";
+const readOnlyToolbarRoot = "_readOnlyToolbarRoot_f3hmk_189";
+const toolbarToggleItem = "_toolbarToggleItem_f3hmk_208";
+const toolbarGroupOfGroups = "_toolbarGroupOfGroups_f3hmk_219";
+const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_f3hmk_224";
+const toolbarButton = "_toolbarButton_f3hmk_239";
+const activeToolbarButton = "_activeToolbarButton_f3hmk_275";
+const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_f3hmk_286";
+const selectContainer = "_selectContainer_f3hmk_288";
+const selectItem = "_selectItem_f3hmk_301";
+const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_f3hmk_307";
+const selectTrigger = "_selectTrigger_f3hmk_308";
+const selectDropdownArrow = "_selectDropdownArrow_f3hmk_373";
+const contentEditable = "_contentEditable_f3hmk_379";
+const codeMirrorWrapper = "_codeMirrorWrapper_f3hmk_391";
+const codeMirrorToolbar = "_codeMirrorToolbar_f3hmk_408";
+const propertyPanelTitle = "_propertyPanelTitle_f3hmk_430";
+const propertyEditorTable = "_propertyEditorTable_f3hmk_438";
+const iconButton = "_iconButton_f3hmk_456";
+const readOnlyColumnCell = "_readOnlyColumnCell_f3hmk_461";
+const buttonsFooter = "_buttonsFooter_f3hmk_474";
+const propertyEditorInput = "_propertyEditorInput_f3hmk_480";
+const primaryButton = "_primaryButton_f3hmk_506";
+const secondaryButton = "_secondaryButton_f3hmk_507";
+const smallButton = "_smallButton_f3hmk_522";
+const dialogForm = "_dialogForm_f3hmk_534";
+const linkDialogEditForm = "_linkDialogEditForm_f3hmk_540";
+const linkDialogInputContainer = "_linkDialogInputContainer_f3hmk_548";
+const linkDialogInputWrapper = "_linkDialogInputWrapper_f3hmk_554";
+const linkDialogInput = "_linkDialogInput_f3hmk_548";
+const linkDialogAnchor = "_linkDialogAnchor_f3hmk_586";
+const linkDialogPopoverContent = "_linkDialogPopoverContent_f3hmk_600";
+const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_f3hmk_601";
+const dialogContent = "_dialogContent_f3hmk_602";
+const largeDialogContent = "_largeDialogContent_f3hmk_614";
+const dialogTitle = "_dialogTitle_f3hmk_624";
+const dialogCloseButton = "_dialogCloseButton_f3hmk_630";
+const popoverContent = "_popoverContent_f3hmk_637";
+const popoverArrow = "_popoverArrow_f3hmk_649";
+const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_f3hmk_653";
+const tooltipTrigger = "_tooltipTrigger_f3hmk_676";
+const tooltipContent = "_tooltipContent_f3hmk_680";
+const actionButton = "_actionButton_f3hmk_694";
+const primaryActionButton = "_primaryActionButton_f3hmk_701";
+const tableEditor = "_tableEditor_f3hmk_713";
+const toolCell = "_toolCell_f3hmk_724";
+const tableColumnEditorTrigger = "_tableColumnEditorTrigger_f3hmk_743";
+const addRowButton = "_addRowButton_f3hmk_745";
+const addColumnButton = "_addColumnButton_f3hmk_746";
+const tableColumnEditorToolbar = "_tableColumnEditorToolbar_f3hmk_788";
+const toggleGroupRoot = "_toggleGroupRoot_f3hmk_801";
+const tableToolsColumn = "_tableToolsColumn_f3hmk_819";
+const leftAlignedCell = "_leftAlignedCell_f3hmk_828";
+const rightAlignedCell = "_rightAlignedCell_f3hmk_832";
+const centeredCell = "_centeredCell_f3hmk_836";
+const dialogOverlay = "_dialogOverlay_f3hmk_869";
+const focusedImage = "_focusedImage_f3hmk_915";
+const imageWrapper = "_imageWrapper_f3hmk_919";
+const editImageToolbar = "_editImageToolbar_f3hmk_932";
+const editImageButton = "_editImageButton_f3hmk_936";
+const inlineEditor = "_inlineEditor_f3hmk_942";
+const blockEditor = "_blockEditor_f3hmk_951";
+const nestedEditor = "_nestedEditor_f3hmk_960";
+const genericComponentName = "_genericComponentName_f3hmk_979";
+const diffSourceToggleWrapper = "_diffSourceToggleWrapper_f3hmk_985";
+const ggDiffSourceToggle = "_ggDiffSourceToggle_f3hmk_993";
+const diffSourceToggle = "_diffSourceToggle_f3hmk_985";
+const selectWithLabel = "_selectWithLabel_f3hmk_1011";
+const toolbarTitleMode = "_toolbarTitleMode_f3hmk_1026";
+const imageControlWrapperResizing = "_imageControlWrapperResizing_f3hmk_1031";
+const imageResizer = "_imageResizer_f3hmk_1035";
+const imageResizerN = "_imageResizerN_f3hmk_1044";
+const imageResizerNe = "_imageResizerNe_f3hmk_1050";
+const imageResizerE = "_imageResizerE_f3hmk_1056";
+const imageResizerSe = "_imageResizerSe_f3hmk_1062";
+const imageResizerS = "_imageResizerS_f3hmk_1062";
+const imageResizerSw = "_imageResizerSw_f3hmk_1074";
+const imageResizerW = "_imageResizerW_f3hmk_1080";
+const imageResizerNw = "_imageResizerNw_f3hmk_1086";
+const imagePlaceholder = "_imagePlaceholder_f3hmk_1092";
+const imageDimensionsContainer = "_imageDimensionsContainer_f3hmk_1100";
+const placeholder = "_placeholder_f3hmk_1105";
+const rootContentEditableWrapper = "_rootContentEditableWrapper_f3hmk_1118";
+const downshiftInputWrapper = "_downshiftInputWrapper_f3hmk_1128";
+const downshiftInput = "_downshiftInput_f3hmk_1128";
+const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_f3hmk_1159";
+const textInput = "_textInput_f3hmk_1205";
+const multiFieldForm = "_multiFieldForm_f3hmk_1213";
+const formField = "_formField_f3hmk_1219";
+const markdownParseError = "_markdownParseError_f3hmk_1230";
+const popupContainer = "_popupContainer_f3hmk_1239";
+const inputSizer = "_inputSizer_f3hmk_1244";
 const styles = {
   editorRoot,
   editorWrapper,
@@ -111,7 +110,6 @@ const styles = {
   selectDropdownArrow,
   contentEditable,
   codeMirrorWrapper,
-  sandPackWrapper,
   codeMirrorToolbar,
   propertyPanelTitle,
   propertyEditorTable,
@@ -261,7 +259,6 @@ export {
   readOnlyToolbarRoot,
   rightAlignedCell,
   rootContentEditableWrapper,
-  sandPackWrapper,
   secondaryButton,
   selectContainer,
   selectDropdownArrow,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.55.0",
+  "version": "4.0.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -44,7 +44,6 @@
     "@codemirror/merge": "^6.4.0",
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
-    "@codesandbox/sandpack-react": "^2.20.0",
     "@lexical/clipboard": "^0.35.0",
     "@lexical/link": "^0.35.0",
     "@lexical/list": "^0.35.0",

package/dist/plugins/sandpack/SandpackEditor.js

@@ -1,56 +0,0 @@
-import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, useSandpack } from "@codesandbox/sandpack-react";
-import { useCellValues } from "@mdxeditor/gurx";
-import React__default from "react";
-import styles from "../../styles/ui.module.css.js";
-import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
-import { readOnly$, iconComponentFor$, useTranslation } from "../core/index.js";
-import { useCodeMirrorRef } from "./useCodeMirrorRef.js";
-const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
-  const { sandpack } = useSandpack();
-  onChange(sandpack.files[snippetFileName].code);
-  return null;
-};
-const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
-  const codeMirrorRef = useCodeMirrorRef(nodeKey, "sandpack", "jsx", focusEmitter);
-  const [readOnly, iconComponentFor] = useCellValues(readOnly$, iconComponentFor$);
-  const { setCode } = useCodeBlockEditorContext();
-  const { parentEditor, lexicalNode } = useCodeBlockEditorContext();
-  const t = useTranslation();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.sandPackWrapper }, /* @__PURE__ */ React__default.createElement("div", { className: styles.codeMirrorToolbar }, /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: styles.iconButton,
-      type: "button",
-      disabled: readOnly,
-      title: t("codeblock.delete", "Delete code block"),
-      onClick: (e) => {
-        e.preventDefault();
-        parentEditor.update(() => {
-          lexicalNode.remove();
-        });
-      }
-    },
-    iconComponentFor("delete_small")
-  )), /* @__PURE__ */ React__default.createElement(
-    SandpackProvider,
-    {
-      template: preset.sandpackTemplate,
-      theme: preset.sandpackTheme,
-      files: {
-        [preset.snippetFileName]: code,
-        ...Object.entries(preset.files ?? {}).reduce(
-          (acc, [filePath, fileContents]) => ({ ...acc, ...{ [filePath]: { code: fileContents, readOnly: true } } }),
-          {}
-        )
-      },
-      customSetup: {
-        dependencies: preset.dependencies
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(SandpackLayout, null, /* @__PURE__ */ React__default.createElement(SandpackCodeEditor, { readOnly, showLineNumbers: true, showInlineErrors: true, ref: codeMirrorRef }), /* @__PURE__ */ React__default.createElement(SandpackPreview, null)),
-    /* @__PURE__ */ React__default.createElement(CodeUpdateEmitter, { onChange: setCode, snippetFileName: preset.snippetFileName })
-  ));
-};
-export {
-  SandpackEditor
-};

package/dist/plugins/sandpack/index.js

@@ -1,83 +0,0 @@
-import React__default from "react";
-import { insertCodeBlock$, appendCodeBlockEditorDescriptor$ } from "../codeblock/index.js";
-import { SandpackEditor } from "./SandpackEditor.js";
-import { Cell, Signal, withLatestFrom, map, useCellValue } from "@mdxeditor/gurx";
-import { realmPlugin } from "../../RealmWithPlugins.js";
-const defaultSnippetContent = `
-export default function App() {
-  return (
-    <div className="App">
-      <h1>Hello CodeSandbox</h1>
-      <h2>Start editing to see some magic happen!</h2>
-    </div>
-  );
-}
-`;
-const defaultSandpackConfig = {
-  defaultPreset: "react",
-  presets: [
-    {
-      name: "react",
-      meta: "live react",
-      label: "React",
-      sandpackTemplate: "react",
-      sandpackTheme: "light",
-      snippetFileName: "/App.js",
-      snippetLanguage: "jsx",
-      initialSnippetContent: defaultSnippetContent
-    }
-  ]
-};
-const sandpackConfig$ = Cell(defaultSandpackConfig);
-const insertSandpack$ = Signal((r) => {
-  r.link(
-    r.pipe(
-      insertSandpack$,
-      withLatestFrom(sandpackConfig$),
-      map(([presetName, sandpackConfig]) => {
-        const preset = presetName ? sandpackConfig.presets.find((preset2) => preset2.name === presetName) : sandpackConfig.presets.find((preset2) => preset2.name == sandpackConfig.defaultPreset);
-        if (!preset) {
-          throw new Error(`No sandpack preset found with name ${presetName}`);
-        }
-        return {
-          code: preset.initialSnippetContent ?? "",
-          language: preset.snippetLanguage ?? "jsx",
-          meta: preset.meta
-        };
-      })
-    ),
-    insertCodeBlock$
-  );
-});
-const sandpackPlugin = realmPlugin({
-  init(realm, params) {
-    realm.pubIn({
-      [sandpackConfig$]: params == null ? void 0 : params.sandpackConfig,
-      [appendCodeBlockEditorDescriptor$]: sandpackCodeBlockDescriptor()
-    });
-  },
-  update(realm, params) {
-    realm.pub(sandpackConfig$, params == null ? void 0 : params.sandpackConfig);
-  }
-});
-function sandpackCodeBlockDescriptor() {
-  return {
-    match(_language, meta) {
-      return Boolean(meta == null ? void 0 : meta.startsWith("live"));
-    },
-    Editor(props) {
-      const config = useCellValue(sandpackConfig$);
-      const preset = config.presets.find((preset2) => preset2.meta === props.meta);
-      if (!preset) {
-        throw new Error(`No sandpack preset found with ${props.meta}`);
-      }
-      return /* @__PURE__ */ React__default.createElement(SandpackEditor, { ...props, preset });
-    },
-    priority: 1
-  };
-}
-export {
-  insertSandpack$,
-  sandpackConfig$,
-  sandpackPlugin
-};

package/dist/plugins/toolbar/components/InsertSandpack.js

@@ -1,15 +0,0 @@
-import React__default from "react";
-import { ButtonOrDropdownButton } from "../primitives/toolbar.js";
-import { sandpackConfig$, insertSandpack$ } from "../../sandpack/index.js";
-import { useCellValues, usePublisher } from "@mdxeditor/gurx";
-import { iconComponentFor$, useTranslation } from "../../core/index.js";
-const InsertSandpack = () => {
-  const [sandpackConfig, iconComponentFor] = useCellValues(sandpackConfig$, iconComponentFor$);
-  const insertSandpack = usePublisher(insertSandpack$);
-  const items = React__default.useMemo(() => sandpackConfig.presets.map((preset) => ({ value: preset.name, label: preset.label })), [sandpackConfig]);
-  const t = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(ButtonOrDropdownButton, { title: t("toolbar.insertSandpack", "Insert Sandpack"), onChoose: insertSandpack, items }, iconComponentFor("sandpack"));
-};
-export {
-  InsertSandpack
-};

package/dist/plugins/toolbar/components/ShowSandpackInfo.js

@@ -1,41 +0,0 @@
-import React__default from "react";
-import styles from "../../../styles/ui.module.css.js";
-import { $isCodeBlockNode } from "../../codeblock/CodeBlockNode.js";
-import { editorInFocus$, activeEditor$, iconComponentFor$, useTranslation } from "../../core/index.js";
-import { sandpackConfig$ } from "../../sandpack/index.js";
-import { ButtonWithTooltip } from "../primitives/toolbar.js";
-import { useCellValues } from "@mdxeditor/gurx";
-const ShowSandpackInfo = () => {
-  const [editorInFocus, theEditor, iconComponentFor, sandpackConfig] = useCellValues(
-    editorInFocus$,
-    activeEditor$,
-    iconComponentFor$,
-    sandpackConfig$
-  );
-  const t = useTranslation();
-  const sandpackNode = $isCodeBlockNode(editorInFocus.rootNode) ? editorInFocus.rootNode : null;
-  if (!sandpackNode) {
-    return null;
-  }
-  const preset = sandpackConfig.presets.find((preset2) => preset2.meta === sandpackNode.getMeta());
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.selectWithLabel }, /* @__PURE__ */ React__default.createElement(
-    ButtonWithTooltip,
-    {
-      title: t("toolbar.deleteSandpack", "Delete this code block"),
-      onClick: () => {
-        theEditor == null ? void 0 : theEditor.update(() => {
-          if (sandpackNode.getNextSibling()) {
-            sandpackNode.selectNext();
-          } else {
-            sandpackNode.selectPrevious();
-          }
-          sandpackNode.remove();
-        });
-      }
-    },
-    iconComponentFor("delete_big")
-  ), /* @__PURE__ */ React__default.createElement("label", null, "Sandpack preset: ", preset.name));
-};
-export {
-  ShowSandpackInfo
-};