tinacms 0.0.0-c8b1d84-20241003015733 → 0.0.0-cd50b85-20250226055430

package/dist/index.mjs

@@ -6,32 +6,38 @@ var __publicField = (obj, key, value) => {
 };
 import { z } from "zod";
 import * as React from "react";
-import React__default, { useState, useCallback, createContext, forwardRef, useContext, useEffect, useMemo, startTransition, useRef, createElement, Component } from "react";
-import { createPortal, findDOMNode } from "react-dom";
-import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createBoldPlugin, createItalicPlugin, createUnderlinePlugin, createCodePlugin, createListPlugin, createIndentPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
-import { useSelected, ReactEditor } from "slate-react";
+import React__default, { useState, useCallback, useEffect, useRef, createContext, forwardRef, useContext, useMemo, startTransition } from "react";
+import { createPortal } from "react-dom";
+import { withRef, cn as cn$1, withVariants, withProps, withCn, createPrimitiveElement } from "@udecode/cn";
+import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, ELEMENT_TABLE, ELEMENT_TR, ELEMENT_TD, ELEMENT_TH, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createBasicMarksPlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createUnderlinePlugin, createListPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, createTablePlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
+import { PlateElement, isCollapsed, findNodePath, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, getPointBefore, setNodes, isElement, PlateLeaf, createPluginFactory, useComposedRef, useEditorRef, createPointRef, insertText, moveSelection, toggleNodeType, useElement, useRemoveNodeButton, useEditorSelector, isSelectionExpanded, withHOC, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, getNodeEntries, useEditorState, collapseSelection, useMarkToolbarButtonState, useMarkToolbarButton, insertEmptyElement, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
 import { ELEMENT_SLASH_INPUT, createSlashPlugin } from "@udecode/plate-slash-command";
-import { cn as cn$1, withRef, withVariants, withProps, withCn, createPrimitiveElement } from "@udecode/cn";
-import { useComposedRef, useEditorRef, findNodePath, getPointBefore, createPointRef, insertText, moveSelection, PlateElement, toggleNodeType, PlateLeaf, isCollapsed, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, setNodes, isElement, createPluginFactory, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, useMarkToolbarButtonState, useMarkToolbarButton, useEditorState, useEditorSelector, getNodeEntries, collapseSelection, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
-import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4 as ELEMENT_H4$1, ELEMENT_H5 as ELEMENT_H5$1, ELEMENT_H6 as ELEMENT_H6$1 } from "@udecode/plate-heading";
+import { useSelected, useReadOnly, ReactEditor } from "slate-react";
+import { useCodeBlockElementState, useCodeSyntaxLeaf, ELEMENT_CODE_BLOCK as ELEMENT_CODE_BLOCK$1 } from "@udecode/plate-code-block";
+import MonacoEditor, { loader, useMonaco } from "@monaco-editor/react";
+import { Combobox as Combobox$1, ComboboxInput, ComboboxButton, Transition, ComboboxOptions, ComboboxOption, Popover as Popover$3, PopoverButton, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/react";
 import { cva } from "class-variance-authority";
-import { Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, ChevronDown, PaintBucket, Quote, Check, ChevronRight, ChevronsUpDown, X, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Search, Settings, Strikethrough, Subscript, Superscript, Table, Text, Underline, Link2Off, Eye, Moon, SunMedium, Twitter } from "lucide-react";
-import { useComboboxContext, Combobox, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
+import { Eye, SquarePen, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, ChevronDown, PaintBucket, Quote, Check, ChevronRight, ChevronsUpDown, X, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Search, Settings, Strikethrough, Subscript, Superscript, Table, Text, Underline, Link2Off, Moon, SunMedium, Twitter } from "lucide-react";
+import mermaid from "mermaid";
+import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4 as ELEMENT_H4$1, ELEMENT_H5 as ELEMENT_H5$1, ELEMENT_H6 as ELEMENT_H6$1 } from "@udecode/plate-heading";
+import { useComboboxContext, Combobox as Combobox$2, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
 import { useHTMLInputCursorState, useComboboxInput, filterWords } from "@udecode/plate-combobox";
-import { useCodeSyntaxLeaf, useCodeBlockElementState, ELEMENT_CODE_BLOCK as ELEMENT_CODE_BLOCK$1 } from "@udecode/plate-code-block";
-import MonacoEditor, { loader, useMonaco } from "@monaco-editor/react";
-import { Combobox as Combobox$1, ComboboxInput, ComboboxButton, Transition, ComboboxOptions, ComboboxOption, Popover as Popover$2, PopoverButton, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/react";
+import { useTableCellElementState, useTableCellElement, useTableCellElementResizableState, useTableCellElementResizable, useTableBordersDropdownMenuContentState, useTableMergeState, TableProvider, useTableElementState, useTableElement, mergeTableCells, unmergeTableCells, ELEMENT_TABLE as ELEMENT_TABLE$1, getTableColumnCount, insertTable, deleteTable, insertTableColumn, deleteColumn, insertTableRow, deleteRow } from "@udecode/plate-table";
+import { ResizeHandle as ResizeHandle$1 } from "@udecode/plate-resizable";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { PopoverAnchor } from "@radix-ui/react-popover";
+import { Slot } from "@radix-ui/react-slot";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import arrayMutators from "final-form-arrays";
 import setFieldData from "final-form-set-field-data";
 import { FORM_ERROR, createForm, getIn } from "final-form";
 import { Field, Form as Form$1 } from "react-final-form";
 import PropTypes from "prop-types";
 import { Droppable, Draggable, DragDropContext } from "react-beautiful-dnd";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as pkg$1 from "react-color";
 import * as pkg from "color-string";
 import * as dropzone from "react-dropzone";
-import { Slot } from "@radix-ui/react-slot";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Command as Command$1 } from "cmdk";
@@ -42,10 +48,8 @@ import moment from "moment";
 import { formatDistanceToNow } from "date-fns";
 import { useLinkToolbarButtonState, useLinkToolbarButton, useFloatingLinkInsertState, useFloatingLinkInsert, useFloatingLinkEditState, useFloatingLinkEdit, FloatingLinkUrlInput, LinkOpenButton, createLinkPlugin } from "@udecode/plate-link";
 import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { ELEMENT_PARAGRAPH as ELEMENT_PARAGRAPH$1 } from "@udecode/plate-paragraph";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { ELEMENT_BLOCKQUOTE as ELEMENT_BLOCKQUOTE$1 } from "@udecode/plate-block-quote";
 import { useFloatingToolbarState, offset, flip, useFloatingToolbar } from "@udecode/plate-floating";
 import { useWindowWidth } from "@react-hook/window-size";
@@ -797,6 +801,22 @@ function wrapFieldsWithMeta(Field2) {
     );
   };
 }
+function wrapFieldWithNoHeader(Field2) {
+  return (props) => {
+    return /* @__PURE__ */ React.createElement(
+      FieldMeta,
+      {
+        name: props.input.name,
+        label: false,
+        description: "",
+        error: props.meta.error,
+        index: props.index,
+        tinaForm: props.tinaForm
+      },
+      /* @__PURE__ */ React.createElement(Field2, { ...props })
+    );
+  };
+}
 function wrapFieldWithError(Field2) {
   return (props) => {
     return /* @__PURE__ */ React.createElement(
@@ -869,6 +889,16 @@ const FieldDescription = ({
   className,
   ...props
 }) => {
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
+        ...props,
+        dangerouslySetInnerHTML: { __html: children }
+      }
+    );
+  }
   return /* @__PURE__ */ React.createElement(
     "span",
     {
@@ -905,6 +935,20 @@ const useEditorContext = () => {
 const useTemplates = () => {
   return React__default.useContext(EditorContext);
 };
+const BlockquoteElement = withRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ React__default.createElement(
+      PlateElement,
+      {
+        asChild: true,
+        className: cn$1("my-1 border-l-2 pl-6 italic", className),
+        ref,
+        ...props
+      },
+      /* @__PURE__ */ React__default.createElement("blockquote", null, children)
+    );
+  }
+);
 function classNames$1(...classes) {
   return classes.filter(Boolean).join(" ");
 }
@@ -914,6 +958,503 @@ const uuid = () => {
     (c) => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
   );
 };
+function ChevronDownIcon(props, svgRef) {
+  return /* @__PURE__ */ React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ref: svgRef
+  }, props), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+const ForwardRef = React.forwardRef(ChevronDownIcon);
+const ChevronDownIcon$1 = ForwardRef;
+const Autocomplete = ({
+  value,
+  onChange,
+  defaultQuery,
+  items: items2
+}) => {
+  const [query, setQuery] = React__default.useState(defaultQuery ?? "");
+  const filteredItems = React__default.useMemo(() => {
+    try {
+      const reFilter = new RegExp(query, "i");
+      const _items = items2.filter((item) => reFilter.test(item.label));
+      if (_items.length === 0)
+        return items2;
+      return _items;
+    } catch (err) {
+      return items2;
+    }
+  }, [items2, query]);
+  return /* @__PURE__ */ React__default.createElement(
+    Combobox$1,
+    {
+      value,
+      onChange,
+      as: "div",
+      className: "relative inline-block text-left z-20"
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: "mt-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left shadow-md sm:text-sm" }, /* @__PURE__ */ React__default.createElement(
+      ComboboxInput,
+      {
+        className: "w-full border-none py-2 pl-3 pr-10 text-sm leading-5 text-gray-900 focus:ring-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300",
+        displayValue: (item) => (item == null ? void 0 : item.label) ?? "Plain Text",
+        onChange: (event) => setQuery(event.target.value),
+        onClick: (ev) => ev.stopPropagation()
+      }
+    ), /* @__PURE__ */ React__default.createElement(ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React__default.createElement(
+      ChevronDownIcon$1,
+      {
+        className: "h-5 w-5 text-gray-400",
+        "aria-hidden": "true"
+      }
+    )))),
+    /* @__PURE__ */ React__default.createElement(
+      Transition,
+      {
+        enter: "transition ease-out duration-100",
+        enterFrom: "transform opacity-0 scale-95",
+        enterTo: "transform opacity-100 scale-100",
+        leave: "transition ease-in duration-75",
+        leaveFrom: "transform opacity-100 scale-100",
+        leaveTo: "transform opacity-0 scale-95"
+      },
+      /* @__PURE__ */ React__default.createElement(ComboboxOptions, { className: "origin-top-right absolute right-0 mt-1 w-full max-h-[300px] overflow-y-auto rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, filteredItems.map((item) => /* @__PURE__ */ React__default.createElement(ComboboxOption, { key: item.key, value: item }, ({ focus }) => /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          className: classNames$1(
+            focus ? "bg-gray-100 text-gray-900" : "text-gray-700",
+            "block px-4 py-2 text-xs w-full text-right"
+          )
+        },
+        item.render(item)
+      ))))
+    )
+  );
+};
+loader.config({
+  paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.31.1/min/vs" }
+});
+let retryCount = 0;
+const retryFocus = (ref) => {
+  if (ref.current) {
+    ref.current.focus();
+  } else {
+    if (retryCount < 30) {
+      setTimeout(() => {
+        retryCount = retryCount + 1;
+        retryFocus(ref);
+      }, 100);
+    }
+  }
+};
+const MINIMUM_HEIGHT = 75;
+const CodeBlock = ({
+  attributes,
+  editor,
+  element,
+  language: restrictLanguage,
+  onChangeCallback,
+  defaultValue,
+  ...props
+}) => {
+  const [navigateAway, setNavigateAway] = React__default.useState(null);
+  const monaco = useMonaco();
+  const monacoEditorRef = React__default.useRef(null);
+  const selected = useSelected();
+  const [height, setHeight] = React__default.useState(MINIMUM_HEIGHT);
+  React__default.useEffect(() => {
+    if (selected && isCollapsed(editor.selection)) {
+      retryFocus(monacoEditorRef);
+    }
+  }, [selected, monacoEditorRef.current]);
+  const value = element.value || "";
+  if (typeof value !== "string") {
+    throw new Error("Element must be of type string for code block");
+  }
+  const language = restrictLanguage || element.lang;
+  const id = React__default.useMemo(() => uuid(), []);
+  const languages = React__default.useMemo(() => {
+    const defaultLangSet = { "": "plain text" };
+    if (!monaco)
+      return defaultLangSet;
+    return monaco.languages.getLanguages().reduce((ac, cv) => {
+      if (cv.id === "plaintext")
+        return ac;
+      return { ...ac, [cv.id]: cv.id };
+    }, defaultLangSet);
+  }, [monaco]);
+  React__default.useEffect(() => {
+    if (monaco) {
+      monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+        // disable errors
+        noSemanticValidation: true,
+        noSyntaxValidation: true
+      });
+    }
+  }, [monaco]);
+  const items2 = Object.entries(languages).map(([key, label]) => ({
+    key,
+    label,
+    render: (item) => item.label
+  }));
+  const currentItem = React__default.useMemo(() => {
+    return items2.find((item) => item.key === language) ?? {
+      key: "",
+      label: "Plain Text"
+    };
+  }, [items2, language]);
+  React__default.useEffect(() => {
+    if (navigateAway) {
+      setNavigateAway(null);
+      switch (navigateAway) {
+        case "remove":
+          {
+            focusEditor(editor);
+            setNodes(
+              editor,
+              {
+                type: "p",
+                children: [{ text: "" }],
+                lang: void 0,
+                value: void 0
+              },
+              {
+                match: (n) => {
+                  if (isElement(n) && n.type === element.type) {
+                    return true;
+                  }
+                }
+              }
+            );
+          }
+          break;
+        case "insertNext":
+          {
+            insertNodes(
+              editor,
+              [
+                {
+                  type: ELEMENT_DEFAULT,
+                  children: [{ text: "" }],
+                  lang: void 0,
+                  value: void 0
+                }
+              ],
+              { select: true }
+            );
+            focusEditor(editor);
+          }
+          break;
+        case "up":
+          {
+            const path = findNodePath(editor, element);
+            if (!path) {
+              return;
+            }
+            const previousNodePath = getPointBefore(editor, path);
+            if (!previousNodePath) {
+              focusEditor(editor);
+              insertNodes(
+                editor,
+                [
+                  {
+                    type: ELEMENT_DEFAULT,
+                    children: [{ text: "" }],
+                    lang: void 0,
+                    value: void 0
+                  }
+                ],
+                // Insert a new node at the current path, resulting in the code_block
+                // moving down one block
+                { at: path, select: true }
+              );
+              return;
+            }
+            focusEditor(editor, previousNodePath);
+          }
+          break;
+        case "down": {
+          const path = findNodePath(editor, element);
+          if (!path) {
+            return;
+          }
+          const nextNodePath = getPointAfter(editor, path);
+          if (!nextNodePath) {
+            insertNodes(
+              editor,
+              [
+                {
+                  type: ELEMENT_DEFAULT,
+                  children: [{ text: "" }],
+                  lang: void 0,
+                  value: void 0
+                }
+              ],
+              { select: true }
+            );
+            focusEditor(editor);
+          } else {
+            focusEditor(editor, nextNodePath);
+          }
+          break;
+        }
+      }
+    }
+  }, [navigateAway]);
+  function handleEditorDidMount(monacoEditor, monaco2) {
+    monacoEditorRef.current = monacoEditor;
+    monacoEditor.onDidContentSizeChange(() => {
+      setHeight(
+        monacoEditor.getContentHeight() > MINIMUM_HEIGHT ? monacoEditor.getContentHeight() : MINIMUM_HEIGHT
+      );
+      monacoEditor.layout();
+    });
+    setNodes(editor, { value: defaultValue, lang: language });
+    monacoEditor.addCommand(monaco2.KeyMod.Shift | monaco2.KeyCode.Enter, () => {
+      if (monacoEditor.hasTextFocus()) {
+        setNavigateAway("insertNext");
+      }
+    });
+    monacoEditor.onKeyDown((l) => {
+      if (l.code === "ArrowUp") {
+        const selection = monacoEditor.getSelection();
+        if (selection.endLineNumber === 1 && selection.startLineNumber === 1) {
+          setNavigateAway("up");
+        }
+      }
+      if (l.code === "ArrowDown") {
+        const selection = monacoEditor.getSelection();
+        const totalLines = monacoEditor.getModel().getLineCount();
+        if (selection.endLineNumber === totalLines && selection.startLineNumber === totalLines) {
+          setNavigateAway("down");
+        }
+      }
+      if (l.code === "Backspace") {
+        const selection = monacoEditor.getSelection();
+        if (selection.endColumn === 1 && selection.endLineNumber === 1 && selection.positionColumn === 1 && selection.positionLineNumber === 1 && selection.selectionStartColumn === 1 && selection.selectionStartLineNumber === 1 && selection.startColumn === 1 && selection.startLineNumber === 1) {
+          setNavigateAway("remove");
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      ...attributes,
+      className: "relative mb-2 mt-0.5 rounded-lg shadow-md p-2 border-gray-200 border"
+    },
+    /* @__PURE__ */ React__default.createElement("style", null, `.monaco-editor .editor-widget {
+          display: none !important;
+          visibility: hidden !important;
+        }`),
+    props.children,
+    /* @__PURE__ */ React__default.createElement("div", { contentEditable: false }, !restrictLanguage && /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between pb-2" }, /* @__PURE__ */ React__default.createElement("div", null), /* @__PURE__ */ React__default.createElement(
+      Autocomplete,
+      {
+        items: items2,
+        value: currentItem,
+        defaultQuery: "plaintext",
+        onChange: (item) => setNodes(editor, { lang: item.key })
+      }
+    )), /* @__PURE__ */ React__default.createElement("div", { style: { height: `${height}px` } }, /* @__PURE__ */ React__default.createElement(
+      MonacoEditor,
+      {
+        path: id,
+        onMount: handleEditorDidMount,
+        options: {
+          scrollBeyondLastLine: false,
+          // automaticLayout: true,
+          tabSize: 2,
+          disableLayerHinting: true,
+          accessibilitySupport: "off",
+          codeLens: false,
+          wordWrap: "on",
+          minimap: {
+            enabled: false
+          },
+          fontSize: 14,
+          lineHeight: 2,
+          formatOnPaste: true,
+          lineNumbers: "off",
+          formatOnType: true,
+          fixedOverflowWidgets: true,
+          // Takes too much horizontal space for iframe
+          folding: false,
+          renderLineHighlight: "none",
+          scrollbar: {
+            verticalScrollbarSize: 1,
+            horizontalScrollbarSize: 1,
+            // https://github.com/microsoft/monaco-editor/issues/2007#issuecomment-644425664
+            alwaysConsumeMouseWheel: false
+          }
+        },
+        language: String(language),
+        value: String(element.value),
+        onChange: (value2) => {
+          onChangeCallback == null ? void 0 : onChangeCallback(value2);
+          setNodes(editor, { value: value2, lang: language });
+        }
+      }
+    )))
+  );
+};
+const CodeBlockElement = withRef(
+  ({ className, ...props }, ref) => {
+    const { element } = props;
+    const state = useCodeBlockElementState({ element });
+    return /* @__PURE__ */ React__default.createElement(
+      PlateElement,
+      {
+        className: cn$1("relative py-1", state.className, className),
+        ref,
+        ...props
+      },
+      /* @__PURE__ */ React__default.createElement(CodeBlock, { ...props })
+    );
+  }
+);
+const CodeLeaf = withRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ React__default.createElement(
+      PlateLeaf,
+      {
+        asChild: true,
+        className: cn$1(
+          "whitespace-pre-wrap rounded-md bg-muted px-[0.3em] py-[0.2em] font-mono text-sm",
+          className
+        ),
+        ref,
+        ...props
+      },
+      /* @__PURE__ */ React__default.createElement("code", null, children)
+    );
+  }
+);
+const CodeLineElement = withRef((props, ref) => /* @__PURE__ */ React__default.createElement(PlateElement, { ref, ...props }));
+const CodeSyntaxLeaf = withRef(
+  ({ children, ...props }, ref) => {
+    const { leaf } = props;
+    const { tokenProps } = useCodeSyntaxLeaf({ leaf });
+    return /* @__PURE__ */ React__default.createElement(PlateLeaf, { ref, ...props }, /* @__PURE__ */ React__default.createElement("span", { ...tokenProps }, children));
+  }
+);
+const listVariants = cva("m-0 ps-6", {
+  variants: {
+    variant: {
+      ol: "list-decimal",
+      ul: "list-disc [&_ul]:list-[circle] [&_ul_ul]:list-[square]"
+    }
+  }
+});
+const ListElementVariants = withVariants(PlateElement, listVariants, [
+  "variant"
+]);
+const ListElement = withRef(
+  ({ children, variant = "ul", ...props }, ref) => {
+    const Component = variant;
+    return /* @__PURE__ */ React__default.createElement(ListElementVariants, { asChild: true, ref, variant, ...props }, /* @__PURE__ */ React__default.createElement(Component, null, children));
+  }
+);
+const ELEMENT_MERMAID = "mermaid";
+const createMermaidPlugin = createPluginFactory({
+  isElement: true,
+  isVoid: true,
+  isInline: false,
+  key: ELEMENT_MERMAID
+});
+const MermaidElementWithRef = ({ config }) => {
+  const mermaidRef = useRef(null);
+  useEffect(() => {
+    if (mermaidRef.current) {
+      mermaid.initialize({ startOnLoad: true });
+      mermaid.init();
+    }
+  }, [config]);
+  return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "border-border border-b" }, /* @__PURE__ */ React__default.createElement("div", { ref: mermaidRef }, /* @__PURE__ */ React__default.createElement("pre", { className: "mermaid not-tina-prose" }, config)));
+};
+const Bubble = ({ children }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "bg-blue-600 rounded-full p-2 transition-transform duration-200 ease-in-out hover:scale-110" }, children);
+};
+const ErrorMsg = ({ error }) => {
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        contentEditable: false,
+        className: "font-mono bg-red-600 text-white p-2 rounded-md cursor-default"
+      },
+      error
+    );
+  }
+  return null;
+};
+const DEFAULT_MERMAID_CONFIG = `%% This won't render without implementing a rendering engine (e.g. mermaid on npm)
+flowchart TD
+    id1(this is an example flow diagram) 
+    --> id2(modify me to see changes!)
+    id2 
+    --> id3(Click the top button to preview the changes)
+    --> id4(Learn about mermaid diagrams - mermaid.js.org)`;
+const MermaidElement = withRef(
+  ({ children, nodeProps, element, ...props }, ref) => {
+    const [mermaidConfig, setMermaidConfig] = useState(
+      element.value || DEFAULT_MERMAID_CONFIG
+    );
+    const [isEditing, setIsEditing] = useState(
+      mermaidConfig === DEFAULT_MERMAID_CONFIG || false
+    );
+    const [mermaidError, setMermaidError] = useState(null);
+    const node = {
+      type: ELEMENT_MERMAID,
+      value: mermaidConfig,
+      children: [{ type: "text", text: "" }]
+    };
+    useEffect(() => {
+      if (mermaid.parse(mermaidConfig)) {
+        setMermaidError(null);
+      }
+    }, [mermaidConfig]);
+    mermaid.parseError = (err) => {
+      setMermaidError(
+        String(err.message) || "An error occurred while parsing the diagram."
+      );
+    };
+    return /* @__PURE__ */ React__default.createElement(PlateElement, { element, ref, ...props }, /* @__PURE__ */ React__default.createElement("div", { className: "relative group" }, /* @__PURE__ */ React__default.createElement("div", { className: "absolute top-2 right-2 z-10 space-y-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 ease-in-out" }, /* @__PURE__ */ React__default.createElement(Bubble, null, isEditing ? /* @__PURE__ */ React__default.createElement(
+      Eye,
+      {
+        className: "w-5 h-5 fill-white cursor-pointer",
+        onClick: () => {
+          setIsEditing(!isEditing);
+        }
+      }
+    ) : /* @__PURE__ */ React__default.createElement(
+      SquarePen,
+      {
+        className: "w-5 h-5 fill-white cursor-pointer",
+        onClick: () => {
+          setIsEditing(!isEditing);
+        }
+      }
+    ))), isEditing ? /* @__PURE__ */ React__default.createElement(
+      CodeBlock,
+      {
+        children: "",
+        language: "yaml",
+        ...props,
+        element: node,
+        defaultValue: mermaidConfig,
+        onChangeCallback: (value) => setMermaidConfig(value)
+      }
+    ) : /* @__PURE__ */ React__default.createElement(MermaidElementWithRef, { config: mermaidConfig })), children, /* @__PURE__ */ React__default.createElement(ErrorMsg, { error: mermaidError }));
+  }
+);
 const RawMarkdown = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
@@ -932,6 +1473,29 @@ const RawMarkdown = () => {
     /* @__PURE__ */ React__default.createElement("path", { d: "M22.27 19.385H1.73A1.73 1.73 0 010 17.655V6.345a1.73 1.73 0 011.73-1.73h20.54A1.73 1.73 0 0124 6.345v11.308a1.73 1.73 0 01-1.73 1.731zM5.769 15.923v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.46v7.847zM21.232 12h-2.309V8.077h-2.307V12h-2.308l3.461 4.039z" })
   );
 };
+const MermaidIcon = () => /* @__PURE__ */ React__default.createElement(
+  "svg",
+  {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 491 491",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    strokeLinejoin: "round",
+    strokeMiterlimit: 2
+  },
+  /* @__PURE__ */ React__default.createElement("path", { d: "M490.16,84.61C490.16,37.912 452.248,0 405.55,0L84.61,0C37.912,0 0,37.912 0,84.61L0,405.55C0,452.248 37.912,490.16 84.61,490.16L405.55,490.16C452.248,490.16 490.16,452.248 490.16,405.55L490.16,84.61Z" }),
+  /* @__PURE__ */ React__default.createElement(
+    "path",
+    {
+      d: "M407.48,111.18C335.587,108.103 269.573,152.338 245.08,220C220.587,152.338 154.573,108.103 82.68,111.18C80.285,168.229 107.577,222.632 154.74,254.82C178.908,271.419 193.35,298.951 193.27,328.27L193.27,379.13L296.9,379.13L296.9,328.27C296.816,298.953 311.255,271.42 335.42,254.82C382.596,222.644 409.892,168.233 407.48,111.18Z",
+      fill: "white",
+      fillRule: "nonzero"
+    }
+  )
+);
 const borderAll = (props) => /* @__PURE__ */ React__default.createElement(
   "svg",
   {
@@ -1016,7 +1580,7 @@ const borderTop = (props) => /* @__PURE__ */ React__default.createElement(
   },
   /* @__PURE__ */ React__default.createElement("path", { d: "M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" })
 );
-cva("", {
+const iconVariants = cva("", {
   variants: {
     variant: {
       toolbar: "size-5",
@@ -1172,6 +1736,7 @@ const Icons = {
   clear: X,
   close: X,
   // code: Code2,
+  paint: PaintBucket,
   codeblock: FileCode,
   color: Baseline,
   column: RectangleVertical,
@@ -1197,6 +1762,7 @@ const Icons = {
   lineHeight: WrapText,
   // link: Link2,
   minus: Minus,
+  mermaid: MermaidIcon,
   more: MoreHorizontal,
   // ol: ListOrdered,
   outdent: Outdent,
@@ -1607,7 +2173,7 @@ const InlineComboboxInput = forwardRef(({ className, ...props }, propRef) => {
     },
     value || "​"
   ), /* @__PURE__ */ React__default.createElement(
-    Combobox,
+    Combobox$2,
     {
       autoSelect: true,
       className: cn$1(
@@ -1767,417 +2333,482 @@ const SlashInputElement = withRef(
     );
   }
 );
-const listVariants = cva("m-0 ps-6", {
-  variants: {
-    variant: {
-      ol: "list-decimal",
-      ul: "list-disc [&_ul]:list-[circle] [&_ul_ul]:list-[square]"
-    }
-  }
-});
-const ListElementVariants = withVariants(PlateElement, listVariants, [
-  "variant"
-]);
-const ListElement = withRef(
-  ({ children, variant = "ul", ...props }, ref) => {
-    const Component2 = variant;
-    return /* @__PURE__ */ React__default.createElement(ListElementVariants, { asChild: true, ref, variant, ...props }, /* @__PURE__ */ React__default.createElement(Component2, null, children));
-  }
-);
-const BlockquoteElement = withRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
-      PlateElement,
-      {
-        asChild: true,
-        className: cn$1("my-1 border-l-2 pl-6 italic", className),
-        ref,
-        ...props
-      },
-      /* @__PURE__ */ React__default.createElement("blockquote", null, children)
-    );
-  }
-);
-const CodeLeaf = withRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
-      PlateLeaf,
-      {
-        asChild: true,
-        className: cn$1(
-          "whitespace-pre-wrap rounded-md bg-muted px-[0.3em] py-[0.2em] font-mono text-sm",
-          className
-        ),
-        ref,
-        ...props
-      },
-      /* @__PURE__ */ React__default.createElement("code", null, children)
-    );
-  }
-);
-const CodeLineElement = withRef((props, ref) => /* @__PURE__ */ React__default.createElement(PlateElement, { ref, ...props }));
-const CodeSyntaxLeaf = withRef(
-  ({ children, ...props }, ref) => {
-    const { leaf } = props;
-    const { tokenProps } = useCodeSyntaxLeaf({ leaf });
-    return /* @__PURE__ */ React__default.createElement(PlateLeaf, { ref, ...props }, /* @__PURE__ */ React__default.createElement("span", { ...tokenProps }, children));
-  }
-);
-function ChevronDownIcon(props, svgRef) {
-  return /* @__PURE__ */ React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    ref: svgRef
-  }, props), /* @__PURE__ */ React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-    clipRule: "evenodd"
-  }));
-}
-const ForwardRef = React.forwardRef(ChevronDownIcon);
-const ChevronDownIcon$1 = ForwardRef;
-const Autocomplete = ({
-  value,
-  onChange,
-  defaultQuery,
-  items: items2
-}) => {
-  const [query, setQuery] = React__default.useState(defaultQuery ?? "");
-  const filteredItems = React__default.useMemo(() => {
-    try {
-      const reFilter = new RegExp(query, "i");
-      const _items = items2.filter((item) => reFilter.test(item.label));
-      if (_items.length === 0)
-        return items2;
-      return _items;
-    } catch (err) {
-      return items2;
-    }
-  }, [items2, query]);
+const TableCellElement = withRef(({ children, className, hideBorder, isHeader, style, ...props }, ref) => {
+  var _a, _b, _c, _d;
+  const { element } = props;
+  const {
+    borders,
+    colIndex,
+    colSpan,
+    hovered,
+    hoveredLeft,
+    isSelectingCell,
+    readOnly,
+    rowIndex,
+    rowSize,
+    selected
+  } = useTableCellElementState();
+  const { props: cellProps } = useTableCellElement({ element: props.element });
+  const resizableState = useTableCellElementResizableState({
+    colIndex,
+    colSpan,
+    rowIndex
+  });
+  const { bottomProps, hiddenLeft, leftProps, rightProps } = useTableCellElementResizable(resizableState);
+  const Cell = isHeader ? "th" : "td";
   return /* @__PURE__ */ React__default.createElement(
-    Combobox$1,
+    PlateElement,
     {
-      value,
-      onChange,
-      as: "div",
-      className: "relative inline-block text-left z-20"
-    },
-    /* @__PURE__ */ React__default.createElement("div", { className: "mt-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left shadow-md sm:text-sm" }, /* @__PURE__ */ React__default.createElement(
-      ComboboxInput,
-      {
-        className: "w-full border-none py-2 pl-3 pr-10 text-sm leading-5 text-gray-900 focus:ring-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300",
-        displayValue: (item) => (item == null ? void 0 : item.label) ?? "Plain Text",
-        onChange: (event) => setQuery(event.target.value),
-        onClick: (ev) => ev.stopPropagation()
+      asChild: true,
+      className: cn$1(
+        "relative h-full overflow-visible border-none bg-background p-0",
+        hideBorder && "before:border-none",
+        element.background ? "bg-[--cellBackground]" : "bg-background",
+        !hideBorder && cn$1(
+          isHeader && "text-left [&_>_*]:m-0",
+          "before:size-full",
+          selected && "before:z-10 before:bg-muted",
+          "before:absolute before:box-border before:select-none before:content-['']",
+          borders && cn$1(
+            ((_a = borders.bottom) == null ? void 0 : _a.size) && `before:border-b before:border-b-border`,
+            ((_b = borders.right) == null ? void 0 : _b.size) && `before:border-r before:border-r-border`,
+            ((_c = borders.left) == null ? void 0 : _c.size) && `before:border-l before:border-l-border`,
+            ((_d = borders.top) == null ? void 0 : _d.size) && `before:border-t before:border-t-border`
+          )
+        ),
+        className
+      ),
+      ref,
+      ...cellProps,
+      ...props,
+      style: {
+        "--cellBackground": element.background,
+        ...style
       }
-    ), /* @__PURE__ */ React__default.createElement(ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React__default.createElement(
-      ChevronDownIcon$1,
+    },
+    /* @__PURE__ */ React__default.createElement(Cell, null, /* @__PURE__ */ React__default.createElement(
+      "div",
       {
-        className: "h-5 w-5 text-gray-400",
-        "aria-hidden": "true"
-      }
-    )))),
-    /* @__PURE__ */ React__default.createElement(
-      Transition,
+        className: "relative z-20 box-border h-full px-3 py-2",
+        style: {
+          minHeight: rowSize
+        }
+      },
+      children
+    ), !isSelectingCell && /* @__PURE__ */ React__default.createElement(
+      "div",
       {
-        enter: "transition ease-out duration-100",
-        enterFrom: "transform opacity-0 scale-95",
-        enterTo: "transform opacity-100 scale-100",
-        leave: "transition ease-in duration-75",
-        leaveFrom: "transform opacity-100 scale-100",
-        leaveTo: "transform opacity-0 scale-95"
+        className: "group absolute top-0 size-full select-none",
+        contentEditable: false,
+        suppressContentEditableWarning: true
       },
-      /* @__PURE__ */ React__default.createElement(ComboboxOptions, { className: "origin-top-right absolute right-0 mt-1 w-full max-h-[300px] overflow-y-auto rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, filteredItems.map((item) => /* @__PURE__ */ React__default.createElement(ComboboxOption, { key: item.key, value: item }, ({ focus }) => /* @__PURE__ */ React__default.createElement(
-        "button",
+      !readOnly && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+        ResizeHandle$1,
         {
-          className: classNames$1(
-            focus ? "bg-gray-100 text-gray-900" : "text-gray-700",
-            "block px-4 py-2 text-xs w-full text-right"
+          ...rightProps,
+          className: "-top-3 right-[-5px] w-[10px]"
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        ResizeHandle$1,
+        {
+          ...bottomProps,
+          className: "bottom-[-5px] h-[10px]"
+        }
+      ), !hiddenLeft && /* @__PURE__ */ React__default.createElement(
+        ResizeHandle$1,
+        {
+          ...leftProps,
+          className: "-top-3 left-[-5px] w-[10px]"
+        }
+      ), hovered && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: cn$1(
+            "absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring",
+            "right-[-1.5px]"
           )
-        },
-        item.render(item)
-      ))))
-    )
+        }
+      ), hoveredLeft && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: cn$1(
+            "absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring",
+            "left-[-1.5px]"
+          )
+        }
+      ))
+    ))
   );
-};
-loader.config({
-  paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.31.1/min/vs" }
 });
-let retryCount = 0;
-const retryFocus = (ref) => {
-  if (ref.current) {
-    ref.current.focus();
-  } else {
-    if (retryCount < 30) {
-      setTimeout(() => {
-        retryCount = retryCount + 1;
-        retryFocus(ref);
-      }, 100);
-    }
-  }
-};
-const CodeBlock = ({
-  attributes,
-  editor,
-  element,
-  language: restrictLanguage,
-  ...props
-}) => {
-  const [navigateAway, setNavigateAway] = React__default.useState(null);
-  const monaco = useMonaco();
-  const monacoEditorRef = React__default.useRef(null);
-  const selected = useSelected();
-  const [height, setHeight] = React__default.useState(28);
-  React__default.useEffect(() => {
-    if (selected && isCollapsed(editor.selection)) {
-      retryFocus(monacoEditorRef);
+TableCellElement.displayName = "TableCellElement";
+const TableCellHeaderElement = withProps(TableCellElement, {
+  isHeader: true
+});
+const buttonVariants$1 = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    },
+    variants: {
+      isMenu: {
+        true: "h-auto w-full cursor-pointer justify-start"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        icon: "size-10",
+        lg: "h-11 rounded-md px-8",
+        none: "",
+        sm: "h-9 rounded-md px-3",
+        sms: "size-9 rounded-md px-0",
+        xs: "h-8 rounded-md px-3"
+      },
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        inlineLink: "text-base text-primary underline underline-offset-4",
+        link: "text-primary underline-offset-4 hover:underline",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
+      }
     }
-  }, [selected, monacoEditorRef.current]);
-  const value = element.value || "";
-  if (typeof value !== "string") {
-    throw new Error("Element must be of type string for code block");
   }
-  const language = restrictLanguage || element.lang;
-  const id = React__default.useMemo(() => uuid(), []);
-  const languages = React__default.useMemo(() => {
-    const defaultLangSet = { "": "plain text" };
-    if (!monaco)
-      return defaultLangSet;
-    return monaco.languages.getLanguages().reduce((ac, cv) => {
-      if (cv.id === "plaintext")
-        return ac;
-      return { ...ac, [cv.id]: cv.id };
-    }, defaultLangSet);
-  }, [monaco]);
-  React__default.useEffect(() => {
-    if (monaco) {
-      monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
-      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
-        // disable errors
-        noSemanticValidation: true,
-        noSyntaxValidation: true
-      });
+);
+const Button$2 = withRef(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      className: cn$1(buttonVariants$1({ className, isMenu, size, variant })),
+      ref,
+      ...props
     }
-  }, [monaco]);
-  const items2 = Object.entries(languages).map(([key, label]) => ({
-    key,
-    label,
-    render: (item) => item.label
-  }));
-  const currentItem = React__default.useMemo(() => {
-    return items2.find((item) => item.key === language) ?? {
-      key: "",
-      label: "Plain Text"
-    };
-  }, [items2, language]);
-  React__default.useEffect(() => {
-    if (navigateAway) {
-      setNavigateAway(null);
-      switch (navigateAway) {
-        case "remove":
-          {
-            focusEditor(editor);
-            setNodes(
-              editor,
-              {
-                type: "p",
-                children: [{ text: "" }],
-                lang: void 0,
-                value: void 0
-              },
-              {
-                match: (n) => {
-                  if (isElement(n) && n.type === element.type) {
-                    return true;
-                  }
-                }
-              }
-            );
-          }
-          break;
-        case "insertNext":
-          {
-            insertNodes(
-              editor,
-              [
-                {
-                  type: ELEMENT_DEFAULT,
-                  children: [{ text: "" }],
-                  lang: void 0,
-                  value: void 0
-                }
-              ],
-              { select: true }
-            );
-            focusEditor(editor);
-          }
-          break;
-        case "up":
-          {
-            const path = findNodePath(editor, element);
-            if (!path) {
-              return;
-            }
-            const previousNodePath = getPointBefore(editor, path);
-            if (!previousNodePath) {
-              focusEditor(editor);
-              insertNodes(
-                editor,
-                [
-                  {
-                    type: ELEMENT_DEFAULT,
-                    children: [{ text: "" }],
-                    lang: void 0,
-                    value: void 0
-                  }
-                ],
-                // Insert a new node at the current path, resulting in the code_block
-                // moving down one block
-                { at: path, select: true }
-              );
-              return;
-            }
-            focusEditor(editor, previousNodePath);
-          }
-          break;
-        case "down": {
-          const path = findNodePath(editor, element);
-          if (!path) {
-            return;
-          }
-          const nextNodePath = getPointAfter(editor, path);
-          if (!nextNodePath) {
-            insertNodes(
-              editor,
-              [
-                {
-                  type: ELEMENT_DEFAULT,
-                  children: [{ text: "" }],
-                  lang: void 0,
-                  value: void 0
-                }
-              ],
-              { select: true }
-            );
-            focusEditor(editor);
-          } else {
-            focusEditor(editor, nextNodePath);
-          }
-          break;
-        }
+  );
+});
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = withRef(({ children, className, inset, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    className: cn$1(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ref,
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React__default.createElement(Icons.chevronRight, { className: "ml-auto size-4" })
+));
+const DropdownMenuSubContent = withCn(
+  DropdownMenuPrimitive.SubContent,
+  "z-[99999] min-w-32 overflow-hidden rounded-md border bg-white p-1 text-black shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+);
+const DropdownMenuContentVariants = withProps(DropdownMenuPrimitive.Content, {
+  className: cn$1(
+    "z-[99999] min-w-32 overflow-hidden rounded-md border bg-white p-1 text-black shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  ),
+  sideOffset: 4
+});
+const DropdownMenuContent = withRef(({ ...props }, ref) => /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React__default.createElement(DropdownMenuContentVariants, { ref, ...props })));
+const menuItemVariants = cva(
+  cn$1(
+    "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors",
+    "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+  ),
+  {
+    variants: {
+      inset: {
+        true: "pl-8"
       }
     }
-  }, [navigateAway]);
-  function handleEditorDidMount(monacoEditor, monaco2) {
-    monacoEditorRef.current = monacoEditor;
-    monacoEditor.onDidContentSizeChange(() => {
-      setHeight(monacoEditor.getContentHeight());
-      monacoEditor.layout();
-    });
-    monacoEditor.addCommand(monaco2.KeyMod.Shift | monaco2.KeyCode.Enter, () => {
-      if (monacoEditor.hasTextFocus()) {
-        setNavigateAway("insertNext");
-      }
-    });
-    monacoEditor.onKeyDown((l) => {
-      if (l.code === "ArrowUp") {
-        const selection = monacoEditor.getSelection();
-        if (selection.endLineNumber === 1 && selection.startLineNumber === 1) {
-          setNavigateAway("up");
-        }
-      }
-      if (l.code === "ArrowDown") {
-        const selection = monacoEditor.getSelection();
-        const totalLines = monacoEditor.getModel().getLineCount();
-        if (selection.endLineNumber === totalLines && selection.startLineNumber === totalLines) {
-          setNavigateAway("down");
-        }
-      }
-      if (l.code === "Backspace") {
-        const selection = monacoEditor.getSelection();
-        if (selection.endColumn === 1 && selection.endLineNumber === 1 && selection.positionColumn === 1 && selection.positionLineNumber === 1 && selection.selectionStartColumn === 1 && selection.selectionStartLineNumber === 1 && selection.startColumn === 1 && selection.startLineNumber === 1) {
-          setNavigateAway("remove");
-        }
+  }
+);
+const DropdownMenuItem = withVariants(
+  DropdownMenuPrimitive.Item,
+  menuItemVariants,
+  ["inset"]
+);
+const DropdownMenuCheckboxItem = withRef(({ children, className, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    className: cn$1(
+      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "cursor-pointer",
+      className
+    ),
+    ref,
+    ...props
+  },
+  /* @__PURE__ */ React__default.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React__default.createElement(Icons.check, { className: "size-4" }))),
+  children
+));
+const DropdownMenuRadioItem = withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    className: cn$1(
+      "relative flex select-none items-center rounded-sm pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "h-9 cursor-pointer px-2 data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground",
+      className
+    ),
+    ref,
+    ...props
+  },
+  !hideIcon && /* @__PURE__ */ React__default.createElement("span", { className: "absolute right-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React__default.createElement(Icons.check, { className: "size-4" }))),
+  children
+));
+const dropdownMenuLabelVariants = cva(
+  cn$1("select-none px-2 py-1.5 text-sm font-semibold"),
+  {
+    variants: {
+      inset: {
+        true: "pl-8"
       }
-    });
+    }
+  }
+);
+const DropdownMenuLabel = withVariants(
+  DropdownMenuPrimitive.Label,
+  dropdownMenuLabelVariants,
+  ["inset"]
+);
+const DropdownMenuSeparator = withCn(
+  DropdownMenuPrimitive.Separator,
+  "-mx-1 my-1 h-px bg-muted"
+);
+withCn(
+  createPrimitiveElement("span"),
+  "ml-auto text-xs tracking-widest opacity-60"
+);
+const useOpenState = () => {
+  const [open2, setOpen] = useState(false);
+  const onOpenChange = useCallback(
+    (_value = !open2) => {
+      setOpen(_value);
+    },
+    [open2]
+  );
+  return {
+    onOpenChange,
+    open: open2
+  };
+};
+const Popover$2 = PopoverPrimitive.Root;
+const popoverVariants = cva(
+  "w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 print:hidden"
+);
+const PopoverContent$1 = withRef(
+  ({ align = "center", className, sideOffset = 4, style, ...props }, ref) => /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    PopoverPrimitive.Content,
+    {
+      align,
+      className: cn$1(popoverVariants(), className),
+      ref,
+      sideOffset,
+      style: { zIndex: 1e3, ...style },
+      ...props
+    }
+  ))
+);
+const separatorVariants = cva("shrink-0 bg-border", {
+  defaultVariants: {
+    orientation: "horizontal"
+  },
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full",
+      vertical: "h-full w-px"
+    }
   }
+});
+const Separator = withVariants(
+  withProps(SeparatorPrimitive.Root, {
+    decorative: true,
+    orientation: "horizontal"
+  }),
+  separatorVariants
+);
+const TableBordersDropdownMenuContent = withRef((props, ref) => {
+  const {
+    getOnSelectTableBorder,
+    hasBottomBorder,
+    hasLeftBorder,
+    hasNoBorders,
+    hasOuterBorders,
+    hasRightBorder,
+    hasTopBorder
+  } = useTableBordersDropdownMenuContentState();
   return /* @__PURE__ */ React__default.createElement(
-    "div",
+    DropdownMenuContent,
     {
-      ...attributes,
-      className: "relative mb-2 mt-0.5 rounded-lg shadow-md p-2 border-gray-200 border"
+      align: "start",
+      className: cn$1("min-w-[220px]"),
+      ref,
+      side: "right",
+      sideOffset: 0,
+      ...props
     },
-    /* @__PURE__ */ React__default.createElement("style", null, `.monaco-editor .editor-widget {
-          display: none !important;
-          visibility: hidden !important;
-        }`),
-    props.children,
-    /* @__PURE__ */ React__default.createElement("div", { contentEditable: false }, !restrictLanguage && /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between pb-2" }, /* @__PURE__ */ React__default.createElement("div", null), /* @__PURE__ */ React__default.createElement(
-      Autocomplete,
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
       {
-        items: items2,
-        value: currentItem,
-        defaultQuery: "plaintext",
-        onChange: (item) => setNodes(editor, { lang: item.key })
-      }
-    )), /* @__PURE__ */ React__default.createElement("div", { style: { height: `${height}px` } }, /* @__PURE__ */ React__default.createElement(
-      MonacoEditor,
+        checked: hasBottomBorder,
+        onCheckedChange: getOnSelectTableBorder("bottom")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderBottom, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "Bottom Border")
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
       {
-        path: id,
-        onMount: handleEditorDidMount,
-        options: {
-          scrollBeyondLastLine: false,
-          // automaticLayout: true,
-          tabSize: 2,
-          disableLayerHinting: true,
-          accessibilitySupport: "off",
-          codeLens: false,
-          wordWrap: "on",
-          minimap: {
-            enabled: false
-          },
-          fontSize: 14,
-          lineHeight: 2,
-          formatOnPaste: true,
-          lineNumbers: "off",
-          formatOnType: true,
-          fixedOverflowWidgets: true,
-          // Takes too much horizontal space for iframe
-          folding: false,
-          renderLineHighlight: "none",
-          scrollbar: {
-            verticalScrollbarSize: 1,
-            horizontalScrollbarSize: 1,
-            // https://github.com/microsoft/monaco-editor/issues/2007#issuecomment-644425664
-            alwaysConsumeMouseWheel: false
-          }
-        },
-        language: String(language),
-        value: String(element.value),
-        onChange: (value2) => {
-          setNodes(editor, { value: value2, lang: language });
-        }
-      }
-    )))
+        checked: hasTopBorder,
+        onCheckedChange: getOnSelectTableBorder("top")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderTop, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "Top Border")
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        checked: hasLeftBorder,
+        onCheckedChange: getOnSelectTableBorder("left")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderLeft, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "Left Border")
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        checked: hasRightBorder,
+        onCheckedChange: getOnSelectTableBorder("right")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderRight, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "Right Border")
+    ),
+    /* @__PURE__ */ React__default.createElement(Separator, null),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        checked: hasNoBorders,
+        onCheckedChange: getOnSelectTableBorder("none")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderNone, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "No Border")
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        checked: hasOuterBorders,
+        onCheckedChange: getOnSelectTableBorder("outer")
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.borderAll, { className: iconVariants({ size: "sm" }) }),
+      /* @__PURE__ */ React__default.createElement("div", null, "Outside Borders")
+    )
   );
-};
-const CodeBlockElement = withRef(
-  ({ className, ...props }, ref) => {
-    const { element } = props;
-    const state = useCodeBlockElementState({ element });
-    return /* @__PURE__ */ React__default.createElement(
-      PlateElement,
+});
+const TableFloatingToolbar = withRef(
+  ({ children, ...props }, ref) => {
+    const element = useElement();
+    const { props: buttonProps } = useRemoveNodeButton({ element });
+    const selectionCollapsed = useEditorSelector(
+      (editor2) => !isSelectionExpanded(editor2),
+      []
+    );
+    const readOnly = useReadOnly();
+    const selected = useSelected();
+    const editor = useEditorRef();
+    const collapsed = !readOnly && selected && selectionCollapsed;
+    const open2 = !readOnly && selected;
+    const { canMerge, canUnmerge } = useTableMergeState();
+    const mergeContent = canMerge && /* @__PURE__ */ React__default.createElement(
+      Button$2,
       {
-        className: cn$1("relative py-1", state.className, className),
+        contentEditable: false,
+        isMenu: true,
+        onClick: () => mergeTableCells(editor),
+        variant: "ghost"
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.combine, { className: "mr-2 size-4" }),
+      "Merge"
+    );
+    const unmergeButton = canUnmerge && /* @__PURE__ */ React__default.createElement(
+      Button$2,
+      {
+        contentEditable: false,
+        isMenu: true,
+        onClick: () => unmergeTableCells(editor),
+        variant: "ghost"
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.ungroup, { className: "mr-2 size-4" }),
+      "Unmerge"
+    );
+    const bordersContent = collapsed && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button$2, { isMenu: true, variant: "ghost" }, /* @__PURE__ */ React__default.createElement(Icons.borderAll, { className: "mr-2 size-4" }), "Borders")), /* @__PURE__ */ React__default.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React__default.createElement(TableBordersDropdownMenuContent, null))), /* @__PURE__ */ React__default.createElement(Button$2, { contentEditable: false, isMenu: true, variant: "ghost", ...buttonProps }, /* @__PURE__ */ React__default.createElement(Icons.delete, { className: "mr-2 size-4" }), "Delete"));
+    return /* @__PURE__ */ React__default.createElement(Popover$2, { modal: false, open: open2 }, /* @__PURE__ */ React__default.createElement(PopoverAnchor, { asChild: true }, children), (canMerge || canUnmerge || collapsed) && /* @__PURE__ */ React__default.createElement(
+      PopoverContent$1,
+      {
+        className: cn$1(
+          popoverVariants(),
+          "flex w-[220px] flex-col gap-1 p-1"
+        ),
+        onOpenAutoFocus: (e) => e.preventDefault(),
         ref,
         ...props
       },
-      /* @__PURE__ */ React__default.createElement(CodeBlock, { ...props })
-    );
+      unmergeButton,
+      mergeContent,
+      bordersContent
+    ));
   }
 );
+const TableElement = withHOC(
+  TableProvider,
+  withRef(({ children, className, ...props }, ref) => {
+    const { colSizes, isSelectingCell, marginLeft, minColumnWidth } = useTableElementState();
+    const { colGroupProps, props: tableProps } = useTableElement();
+    return /* @__PURE__ */ React__default.createElement(TableFloatingToolbar, null, /* @__PURE__ */ React__default.createElement("div", { style: { paddingLeft: marginLeft } }, /* @__PURE__ */ React__default.createElement(
+      PlateElement,
+      {
+        asChild: true,
+        className: cn$1(
+          "my-4 ml-px mr-0 table h-px w-full table-fixed border-collapse",
+          isSelectingCell && "[&_*::selection]:bg-none",
+          className
+        ),
+        ref,
+        ...tableProps,
+        ...props
+      },
+      /* @__PURE__ */ React__default.createElement("table", null, /* @__PURE__ */ React__default.createElement("colgroup", { ...colGroupProps }, colSizes.map((width, index) => /* @__PURE__ */ React__default.createElement(
+        "col",
+        {
+          key: index,
+          style: {
+            minWidth: minColumnWidth,
+            width: width || void 0
+          }
+        }
+      ))), /* @__PURE__ */ React__default.createElement("tbody", { className: "min-w-full" }, children))
+    )));
+  })
+);
+const TableRowElement = withRef(({ children, hideBorder, ...props }, ref) => {
+  return /* @__PURE__ */ React__default.createElement(
+    PlateElement,
+    {
+      asChild: true,
+      className: cn$1("h-full", hideBorder && "border-none"),
+      ref,
+      ...props
+    },
+    /* @__PURE__ */ React__default.createElement("tr", null, children)
+  );
+});
 const blockClasses = "mt-0.5";
 const headerClasses = "font-normal";
 const Components = () => {
@@ -2283,6 +2914,7 @@ const Components = () => {
         }
       )
     ),
+    [ELEMENT_MERMAID]: MermaidElement,
     [ELEMENT_BLOCKQUOTE]: BlockquoteElement,
     [ELEMENT_CODE_BLOCK]: CodeBlockElement,
     [ELEMENT_CODE_LINE]: CodeLineElement,
@@ -2338,7 +2970,7 @@ const Components = () => {
     ),
     [MARK_CODE]: CodeLeaf,
     [MARK_UNDERLINE]: withProps(PlateLeaf, { as: "u" }),
-    [MARK_STRIKETHROUGH]: withProps(PlateLeaf, { as: "s" }),
+    [MARK_STRIKETHROUGH]: ({ editor, leaf, text, ...props }) => /* @__PURE__ */ React__default.createElement("s", { ...props.attributes, ...props }),
     [MARK_ITALIC]: withProps(PlateLeaf, { as: "em" }),
     [MARK_BOLD]: ({ editor, leaf, text, ...props }) => /* @__PURE__ */ React__default.createElement("strong", { ...props.attributes, ...props }),
     [ELEMENT_HR]: ({
@@ -2363,7 +2995,11 @@ const Components = () => {
         children,
         selected && /* @__PURE__ */ React__default.createElement("span", { className: "absolute h-4 -top-2 inset-0 ring-2 ring-blue-100 ring-inset rounded-md z-10 pointer-events-none" })
       );
-    }
+    },
+    [ELEMENT_TABLE]: TableElement,
+    [ELEMENT_TR]: TableRowElement,
+    [ELEMENT_TD]: TableCellElement,
+    [ELEMENT_TH]: TableCellHeaderElement
   };
 };
 const createCodeBlockPlugin = createPluginFactory({
@@ -2773,7 +3409,9 @@ class Form {
                 {
                   type: "string",
                   label: "Caption",
-                  name: [templateName.replace(/\.props$/, ""), "caption"].join("."),
+                  name: [templateName.replace(/\.props$/, ""), "caption"].join(
+                    "."
+                  ),
                   component: "text"
                 }
               ]
@@ -3041,7 +3679,7 @@ function TinaForm({ form, children }) {
   }));
 }
 function TinaField({
-  Component: Component2,
+  Component,
   children,
   ...fieldProps
 }) {
@@ -3049,7 +3687,7 @@ function TinaField({
   if (!isEditing)
     return children || null;
   return /* @__PURE__ */ React.createElement(Field, { ...fieldProps }, ({ input, meta }) => {
-    return /* @__PURE__ */ React.createElement(Component2, { input, meta, ...fieldProps });
+    return /* @__PURE__ */ React.createElement(Component, { input, meta, ...fieldProps });
   });
 }
 TinaField.propTypes = {
@@ -3091,7 +3729,7 @@ const Button$1 = ({
   };
   const sizeClasses = {
     small: `text-xs h-8 px-3`,
-    medium: `text-sm h-10 px-4`,
+    medium: `text-sm h-10 px-8`,
     custom: ``
   };
   return /* @__PURE__ */ React.createElement(
@@ -3219,7 +3857,7 @@ var _excluded = ["attr", "size", "title"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null)
     return {};
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -3234,7 +3872,7 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -4324,7 +4962,28 @@ const NumberInput = ({
   onChange,
   value,
   step
-}) => /* @__PURE__ */ React.createElement(Input, { type: "number", step, value, onChange });
+}) => /* @__PURE__ */ React.createElement(
+  Input,
+  {
+    type: "number",
+    step,
+    value,
+    onChange: (event) => {
+      const inputValue = event.target.value;
+      const newValue = inputValue === "" ? void 0 : inputValue;
+      if (onChange) {
+        const syntheticEvent = {
+          ...event,
+          target: {
+            ...event.target,
+            value: newValue
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    }
+  }
+);
 function useCMS() {
   return useCMS$1();
 }
@@ -4433,7 +5092,7 @@ const ImageLoadingIndicator = () => /* @__PURE__ */ React.createElement("div", {
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-const buttonVariants$1 = cva(
+const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -4459,7 +5118,7 @@ const Button = React.forwardRef(
     return /* @__PURE__ */ React.createElement(
       Comp,
       {
-        className: cn(buttonVariants$1({ variant, size, className })),
+        className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props
       }
@@ -4565,7 +5224,7 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
     side: "bottom",
     className: cn(
       "rounded-md border bg-white p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      "max-h-[30vh] max-w-[30vh] overflow-y-auto",
+      "max-h-[30vh] max-w-[30vw] overflow-y-auto",
       className
     ),
     ...props
@@ -4657,11 +5316,7 @@ const getFilename = (optionSets, value) => {
   const node = nodes.find((node2) => node2.id === value);
   return node ? node._internalSys.filename : null;
 };
-const ComboboxDemo = ({
-  cms,
-  input,
-  field
-}) => {
+const Combobox = ({ cms, input, field }) => {
   const [open2, setOpen] = React.useState(false);
   const [value, setValue] = React.useState(input.value);
   const [displayText, setDisplayText] = React.useState(null);
@@ -4685,17 +5340,17 @@ const ComboboxDemo = ({
   if (loading === true) {
     return /* @__PURE__ */ React.createElement(LoadingDots, { color: "var(--tina-color-primary)" });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Popover, { open: open2, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Popover, { open: open2, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
     Button,
     {
       variant: "outline",
       role: "combobox",
       "aria-expanded": open2,
-      className: "w-52 justify-between"
+      className: "w-full justify-between"
     },
     /* @__PURE__ */ React.createElement("p", { className: "truncate" }, displayText ?? "Choose an option..."),
     open2 ? /* @__PURE__ */ React.createElement(IoMdArrowDropup, { size: 20 }) : /* @__PURE__ */ React.createElement(IoMdArrowDropdown, { size: 20 })
-  )), /* @__PURE__ */ React.createElement(PopoverContent, { className: "p-0 relative" }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(PopoverContent, { className: "p-0 relative min-w-[var(--radix-popover-trigger-width)]" }, /* @__PURE__ */ React.createElement(
     Command,
     {
       shouldFilter: !field.experimental___filter,
@@ -4719,32 +5374,25 @@ const ComboboxDemo = ({
       }
     ),
     /* @__PURE__ */ React.createElement(CommandEmpty, null, "No reference found"),
-    /* @__PURE__ */ React.createElement(CommandList, null, filteredOptionsList.length > 0 && (filteredOptionsList == null ? void 0 : filteredOptionsList.map(({ collection, edges }) => /* @__PURE__ */ React.createElement(
-      CommandGroup,
-      {
-        key: `${collection}-group`,
-        heading: collection
-      },
-      /* @__PURE__ */ React.createElement(CommandList, null, edges == null ? void 0 : edges.map(({ node }) => {
-        const { id, _values } = node;
-        return /* @__PURE__ */ React.createElement(
-          OptionComponent,
-          {
-            id,
-            key: id,
-            value,
-            field,
-            _values,
-            node,
-            onSelect: (currentValue) => {
-              setValue(currentValue);
-              setOpen(false);
-            }
+    /* @__PURE__ */ React.createElement(CommandList, null, filteredOptionsList.length > 0 && (filteredOptionsList == null ? void 0 : filteredOptionsList.map(({ collection, edges }) => /* @__PURE__ */ React.createElement(CommandGroup, { key: `${collection}-group`, heading: collection }, /* @__PURE__ */ React.createElement(CommandList, null, edges == null ? void 0 : edges.map(({ node }) => {
+      const { id, _values } = node;
+      return /* @__PURE__ */ React.createElement(
+        OptionComponent,
+        {
+          id,
+          key: id,
+          value,
+          field,
+          _values,
+          node,
+          onSelect: (currentValue) => {
+            setValue(currentValue);
+            setOpen(false);
           }
-        );
-      }))
-    ))))
-  ))));
+        }
+      );
+    }))))))
+  )));
 };
 const useGetNode = (cms, id) => {
   const [document2, setDocument] = React.useState(
@@ -4817,7 +5465,7 @@ const ReferenceLink = ({ cms, input }) => {
 };
 const Reference = ({ input, field }) => {
   const cms = useCMS();
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "relative group" }, /* @__PURE__ */ React.createElement(ComboboxDemo, { cms, input, field })), /* @__PURE__ */ React.createElement(ReferenceLink, { cms, input }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "relative group" }, /* @__PURE__ */ React.createElement(Combobox, { cms, input, field })), /* @__PURE__ */ React.createElement(ReferenceLink, { cms, input }));
 };
 const ButtonToggle = ({
   input,
@@ -5125,10 +5773,11 @@ const ItemDeleteButton = ({ onClick, disabled = false }) => {
   return /* @__PURE__ */ React__default.createElement(
     "button",
     {
-      className: `w-8 px-1 py-2.5 flex items-center justify-center hover:bg-gray-50 text-gray-200 hover:text-red-500 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
+      type: "button",
+      className: `w-8 px-1 py-2.5 flex items-center justify-center text-gray-200 hover:opacity-100 opacity-30 hover:bg-gray-50 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
       onClick
     },
-    /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "fill-current transition-colors ease-out duration-100" })
+    /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "h-5 w-auto fill-current text-red-500 transition-colors duration-150 ease-out" })
   );
 };
 const DragHandle = ({ isDragging }) => {
@@ -5158,7 +5807,7 @@ const BlockSelector = ({
       return template.label ? template.label.toLowerCase().includes(filter.toLowerCase()) || name.toLowerCase().includes(filter.toLowerCase()) : name.toLowerCase().includes(filter.toLowerCase());
     });
   }, [filter]);
-  return /* @__PURE__ */ React.createElement(Popover$2, null, ({ open: open2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PopoverButton, { as: "span" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Popover$3, null, ({ open: open2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PopoverButton, { as: "span" }, /* @__PURE__ */ React.createElement(
     IconButton,
     {
       variant: open2 ? "secondary" : "primary",
@@ -5206,27 +5855,35 @@ const BlockSelector = ({
     ))))
   ))));
 };
-const Group = wrapFieldWithError(({ tinaForm, field }) => {
-  const cms = useCMS$1();
-  React.useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      onClick: () => {
-        const state = tinaForm.finalForm.getState();
-        if (state.invalid === true) {
-          cms.alerts.error("Cannot navigate away from an invalid form.");
-          return;
+const Group = wrapFieldWithNoHeader(
+  ({ tinaForm, field }) => {
+    const cms = useCMS$1();
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      Header,
+      {
+        onClick: () => {
+          const state = tinaForm.finalForm.getState();
+          if (state.invalid === true) {
+            cms.alerts.error("Cannot navigate away from an invalid form.");
+            return;
+          }
+          cms.dispatch({
+            type: "forms:set-active-field-name",
+            value: { formId: tinaForm.id, fieldName: field.name }
+          });
         }
-        cms.dispatch({
-          type: "forms:set-active-field-name",
-          value: { formId: tinaForm.id, fieldName: field.name }
-        });
-      }
-    },
-    field.label || field.name
-  ));
-});
+      },
+      field.label || field.name,
+      field.description && /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0`,
+          dangerouslySetInnerHTML: { __html: field.description }
+        }
+      )
+    ));
+  }
+);
 const Header = ({ onClick, children }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "pt-1 mb-5" }, /* @__PURE__ */ React.createElement(
     "button",
@@ -6568,244 +7225,65 @@ function pad(type, value) {
     str = "0" + str;
   return str;
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function isNodeFound(current, componentNode, ignoreClass) {
-  if (current === componentNode) {
-    return true;
+var useClickAway$1 = {};
+var util = {};
+Object.defineProperty(util, "__esModule", { value: true });
+util.isNavigator = util.isBrowser = util.off = util.on = util.noop = void 0;
+var noop = function() {
+};
+util.noop = noop;
+function on(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
   }
-  if (current.correspondingElement) {
-    return current.correspondingElement.classList.contains(ignoreClass);
+  if (obj && obj.addEventListener) {
+    obj.addEventListener.apply(obj, args);
   }
-  return current.classList.contains(ignoreClass);
 }
-function findHighest(current, componentNode, ignoreClass) {
-  if (current === componentNode) {
-    return true;
+util.on = on;
+function off(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
   }
-  while (current.parentNode || current.host) {
-    if (current.parentNode && isNodeFound(current, componentNode, ignoreClass)) {
-      return true;
-    }
-    current = current.parentNode || current.host;
+  if (obj && obj.removeEventListener) {
+    obj.removeEventListener.apply(obj, args);
   }
-  return current;
-}
-function clickedScrollbar(evt) {
-  return document.documentElement.clientWidth <= evt.clientX || document.documentElement.clientHeight <= evt.clientY;
 }
-var testPassiveEventSupport = function testPassiveEventSupport2() {
-  if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
-    return;
-  }
-  var passive = false;
-  var options = Object.defineProperty({}, "passive", {
-    get: function get2() {
-      passive = true;
-    }
-  });
-  var noop = function noop2() {
-  };
-  window.addEventListener("testPassiveEventSupport", noop, options);
-  window.removeEventListener("testPassiveEventSupport", noop, options);
-  return passive;
-};
-function autoInc(seed) {
-  if (seed === void 0) {
-    seed = 0;
-  }
-  return function() {
-    return ++seed;
-  };
-}
-var uid = autoInc();
-var passiveEventSupport;
-var handlersMap = {};
-var enabledInstances = {};
-var touchEvents = ["touchstart", "touchmove"];
-var IGNORE_CLASS_NAME = "ignore-react-onclickoutside";
-function getEventHandlerOptions(instance, eventName) {
-  var handlerOptions = {};
-  var isTouchEvent = touchEvents.indexOf(eventName) !== -1;
-  if (isTouchEvent && passiveEventSupport) {
-    handlerOptions.passive = !instance.props.preventDefault;
-  }
-  return handlerOptions;
-}
-function onClickOutsideHOC(WrappedComponent, config) {
-  var _class, _temp;
-  var componentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
-  return _temp = _class = /* @__PURE__ */ function(_Component) {
-    _inheritsLoose(onClickOutside, _Component);
-    function onClickOutside(props) {
-      var _this;
-      _this = _Component.call(this, props) || this;
-      _this.__outsideClickHandler = function(event) {
-        if (typeof _this.__clickOutsideHandlerProp === "function") {
-          _this.__clickOutsideHandlerProp(event);
-          return;
-        }
-        var instance = _this.getInstance();
-        if (typeof instance.props.handleClickOutside === "function") {
-          instance.props.handleClickOutside(event);
-          return;
-        }
-        if (typeof instance.handleClickOutside === "function") {
-          instance.handleClickOutside(event);
-          return;
-        }
-        throw new Error("WrappedComponent: " + componentName + " lacks a handleClickOutside(event) function for processing outside click events.");
-      };
-      _this.__getComponentNode = function() {
-        var instance = _this.getInstance();
-        if (config && typeof config.setClickOutsideRef === "function") {
-          return config.setClickOutsideRef()(instance);
-        }
-        if (typeof instance.setClickOutsideRef === "function") {
-          return instance.setClickOutsideRef();
-        }
-        return findDOMNode(instance);
-      };
-      _this.enableOnClickOutside = function() {
-        if (typeof document === "undefined" || enabledInstances[_this._uid]) {
-          return;
-        }
-        if (typeof passiveEventSupport === "undefined") {
-          passiveEventSupport = testPassiveEventSupport();
-        }
-        enabledInstances[_this._uid] = true;
-        var events = _this.props.eventTypes;
-        if (!events.forEach) {
-          events = [events];
-        }
-        handlersMap[_this._uid] = function(event) {
-          if (_this.componentNode === null)
-            return;
-          if (_this.initTimeStamp > event.timeStamp)
-            return;
-          if (_this.props.preventDefault) {
-            event.preventDefault();
-          }
-          if (_this.props.stopPropagation) {
-            event.stopPropagation();
-          }
-          if (_this.props.excludeScrollbar && clickedScrollbar(event))
-            return;
-          var current = event.composed && event.composedPath && event.composedPath().shift() || event.target;
-          if (findHighest(current, _this.componentNode, _this.props.outsideClickIgnoreClass) !== document) {
-            return;
-          }
-          _this.__outsideClickHandler(event);
-        };
-        events.forEach(function(eventName) {
-          document.addEventListener(eventName, handlersMap[_this._uid], getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-        });
-      };
-      _this.disableOnClickOutside = function() {
-        delete enabledInstances[_this._uid];
-        var fn = handlersMap[_this._uid];
-        if (fn && typeof document !== "undefined") {
-          var events = _this.props.eventTypes;
-          if (!events.forEach) {
-            events = [events];
-          }
-          events.forEach(function(eventName) {
-            return document.removeEventListener(eventName, fn, getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-          });
-          delete handlersMap[_this._uid];
-        }
-      };
-      _this.getRef = function(ref) {
-        return _this.instanceRef = ref;
-      };
-      _this._uid = uid();
-      _this.initTimeStamp = performance.now();
-      return _this;
-    }
-    var _proto = onClickOutside.prototype;
-    _proto.getInstance = function getInstance() {
-      if (WrappedComponent.prototype && !WrappedComponent.prototype.isReactComponent) {
-        return this;
-      }
-      var ref = this.instanceRef;
-      return ref.getInstance ? ref.getInstance() : ref;
-    };
-    _proto.componentDidMount = function componentDidMount() {
-      if (typeof document === "undefined" || !document.createElement) {
-        return;
-      }
-      var instance = this.getInstance();
-      if (config && typeof config.handleClickOutside === "function") {
-        this.__clickOutsideHandlerProp = config.handleClickOutside(instance);
-        if (typeof this.__clickOutsideHandlerProp !== "function") {
-          throw new Error("WrappedComponent: " + componentName + " lacks a function for processing outside click events specified by the handleClickOutside config option.");
-        }
-      }
-      this.componentNode = this.__getComponentNode();
-      if (this.props.disableOnClickOutside)
-        return;
-      this.enableOnClickOutside();
+util.off = off;
+util.isBrowser = typeof window !== "undefined";
+util.isNavigator = typeof navigator !== "undefined";
+Object.defineProperty(useClickAway$1, "__esModule", { value: true });
+var react_1 = React__default;
+var util_1 = util;
+var defaultEvents = ["mousedown", "touchstart"];
+var useClickAway = function(ref, onClickAway, events) {
+  if (events === void 0) {
+    events = defaultEvents;
+  }
+  var savedCallback = react_1.useRef(onClickAway);
+  react_1.useEffect(function() {
+    savedCallback.current = onClickAway;
+  }, [onClickAway]);
+  react_1.useEffect(function() {
+    var handler = function(event) {
+      var el = ref.current;
+      el && !el.contains(event.target) && savedCallback.current(event);
     };
-    _proto.componentDidUpdate = function componentDidUpdate() {
-      this.componentNode = this.__getComponentNode();
-    };
-    _proto.componentWillUnmount = function componentWillUnmount() {
-      this.disableOnClickOutside();
-    };
-    _proto.render = function render() {
-      var _this$props = this.props;
-      _this$props.excludeScrollbar;
-      var props = _objectWithoutPropertiesLoose(_this$props, ["excludeScrollbar"]);
-      if (WrappedComponent.prototype && WrappedComponent.prototype.isReactComponent) {
-        props.ref = this.getRef;
-      } else {
-        props.wrappedRef = this.getRef;
+    for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
+      var eventName = events_1[_i];
+      util_1.on(document, eventName, handler);
+    }
+    return function() {
+      for (var _i2 = 0, events_2 = events; _i2 < events_2.length; _i2++) {
+        var eventName2 = events_2[_i2];
+        util_1.off(document, eventName2, handler);
       }
-      props.disableOnClickOutside = this.disableOnClickOutside;
-      props.enableOnClickOutside = this.enableOnClickOutside;
-      return createElement(WrappedComponent, props);
     };
-    return onClickOutside;
-  }(Component), _class.displayName = "OnClickOutside(" + componentName + ")", _class.defaultProps = {
-    eventTypes: ["mousedown", "touchstart"],
-    excludeScrollbar: config && config.excludeScrollbar || false,
-    outsideClickIgnoreClass: IGNORE_CLASS_NAME,
-    preventDefault: false,
-    stopPropagation: false
-  }, _class.getClass = function() {
-    return WrappedComponent.getClass ? WrappedComponent.getClass() : WrappedComponent;
-  }, _temp;
-}
+  }, [events, ref]);
+};
+var _default = useClickAway$1.default = useClickAway;
 const viewModes = {
   YEARS: "years",
   MONTHS: "months",
@@ -7334,22 +7812,13 @@ function log(message, method) {
   }
   con[method]("***react-datetime:" + message);
 }
-class ClickOutBase extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "container", React__default.createRef());
-  }
-  render() {
-    return /* @__PURE__ */ React__default.createElement("div", { className: this.props.className, ref: this.container }, this.props.children);
-  }
-  handleClickOutside(e) {
-    this.props.onClickOut(e);
-  }
-  setClickOutsideRef() {
-    return this.container.current;
-  }
+function ClickableWrapper({ className, onClickOut, children }) {
+  const containerRef = useRef(null);
+  _default(containerRef, (event) => {
+    onClickOut(event);
+  });
+  return /* @__PURE__ */ React__default.createElement("div", { className, ref: containerRef }, children);
 }
-const ClickableWrapper = onClickOutsideHOC(ClickOutBase);
 const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
 const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
 const format$1 = (val, _name, field) => {
@@ -7392,7 +7861,10 @@ const DateField = wrapFieldsWithMeta(
       ReactDateTimeWithStyles,
       {
         value: input.value,
-        onChange: input.onChange,
+        onChange: (value) => {
+          const newValue = value === "" ? void 0 : value;
+          input.onChange(newValue);
+        },
         dateFormat: dateFormat || DEFAULT_DATE_DISPLAY_FORMAT,
         timeFormat: timeFormat || false,
         inputProps: { className: textFieldClasses },
@@ -8844,6 +9316,17 @@ class TinaMediaStore {
     }
   }
 }
+const encodeUrlIfNeeded = (url) => {
+  if (url) {
+    try {
+      return new URL(url).toString();
+    } catch (e) {
+      return url;
+    }
+  } else {
+    return url;
+  }
+};
 let MediaManager$1 = class MediaManager {
   constructor(store, events) {
     this.store = store;
@@ -8916,6 +9399,20 @@ let MediaManager$1 = class MediaManager {
     try {
       this.events.dispatch({ type: "media:list:start", ...options });
       const media = await this.store.list(options);
+      media.items = media.items.map((item) => {
+        if (item.type === "dir") {
+          return item;
+        }
+        if (item.thumbnails) {
+          for (const [size, src] of Object.entries(item.thumbnails)) {
+            item.thumbnails[size] = encodeUrlIfNeeded(src);
+          }
+        }
+        return {
+          ...item,
+          src: encodeUrlIfNeeded(item.src)
+        };
+      });
       this.events.dispatch({ type: "media:list:success", ...options, media });
       return media;
     } catch (error) {
@@ -9203,7 +9700,7 @@ class SidebarState {
   }
 }
 function createScreen({
-  Component: Component2,
+  Component,
   props,
   ...options
 }) {
@@ -9212,7 +9709,7 @@ function createScreen({
     layout: "popup",
     ...options,
     Component(screenProps) {
-      return /* @__PURE__ */ React__default.createElement(Component2, { ...screenProps, ...props });
+      return /* @__PURE__ */ React__default.createElement(Component, { ...screenProps, ...props });
     }
   };
 }
@@ -9723,7 +10220,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.2.8";
+const version = "2.7.0";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -12254,15 +12751,14 @@ const FormBuilder = ({
             fields: fieldGroup.fields
           }
         ) : /* @__PURE__ */ React.createElement(NoFieldsPlaceholder, null)
-      )), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: "relative flex-none w-full h-16 px-6 bg-white border-t border-gray-100	flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 w-full flex justify-between gap-4 items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React.createElement(
+      )), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: "relative flex-none w-full h-16 px-12 bg-white border-t border-gray-100 flex items-center justify-end" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 w-full justify-end gap-2	flex items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React.createElement(
         ResetForm,
         {
           pristine,
           reset: async () => {
             finalForm.reset();
             await tinaForm.reset();
-          },
-          style: { flexGrow: 1 }
+          }
         },
         tinaForm.buttons.reset
       ), /* @__PURE__ */ React.createElement(
@@ -12271,8 +12767,7 @@ const FormBuilder = ({
           onClick: safeHandleSubmit,
           disabled: !canSubmit,
           busy: submitting,
-          variant: "primary",
-          style: { flexGrow: 3 }
+          variant: "primary"
         },
         submitting && /* @__PURE__ */ React.createElement(LoadingDots, null),
         !submitting && tinaForm.buttons.save
@@ -12654,9 +13149,9 @@ const EllipsisIcon = ({ title }) => {
   ));
 };
 const Wrapper$1 = ({ inline, children }) => {
-  const Component2 = inline ? "span" : "div";
+  const Component = inline ? "span" : "div";
   return /* @__PURE__ */ React__default.createElement(
-    Component2,
+    Component,
     {
       contentEditable: false,
       style: { userSelect: "none" },
@@ -12790,7 +13285,7 @@ const EmbedNestedForm = ({
   );
 };
 const DotMenu = ({ onOpen, onRemove }) => {
-  return /* @__PURE__ */ React__default.createElement(Popover$2, { as: "span", className: "-ml-px relative block" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Popover$3, { as: "span", className: "-ml-px relative block" }, /* @__PURE__ */ React__default.createElement(
     PopoverButton,
     {
       as: "span",
@@ -13078,6 +13573,11 @@ const autoformatMarks = [
     mode: "mark",
     type: MARK_CODE,
     match: "`"
+  },
+  {
+    mode: "mark",
+    type: MARK_STRIKETHROUGH,
+    match: ["~~", "~"]
   }
 ];
 const autoformatRules = [
@@ -13219,24 +13719,35 @@ const plugins$1 = [
   })
 ];
 const plugins = [
+  createBasicMarksPlugin(),
   createHeadingPlugin(),
   createParagraphPlugin(),
   createCodeBlockPlugin(),
   createHTMLBlockPlugin(),
   createHTMLInlinePlugin(),
   createBlockquotePlugin(),
-  createBoldPlugin(),
-  createItalicPlugin(),
   createUnderlinePlugin(),
-  createCodePlugin(),
   createListPlugin(),
-  createIndentPlugin(),
   createIndentListPlugin(),
   createHorizontalRulePlugin(),
   // Allows us to do things like copy/paste, remembering the state of the element (like mdx)
   createNodeIdPlugin(),
-  createSlashPlugin()
+  createSlashPlugin(),
+  createTablePlugin()
 ];
+const unsupportedItemsInTable = /* @__PURE__ */ new Set([
+  "Code Block",
+  "Unordered List",
+  "Ordered List",
+  "Quote",
+  "Mermaid",
+  "Heading 1",
+  "Heading 2",
+  "Heading 3",
+  "Heading 4",
+  "Heading 5",
+  "Heading 6"
+]);
 const isNodeActive = (editor, type) => {
   const pluginType = getPluginType(editor, type);
   return !!(editor == null ? void 0 : editor.selection) && someNode(editor, { match: { type: pluginType } });
@@ -13421,24 +13932,6 @@ const Editor = React__default.forwardRef(
   }
 );
 Editor.displayName = "Editor";
-const separatorVariants = cva("shrink-0 bg-border", {
-  defaultVariants: {
-    orientation: "horizontal"
-  },
-  variants: {
-    orientation: {
-      horizontal: "h-px w-full",
-      vertical: "h-full w-px"
-    }
-  }
-});
-const Separator = withVariants(
-  withProps(SeparatorPrimitive.Root, {
-    decorative: true,
-    orientation: "horizontal"
-  }),
-  separatorVariants
-);
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
@@ -13447,15 +13940,15 @@ const TooltipContent = withCn(
   withProps(TooltipPrimitive.Content, {
     sideOffset: 4
   }),
-  "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md"
+  "z-[9999] overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md"
 );
-function withTooltip(Component2) {
+function withTooltip(Component) {
   return React__default.forwardRef(function ExtendComponent({ tooltip, tooltipContentProps, tooltipProps, ...props }, ref) {
     const [mounted, setMounted] = React__default.useState(false);
     React__default.useEffect(() => {
       setMounted(true);
     }, []);
-    const component = /* @__PURE__ */ React__default.createElement(Component2, { ref, ...props });
+    const component = /* @__PURE__ */ React__default.createElement(Component, { ref, ...props });
     if (tooltip && mounted) {
       return /* @__PURE__ */ React__default.createElement(Tooltip, { ...tooltipProps }, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, component), /* @__PURE__ */ React__default.createElement(TooltipPortal, null, /* @__PURE__ */ React__default.createElement(TooltipContent, { ...tooltipContentProps }, tooltip)));
     }
@@ -13573,140 +14066,41 @@ const FixedToolbar = withCn(
   Toolbar,
   "p-1 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto border border-border bg-background"
 );
-const MarkToolbarButton = withRef(({ clear, nodeType, ...rest }, ref) => {
-  const state = useMarkToolbarButtonState({ clear, nodeType });
-  const { props } = useMarkToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, ...props, ...rest });
-});
-const IndentListToolbarButton = withRef(({ nodeType = ELEMENT_UL }, ref) => {
-  const editor = useEditorState();
-  const state = useListToolbarButtonState({ nodeType });
-  const { props } = useListToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(
-    ToolbarButton,
-    {
-      ref,
-      tooltip: nodeType === ELEMENT_UL ? "Bulleted List" : "Numbered List",
-      ...props,
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        toggleList(editor, { type: nodeType });
-      }
-    },
-    nodeType === ELEMENT_UL ? /* @__PURE__ */ React__default.createElement(Icons.ul, null) : /* @__PURE__ */ React__default.createElement(Icons.ol, null)
-  );
-});
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-withRef(({ children, className, inset, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    className: cn$1(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    ),
-    ref,
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React__default.createElement(Icons.chevronRight, { className: "ml-auto size-4" })
-));
-withCn(
-  DropdownMenuPrimitive.SubContent,
-  "z-[99999] min-w-32 overflow-hidden rounded-md border bg-white p-1 text-black shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
-);
-const DropdownMenuContentVariants = withProps(DropdownMenuPrimitive.Content, {
-  className: cn$1(
-    "z-[99999] min-w-32 overflow-hidden rounded-md border bg-white p-1 text-black shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
-  ),
-  sideOffset: 4
-});
-const DropdownMenuContent = withRef(({ ...props }, ref) => /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React__default.createElement(DropdownMenuContentVariants, { ref, ...props })));
-const menuItemVariants = cva(
-  cn$1(
-    "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors",
-    "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
-  ),
-  {
-    variants: {
-      inset: {
-        true: "pl-8"
+const useResize = (ref, callback) => {
+  React__default.useEffect(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        callback(entry);
       }
+    });
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
     }
-  }
-);
-const DropdownMenuItem = withVariants(
-  DropdownMenuPrimitive.Item,
-  menuItemVariants,
-  ["inset"]
-);
-withRef(({ children, className, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    className: cn$1(
-      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      "cursor-pointer",
-      className
-    ),
-    ref,
-    ...props
-  },
-  /* @__PURE__ */ React__default.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React__default.createElement(Icons.check, { className: "size-4" }))),
-  children
-));
-const DropdownMenuRadioItem = withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    className: cn$1(
-      "relative flex select-none items-center rounded-sm pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      "h-9 cursor-pointer px-2 data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground",
-      className
-    ),
-    ref,
-    ...props
-  },
-  !hideIcon && /* @__PURE__ */ React__default.createElement("span", { className: "absolute right-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React__default.createElement(Icons.check, { className: "size-4" }))),
+    return () => resizeObserver.disconnect();
+  }, [ref.current]);
+};
+const STANDARD_ICON_WIDTH = 32;
+const HEADING_ICON_WITH_TEXT = 127;
+const HEADING_ICON_ONLY = 58;
+const EMBED_ICON_WIDTH = 78;
+const CONTAINER_MD_BREAKPOINT = 448;
+const FLOAT_BUTTON_WIDTH = 25;
+const HEADING_LABEL = "Headings";
+const ToolbarContext = createContext(void 0);
+const ToolbarProvider = ({
+  tinaForm,
+  templates,
+  overrides,
   children
-));
-const dropdownMenuLabelVariants = cva(
-  cn$1("select-none px-2 py-1.5 text-sm font-semibold"),
-  {
-    variants: {
-      inset: {
-        true: "pl-8"
-      }
-    }
+}) => {
+  return /* @__PURE__ */ React__default.createElement(ToolbarContext.Provider, { value: { tinaForm, templates, overrides } }, children);
+};
+const useToolbarContext = () => {
+  const context = useContext(ToolbarContext);
+  if (!context) {
+    throw new Error("useToolbarContext must be used within a ToolbarProvider");
   }
-);
-const DropdownMenuLabel = withVariants(
-  DropdownMenuPrimitive.Label,
-  dropdownMenuLabelVariants,
-  ["inset"]
-);
-const DropdownMenuSeparator = withCn(
-  DropdownMenuPrimitive.Separator,
-  "-mx-1 my-1 h-px bg-muted"
-);
-withCn(
-  createPrimitiveElement("span"),
-  "ml-auto text-xs tracking-widest opacity-60"
-);
-const useOpenState = () => {
-  const [open2, setOpen] = useState(false);
-  const onOpenChange = useCallback(
-    (_value = !open2) => {
-      setOpen(_value);
-    },
-    [open2]
-  );
-  return {
-    onOpenChange,
-    open: open2
-  };
+  return context;
 };
 const items$1 = [
   {
@@ -13772,7 +14166,9 @@ function HeadingsMenu(props) {
     return allNodesMatchInitialNodeType ? initialNodeType : ELEMENT_PARAGRAPH$1;
   }, []);
   const editor = useEditorRef();
+  const editorState = useEditorState();
   const openState = useOpenState();
+  const userInTable = helpers.isNodeActive(editorState, ELEMENT_TABLE$1);
   const selectedItem = items$1.find((item) => item.value === value) ?? defaultItem$1;
   const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
   return /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
@@ -13784,7 +14180,7 @@ function HeadingsMenu(props) {
       tooltip: "Headings"
     },
     /* @__PURE__ */ React__default.createElement(SelectedItemIcon, { className: "size-5" }),
-    /* @__PURE__ */ React__default.createElement("span", { className: "hidden 2xl:flex" }, selectedItemLabel)
+    /* @__PURE__ */ React__default.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
   )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React__default.createElement(
     DropdownMenuRadioGroup,
     {
@@ -13796,7 +14192,12 @@ function HeadingsMenu(props) {
       },
       value
     },
-    items$1.map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
+    items$1.filter((item) => {
+      if (userInTable) {
+        return !unsupportedItemsInTable.has(item.label);
+      }
+      return true;
+    }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
       DropdownMenuRadioItem,
       {
         className: "min-w-[180px]",
@@ -13808,42 +14209,6 @@ function HeadingsMenu(props) {
     ))
   )));
 }
-const LinkToolbarButton = withRef((rest, ref) => {
-  const state = useLinkToolbarButtonState();
-  const { props } = useLinkToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React__default.createElement(Icons.link, null));
-});
-const useBlockQuoteToolbarButtonState = () => {
-  const editor = useEditorState();
-  const isBlockActive = () => helpers.isNodeActive(editor, ELEMENT_BLOCKQUOTE$1);
-  return {
-    pressed: isBlockActive()
-  };
-};
-const useBlockQuoteToolbarButton = (state) => {
-  const editor = useEditorState();
-  const onClick = () => {
-    toggleNodeType(editor, {
-      activeType: ELEMENT_BLOCKQUOTE$1
-    });
-  };
-  const onMouseDown = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  return {
-    props: {
-      onClick,
-      onMouseDown,
-      pressed: state.pressed
-    }
-  };
-};
-const QuoteToolbarButton = withRef(({ clear, ...rest }, ref) => {
-  const state = useBlockQuoteToolbarButtonState();
-  const { props } = useBlockQuoteToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.quote, null));
-});
 const useCodeBlockToolbarButtonState = () => {
   const editor = useEditorState();
   const isBlockActive = () => helpers.isNodeActive(editor, ELEMENT_CODE_BLOCK$1);
@@ -13905,6 +14270,116 @@ const ImageToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const { props } = useImageToolbarButton(state);
   return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.image, null));
 });
+const IndentListToolbarButton = withRef(({ nodeType = ELEMENT_UL }, ref) => {
+  const editor = useEditorState();
+  const state = useListToolbarButtonState({ nodeType });
+  const { props } = useListToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(
+    ToolbarButton,
+    {
+      ref,
+      tooltip: nodeType === ELEMENT_UL ? "Bulleted List" : "Numbered List",
+      ...props,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        toggleList(editor, { type: nodeType });
+      }
+    },
+    nodeType === ELEMENT_UL ? /* @__PURE__ */ React__default.createElement(Icons.ul, null) : /* @__PURE__ */ React__default.createElement(Icons.ol, null)
+  );
+});
+const LinkToolbarButton = withRef((rest, ref) => {
+  const state = useLinkToolbarButtonState();
+  const { props } = useLinkToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React__default.createElement(Icons.link, null));
+});
+const MarkToolbarButton = withRef(({ clear, nodeType, ...rest }, ref) => {
+  const state = useMarkToolbarButtonState({ clear, nodeType });
+  const { props } = useMarkToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, ...props, ...rest });
+});
+const useMermaidToolbarButtonState = () => {
+  const editor = useEditorState();
+  const isBlockActive = () => helpers.isNodeActive(editor, ELEMENT_MERMAID);
+  return {
+    pressed: isBlockActive()
+  };
+};
+const useMermaidToolbarButton = (state) => {
+  const editor = useEditorState();
+  const onClick = () => {
+    insertEmptyElement(editor, ELEMENT_MERMAID, {
+      nextBlock: true,
+      select: true
+    });
+  };
+  const onMouseDown = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return {
+    props: {
+      onClick,
+      onMouseDown,
+      pressed: state.pressed
+    }
+  };
+};
+const MermaidToolbarButton = withRef(({ clear, ...rest }, ref) => {
+  const state = useMermaidToolbarButtonState();
+  const { props } = useMermaidToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Mermaid", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.mermaid, null));
+});
+function OverflowMenu({
+  children,
+  ...props
+}) {
+  const openState = useOpenState();
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    ToolbarButton,
+    {
+      showArrow: false,
+      "data-testid": "rich-text-editor-overflow-menu-button",
+      className: "lg:min-w-[130px]",
+      isDropdown: true,
+      pressed: openState.open,
+      tooltip: "Headings"
+    },
+    /* @__PURE__ */ React__default.createElement(Icons.overflow, { className: "size-5" })
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "min-w-0 flex flex-grow" }, children));
+}
+const useBlockQuoteToolbarButtonState = () => {
+  const editor = useEditorState();
+  const isBlockActive = () => helpers.isNodeActive(editor, ELEMENT_BLOCKQUOTE$1);
+  return {
+    pressed: isBlockActive()
+  };
+};
+const useBlockQuoteToolbarButton = (state) => {
+  const editor = useEditorState();
+  const onClick = () => {
+    toggleNodeType(editor, {
+      activeType: ELEMENT_BLOCKQUOTE$1
+    });
+  };
+  const onMouseDown = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return {
+    props: {
+      onClick,
+      onMouseDown,
+      pressed: state.pressed
+    }
+  };
+};
+const QuoteToolbarButton = withRef(({ clear, ...rest }, ref) => {
+  const state = useBlockQuoteToolbarButtonState();
+  const { props } = useBlockQuoteToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.quote, null));
+});
 const useRawMarkdownToolbarButton = () => {
   const { setRawMode } = useEditorContext();
   const onMouseDown = (e) => {
@@ -13919,31 +14394,123 @@ const useRawMarkdownToolbarButton = () => {
 };
 const RawMarkdownToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const { props } = useRawMarkdownToolbarButton();
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.raw, null));
+  return /* @__PURE__ */ React__default.createElement(
+    ToolbarButton,
+    {
+      ref,
+      tooltip: "Link",
+      ...rest,
+      ...props,
+      "data-testid": "markdown-button"
+    },
+    /* @__PURE__ */ React__default.createElement(Icons.raw, null)
+  );
 });
-const ToolbarContext = createContext(void 0);
-const ToolbarProvider = ({
-  tinaForm,
-  templates,
-  overrides,
-  children
-}) => {
-  return /* @__PURE__ */ React__default.createElement(ToolbarContext.Provider, { value: { tinaForm, templates, overrides } }, children);
-};
-const useToolbarContext = () => {
-  const context = useContext(ToolbarContext);
-  if (!context) {
-    throw new Error("useToolbarContext must be used within a ToolbarProvider");
-  }
-  return context;
-};
+function TableDropdownMenu(props) {
+  const tableSelected = useEditorSelector(
+    (editor2) => someNode(editor2, { match: { type: ELEMENT_TABLE$1 } }),
+    []
+  );
+  const [enableDeleteColumn, enableDeleteRow] = useEditorSelector((editor2) => {
+    const tableNodeEntry = findNode(editor2, { match: { type: ELEMENT_TABLE$1 } });
+    if (!tableNodeEntry)
+      return [false, false];
+    const [tableNode] = tableNodeEntry;
+    if (!isElement(tableNode))
+      return [false, false];
+    const columnCount = getTableColumnCount(tableNode);
+    const rowCount = tableNode.children.length;
+    return [columnCount > 1, rowCount > 1];
+  }, []);
+  const editor = useEditorRef();
+  const openState = useOpenState();
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(ToolbarButton, { isDropdown: true, pressed: openState.open, tooltip: "Table" }, /* @__PURE__ */ React__default.createElement(Icons.table, null))), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuContent,
+    {
+      align: "start",
+      className: "flex w-[180px] min-w-0 flex-col gap-0.5"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: tableSelected,
+        onSelect: () => {
+          insertTable(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+      "Insert table"
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: !tableSelected,
+        onSelect: () => {
+          deleteTable(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+      "Delete table"
+    ),
+    /* @__PURE__ */ React__default.createElement(DropdownMenuSub, null, /* @__PURE__ */ React__default.createElement(DropdownMenuSubTrigger, { disabled: !tableSelected }, /* @__PURE__ */ React__default.createElement(Icons.column, { className: iconVariants({ variant: "menuItem" }) }), /* @__PURE__ */ React__default.createElement("span", null, "Column")), /* @__PURE__ */ React__default.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: !tableSelected,
+        onSelect: () => {
+          insertTableColumn(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+      "Insert column after"
+    ), /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: !enableDeleteColumn,
+        onSelect: () => {
+          deleteColumn(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+      "Delete column"
+    ))),
+    /* @__PURE__ */ React__default.createElement(DropdownMenuSub, null, /* @__PURE__ */ React__default.createElement(DropdownMenuSubTrigger, { disabled: !tableSelected }, /* @__PURE__ */ React__default.createElement(Icons.row, { className: iconVariants({ variant: "menuItem" }) }), /* @__PURE__ */ React__default.createElement("span", null, "Row")), /* @__PURE__ */ React__default.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: !tableSelected,
+        onSelect: () => {
+          insertTableRow(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+      "Insert row after"
+    ), /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        className: "min-w-[180px]",
+        disabled: !enableDeleteRow,
+        onSelect: () => {
+          deleteRow(editor);
+          focusEditor(editor);
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+      "Delete row"
+    )))
+  ));
+}
 function TemplatesToolbarButton() {
   const { templates } = useToolbarContext();
-  const showEmbed = templates.length > 0;
   const editor = useEditorState();
-  if (!showEmbed) {
-    return null;
-  }
   return /* @__PURE__ */ React__default.createElement(EmbedButton, { templates, editor });
 }
 const EmbedButton = ({ editor, templates }) => {
@@ -13976,7 +14543,7 @@ const EmbedButton = ({ editor, templates }) => {
       key: template.name,
       onMouseDown: (e) => {
         e.preventDefault();
-        close();
+        setOpen(false);
         insertMDX(editor, template);
       },
       className: ""
@@ -13984,99 +14551,123 @@ const EmbedButton = ({ editor, templates }) => {
     template.label || template.name
   ))));
 };
-const ICON_WIDTH = 32;
-const EMBED_ICON_WIDTH = 78;
-const useResize = (ref, callback) => {
-  React__default.useEffect(() => {
-    const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        callback(entry);
-      }
-    });
-    if (ref.current) {
-      resizeObserver.observe(ref.current);
-    }
-    return () => resizeObserver.disconnect();
-  }, [ref.current]);
-};
-function OverflowMenu({
-  children,
-  ...props
-}) {
-  const openState = useOpenState();
-  return /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-    ToolbarButton,
-    {
-      showArrow: false,
-      className: "lg:min-w-[130px]",
-      isDropdown: true,
-      pressed: openState.open,
-      tooltip: "Headings"
-    },
-    /* @__PURE__ */ React__default.createElement(Icons.overflow, { className: "size-5" })
-  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "min-w-0 flex flex-grow" }, children));
-}
 const toolbarItems = {
   heading: {
-    label: "Headings",
+    label: HEADING_LABEL,
+    width: (paragraphIconExists) => paragraphIconExists ? HEADING_ICON_WITH_TEXT : HEADING_ICON_ONLY,
+    // Dynamically handle width based on paragraph icon
     Component: /* @__PURE__ */ React__default.createElement(ToolbarGroup, { noSeparator: true }, /* @__PURE__ */ React__default.createElement(HeadingsMenu, null))
   },
   link: {
     label: "Link",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(LinkToolbarButton, null)
   },
   image: {
     label: "Image",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(ImageToolbarButton, null)
   },
   quote: {
     label: "Quote",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(QuoteToolbarButton, { tooltip: "Quote Quote (⌘+⇧+.)" })
   },
   ul: {
     label: "Unordered List",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(IndentListToolbarButton, { nodeType: ELEMENT_UL })
   },
   ol: {
     label: "Ordered List",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(IndentListToolbarButton, { nodeType: ELEMENT_OL })
   },
   bold: {
     label: "Bold",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: MARK_BOLD }, /* @__PURE__ */ React__default.createElement(Icons.bold, null))
   },
+  strikethrough: {
+    label: "Strikethrough",
+    width: () => STANDARD_ICON_WIDTH,
+    Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Strikethrough ", nodeType: MARK_STRIKETHROUGH }, /* @__PURE__ */ React__default.createElement(Icons.strikethrough, null))
+  },
   italic: {
     label: "Italic",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: MARK_ITALIC }, /* @__PURE__ */ React__default.createElement(Icons.italic, null))
   },
   code: {
     label: "Code",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: MARK_CODE }, /* @__PURE__ */ React__default.createElement(Icons.code, null))
   },
   codeBlock: {
     label: "Code Block",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(CodeBlockToolbarButton, null)
   },
+  mermaid: {
+    label: "Mermaid",
+    width: () => STANDARD_ICON_WIDTH,
+    Component: /* @__PURE__ */ React__default.createElement(MermaidToolbarButton, null)
+  },
+  table: {
+    label: "Table",
+    width: () => STANDARD_ICON_WIDTH,
+    Component: /* @__PURE__ */ React__default.createElement(TableDropdownMenu, null)
+  },
   raw: {
     label: "Raw Markdown",
+    width: () => STANDARD_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(RawMarkdownToolbarButton, null)
   },
   embed: {
     label: "Templates",
+    width: () => EMBED_ICON_WIDTH,
     Component: /* @__PURE__ */ React__default.createElement(TemplatesToolbarButton, null)
   }
 };
 function FixedToolbarButtons() {
   const toolbarRef = React__default.useRef(null);
   const [itemsShown, setItemsShown] = React__default.useState(11);
-  const { overrides } = useToolbarContext();
+  const { overrides, templates } = useToolbarContext();
+  const showEmbedButton = templates.length > 0;
+  let items2 = [];
+  if (Array.isArray(overrides)) {
+    items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+  } else {
+    items2 = (overrides == null ? void 0 : overrides.toolbar) === void 0 ? Object.values(toolbarItems) : overrides.toolbar.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+  }
+  if (!showEmbedButton) {
+    items2 = items2.filter((item) => item.label !== toolbarItems.embed.label);
+  }
+  const editorState = useEditorState();
+  const userInTable = helpers.isNodeActive(editorState, ELEMENT_TABLE);
+  if (userInTable) {
+    items2 = items2.filter((item) => !unsupportedItemsInTable.has(item.label));
+  }
   useResize(toolbarRef, (entry) => {
     const width = entry.target.getBoundingClientRect().width;
-    const itemsShown2 = (width - EMBED_ICON_WIDTH) / ICON_WIDTH;
-    setItemsShown(Math.floor(itemsShown2));
+    const headingButton = items2.find((item) => item.label === HEADING_LABEL);
+    const headingWidth = headingButton ? headingButton.width(width > CONTAINER_MD_BREAKPOINT) : 0;
+    const availableWidth = width - headingWidth - FLOAT_BUTTON_WIDTH;
+    const { itemFitCount } = items2.reduce(
+      (acc, item) => {
+        if (item.label !== HEADING_LABEL && acc.totalItemsWidth + item.width() <= availableWidth) {
+          return {
+            totalItemsWidth: acc.totalItemsWidth + item.width(),
+            itemFitCount: acc.itemFitCount + 1
+          };
+        }
+        return acc;
+      },
+      { totalItemsWidth: 0, itemFitCount: 1 }
+    );
+    setItemsShown(itemFitCount);
   });
-  const toolbarItemsArray = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-hidden", ref: toolbarRef }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-hidden @container/toolbar", ref: toolbarRef }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: "flex",
@@ -14084,7 +14675,7 @@ function FixedToolbarButtons() {
         transform: "translateX(calc(-1px))"
       }
     },
-    /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, toolbarItemsArray.slice(0, itemsShown).map((item, index) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: item.label }, item.Component)), toolbarItemsArray.length > itemsShown && /* @__PURE__ */ React__default.createElement(OverflowMenu, null, toolbarItemsArray.slice(itemsShown).flatMap((c) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: c.label }, c.Component))))
+    /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, items2.slice(0, itemsShown).map((item) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: item.label }, item.Component)), items2.length > itemsShown && /* @__PURE__ */ React__default.createElement(OverflowMenu, null, items2.slice(itemsShown).flatMap((c) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: c.label }, c.Component))))
   ));
 }
 const FloatingToolbar = withRef(({ children, state, ...props }, componentRef) => {
@@ -14199,6 +14790,10 @@ function TurnIntoDropdownMenu(props) {
   const openState = useOpenState();
   const selectedItem = items.find((item) => item.value === value) ?? defaultItem;
   const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
+  const editorState = useEditorState();
+  const userInTable = helpers.isNodeActive(editorState, ELEMENT_TABLE$1);
+  if (userInTable)
+    return null;
   return /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
     ToolbarButton,
     {
@@ -14240,49 +14835,6 @@ function TurnIntoDropdownMenu(props) {
 function FloatingToolbarButtons() {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TurnIntoDropdownMenu, null));
 }
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    },
-    variants: {
-      isMenu: {
-        true: "h-auto w-full cursor-pointer justify-start"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        icon: "size-10",
-        lg: "h-11 rounded-md px-8",
-        none: "",
-        sm: "h-9 rounded-md px-3",
-        sms: "size-9 rounded-md px-0",
-        xs: "h-8 rounded-md px-3"
-      },
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        inlineLink: "text-base text-primary underline underline-offset-4",
-        link: "text-primary underline-offset-4 hover:underline",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
-      }
-    }
-  }
-);
-withRef(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React.createElement(
-    Comp,
-    {
-      className: cn$1(buttonVariants({ className, isMenu, size, variant })),
-      ref,
-      ...props
-    }
-  );
-});
 const inputVariants = cva(
   "flex w-full rounded-md bg-transparent text-sm file:border-0 file:bg-background file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -14303,22 +14855,6 @@ const inputVariants = cva(
   }
 );
 withVariants("input", inputVariants, ["variant", "h"]);
-const popoverVariants = cva(
-  "w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 print:hidden"
-);
-withRef(
-  ({ align = "center", className, sideOffset = 4, style, ...props }, ref) => /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
-    PopoverPrimitive.Content,
-    {
-      align,
-      className: cn$1(popoverVariants(), className),
-      ref,
-      sideOffset,
-      style: { zIndex: 1e3, ...style },
-      ...props
-    }
-  ))
-);
 const floatingOptions = {
   middleware: [
     offset(12),
@@ -14378,7 +14914,7 @@ function LinkFloatingToolbar({ state }) {
   const editContent = editState.isEditing ? input : /* @__PURE__ */ React__default.createElement("div", { className: "box-content flex h-9 items-center gap-1" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
-      className: buttonVariants({ size: "sm", variant: "ghost" }),
+      className: buttonVariants$1({ size: "sm", variant: "ghost" }),
       type: "button",
       ...editButtonProps
     },
@@ -14386,7 +14922,7 @@ function LinkFloatingToolbar({ state }) {
   ), /* @__PURE__ */ React__default.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React__default.createElement(
     LinkOpenButton,
     {
-      className: buttonVariants({
+      className: buttonVariants$1({
         size: "sms",
         variant: "ghost"
       })
@@ -14395,7 +14931,7 @@ function LinkFloatingToolbar({ state }) {
   ), /* @__PURE__ */ React__default.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React__default.createElement(
     "button",
     {
-      className: buttonVariants({
+      className: buttonVariants$1({
         size: "sms",
         variant: "ghost"
       }),
@@ -14431,6 +14967,9 @@ const isUrl = (string) => {
   if (typeof string !== "string") {
     return false;
   }
+  if (string.startsWith("#")) {
+    return true;
+  }
   const generalMatch = string.match(protocolAndDomainRE);
   const emailLinkMatch = string.match(emailLintRE);
   const localUrlMatch = string.match(localUrlRE);
@@ -14452,12 +14991,12 @@ const isUrl = (string) => {
   }
   return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
 };
-const RichEditor = (props) => {
+const RichEditor = ({ input, tinaForm, field }) => {
   var _a;
   const initialValue = React__default.useMemo(
     () => {
       var _a2, _b;
-      return ((_b = (_a2 = props.input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+      return ((_b = (_a2 = input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
     },
     []
   );
@@ -14469,6 +15008,7 @@ const RichEditor = (props) => {
         createMdxBlockPlugin(),
         createMdxInlinePlugin(),
         createImgPlugin(),
+        createMermaidPlugin(),
         createInvalidMarkdownPlugin(),
         createLinkPlugin({
           options: {
@@ -14484,7 +15024,7 @@ const RichEditor = (props) => {
     ),
     []
   );
-  const tempId = [props.tinaForm.id, props.input.name].join(".");
+  const tempId = [tinaForm.id, input.name].join(".");
   const id = React__default.useMemo(() => uuid() + tempId, [tempId]);
   const ref = React__default.useRef(null);
   React__default.useEffect(() => {
@@ -14494,13 +15034,13 @@ const RichEditor = (props) => {
         const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
           '[role="textbox"]'
         );
-        if (props.field.experimental_focusIntent && plateElement) {
+        if (field.experimental_focusIntent && plateElement) {
           if (plateElement)
             plateElement.focus();
         }
       }, 100);
     }
-  }, [props.field.experimental_focusIntent, ref]);
+  }, [field.experimental_focusIntent, ref]);
   return /* @__PURE__ */ React__default.createElement("div", { ref }, /* @__PURE__ */ React__default.createElement(
     Plate,
     {
@@ -14508,7 +15048,7 @@ const RichEditor = (props) => {
       initialValue,
       plugins: plugins$2,
       onChange: (value) => {
-        props.input.onChange({
+        input.onChange({
           type: "root",
           children: value
         });
@@ -14517,12 +15057,12 @@ const RichEditor = (props) => {
     /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(
       ToolbarProvider,
       {
-        tinaForm: props.tinaForm,
-        templates: props.field.templates,
-        overrides: (_a = props.field) == null ? void 0 : _a.toolbarOverride
+        tinaForm,
+        templates: field.templates,
+        overrides: (field == null ? void 0 : field.toolbarOverride) ? field.toolbarOverride : field.overrides
       },
       /* @__PURE__ */ React__default.createElement(FixedToolbar, null, /* @__PURE__ */ React__default.createElement(FixedToolbarButtons, null)),
-      /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null))
+      ((_a = field == null ? void 0 : field.overrides) == null ? void 0 : _a.showFloatingToolbar) !== false ? /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null)) : null
     ), /* @__PURE__ */ React__default.createElement(Editor, null))
   ));
 };
@@ -15710,132 +16250,1209 @@ const ben = [
   "হয়"
 ];
 const bre = [
+  "'blam",
+  "'d",
+  "'m",
+  "'r",
+  "'ta",
+  "'vat",
+  "'z",
+  "'zo",
   "a",
-  "ainda",
-  "alem",
-  "ambas",
-  "ambos",
-  "antes",
-  "ao",
-  "aonde",
-  "aos",
-  "apos",
-  "aquele",
-  "aqueles",
-  "as",
-  "assim",
-  "com",
-  "como",
-  "contra",
-  "contudo",
-  "cuja",
-  "cujas",
-  "cujo",
-  "cujos",
+  "a:",
+  "aba",
+  "abalamour",
+  "abaoe",
+  "ac'hane",
+  "ac'hanoc'h",
+  "ac'hanomp",
+  "ac'hanon",
+  "ac'hanout",
+  "adal",
+  "adalek",
+  "adarre",
+  "ae",
+  "aec'h",
+  "aed",
+  "aemp",
+  "aen",
+  "aent",
+  "aes",
+  "afe",
+  "afec'h",
+  "afed",
+  "afemp",
+  "afen",
+  "afent",
+  "afes",
+  "ag",
+  "ah",
+  "aimp",
+  "aint",
+  "aio",
+  "aiou",
+  "aje",
+  "ajec'h",
+  "ajed",
+  "ajemp",
+  "ajen",
+  "ajent",
+  "ajes",
+  "al",
+  "alato",
+  "alies",
+  "aliesañ",
+  "alkent",
+  "all",
+  "allas",
+  "allo",
+  "allô",
+  "am",
+  "amañ",
+  "amzer",
+  "an",
+  "anezhañ",
+  "anezhe",
+  "anezhi",
+  "anezho",
+  "anvet",
+  "aon",
+  "aotren",
+  "ar",
+  "arall",
+  "araok",
+  "araoki",
+  "araozañ",
+  "araozo",
+  "araozoc'h",
+  "araozomp",
+  "araozon",
+  "araozor",
+  "araozout",
+  "arbenn",
+  "arre",
+  "atalek",
+  "atav",
+  "az",
+  "azalek",
+  "azirazañ",
+  "azirazi",
+  "azirazo",
+  "azirazoc'h",
+  "azirazomp",
+  "azirazon",
+  "azirazor",
+  "azirazout",
+  "b:",
+  "ba",
+  "ba'l",
+  "ba'n",
+  "ba'r",
+  "bad",
+  "bah",
+  "bal",
+  "ban",
+  "bar",
+  "bastañ",
+  "befe",
+  "bell",
+  "benaos",
+  "benn",
+  "bennag",
+  "bennak",
+  "bennozh",
+  "bep",
+  "bepred",
+  "berr",
+  "berzh",
+  "bet",
+  "betek",
+  "betra",
+  "bev",
+  "bevet",
+  "bez",
+  "bezañ",
+  "beze",
+  "bezent",
+  "bezet",
+  "bezh",
+  "bezit",
+  "bezomp",
+  "bihan",
+  "bije",
+  "biou",
+  "biskoazh",
+  "blam",
+  "bo",
+  "boa",
+  "bominapl",
+  "boudoudom",
+  "bouez",
+  "boull",
+  "boum",
+  "bout",
+  "bras",
+  "brasañ",
+  "brav",
+  "bravo",
+  "bremañ",
+  "bres",
+  "brokenn",
+  "bronn",
+  "brrr",
+  "brutal",
+  "buhezek",
+  "c'h:",
+  "c'haout",
+  "c'he",
+  "c'hem",
+  "c'herz",
+  "c'heñver",
+  "c'hichen",
+  "c'hiz",
+  "c'hoazh",
+  "c'horre",
+  "c'houde",
+  "c'houst",
+  "c'hreiz",
+  "c'hwec'h",
+  "c'hwec'hvet",
+  "c'hwezek",
+  "c'hwi",
+  "ch:",
+  "chaous",
+  "chik",
+  "chit",
+  "chom",
+  "chut",
+  "d'",
+  "d'al",
+  "d'an",
+  "d'ar",
+  "d'az",
+  "d'e",
+  "d'he",
+  "d'ho",
+  "d'hol",
+  "d'hon",
+  "d'hor",
+  "d'o",
+  "d'ober",
+  "d'ul",
+  "d'un",
+  "d'ur",
+  "d:",
   "da",
-  "das",
-  "de",
-  "dela",
-  "dele",
-  "deles",
-  "demais",
-  "depois",
-  "desde",
-  "desta",
-  "deste",
-  "dispoe",
-  "dispoem",
-  "diversa",
-  "diversas",
-  "diversos",
+  "dak",
+  "daka",
+  "dal",
+  "dalbezh",
+  "dalc'hmat",
+  "dalit",
+  "damdost",
+  "damheñvel",
+  "damm",
+  "dan",
+  "danvez",
+  "dao",
+  "daol",
+  "daonet",
+  "daou",
+  "daoust",
+  "daouzek",
+  "daouzekvet",
+  "darn",
+  "dastrewiñ",
+  "dav",
+  "davedoc'h",
+  "davedomp",
+  "davedon",
+  "davedor",
+  "davedout",
+  "davet",
+  "davetañ",
+  "davete",
+  "daveti",
+  "daveto",
+  "defe",
+  "dehou",
+  "dek",
+  "dekvet",
+  "den",
+  "deoc'h",
+  "deomp",
+  "deor",
+  "derc'hel",
+  "deus",
+  "dez",
+  "deze",
+  "dezhañ",
+  "dezhe",
+  "dezhi",
+  "dezho",
+  "di",
+  "diabarzh",
+  "diagent",
+  "diar",
+  "diaraok",
+  "diavaez",
+  "dibaoe",
+  "dibaot",
+  "dibar",
+  "dic'halañ",
+  "didiac'h",
+  "dienn",
+  "difer",
+  "diganeoc'h",
+  "diganeomp",
+  "diganeor",
+  "diganimp",
+  "diganin",
+  "diganit",
+  "digant",
+  "digantañ",
+  "digante",
+  "diganti",
+  "diganto",
+  "digemmesk",
+  "diget",
+  "digor",
+  "digoret",
+  "dija",
+  "dije",
+  "dimp",
+  "din",
+  "dinaou",
+  "dindan",
+  "dindanañ",
+  "dindani",
+  "dindano",
+  "dindanoc'h",
+  "dindanomp",
+  "dindanon",
+  "dindanor",
+  "dindanout",
+  "dioutañ",
+  "dioute",
+  "diouti",
+  "diouto",
+  "diouzh",
+  "diouzhin",
+  "diouzhit",
+  "diouzhoc'h",
+  "diouzhomp",
+  "diouzhor",
+  "dirak",
+  "dirazañ",
+  "dirazi",
+  "dirazo",
+  "dirazoc'h",
+  "dirazomp",
+  "dirazon",
+  "dirazor",
+  "dirazout",
+  "disheñvel",
+  "dispar",
+  "distank",
+  "dister",
+  "disterañ",
+  "disterig",
+  "distro",
+  "dit",
+  "divaez",
+  "diwar",
+  "diwezhat",
+  "diwezhañ",
   "do",
-  "dos",
-  "durante",
+  "doa",
+  "doare",
+  "dont",
+  "dost",
+  "doue",
+  "douetus",
+  "douez",
+  "doug",
+  "draou",
+  "draoñ",
+  "dre",
+  "drede",
+  "dreist",
+  "dreistañ",
+  "dreisti",
+  "dreisto",
+  "dreistoc'h",
+  "dreistomp",
+  "dreiston",
+  "dreistor",
+  "dreistout",
+  "drek",
+  "dreñv",
+  "dring",
+  "dro",
+  "du",
   "e",
-  "ela",
-  "elas",
-  "ele",
-  "eles",
+  "e:",
+  "eas",
+  "ebet",
+  "ec'h",
+  "edo",
+  "edoc'h",
+  "edod",
+  "edomp",
+  "edon",
+  "edont",
+  "edos",
+  "eer",
+  "eeun",
+  "efed",
+  "egedoc'h",
+  "egedomp",
+  "egedon",
+  "egedor",
+  "egedout",
+  "eget",
+  "egetañ",
+  "egete",
+  "egeti",
+  "egeto",
+  "eh",
+  "eil",
+  "eilvet",
+  "eizh",
+  "eizhvet",
+  "ejoc'h",
+  "ejod",
+  "ejomp",
+  "ejont",
+  "ejout",
+  "el",
   "em",
-  "entao",
-  "entre",
-  "essa",
-  "essas",
-  "esse",
-  "esses",
-  "esta",
-  "estas",
-  "este",
-  "estes",
+  "emaint",
+  "emaoc'h",
+  "emaomp",
+  "emaon",
+  "emaout",
+  "emañ",
+  "eme",
+  "emeur",
+  "emezañ",
+  "emezi",
+  "emezo",
+  "emezoc'h",
+  "emezomp",
+  "emezon",
+  "emezout",
+  "emporzhiañ",
+  "en",
+  "end",
+  "endan",
+  "endra",
+  "enep",
+  "ennañ",
+  "enni",
+  "enno",
+  "ennoc'h",
+  "ennomp",
+  "ennon",
+  "ennor",
+  "ennout",
+  "enta",
+  "eo",
+  "eomp",
+  "eont",
+  "eor",
+  "eot",
+  "er",
+  "erbet",
+  "erfin",
+  "esa",
+  "esae",
+  "espar",
+  "estlamm",
+  "estrañj",
+  "eta",
+  "etre",
+  "etreoc'h",
+  "etrezo",
+  "etrezoc'h",
+  "etrezomp",
+  "etrezor",
+  "euh",
+  "eur",
+  "eus",
+  "evel",
+  "evelato",
+  "eveldoc'h",
+  "eveldomp",
+  "eveldon",
+  "eveldor",
+  "eveldout",
+  "evelkent",
+  "eveltañ",
+  "evelte",
+  "evelti",
+  "evelto",
+  "evidoc'h",
+  "evidomp",
+  "evidon",
+  "evidor",
+  "evidout",
+  "evit",
+  "evitañ",
+  "evite",
+  "eviti",
+  "evito",
+  "ez",
+  "eñ",
+  "f:",
+  "fac'h",
+  "fall",
+  "fed",
+  "feiz",
+  "fenn",
+  "fezh",
+  "fin",
+  "finsalvet",
+  "foei",
+  "fouilhezañ",
+  "g:",
+  "gallout",
+  "ganeoc'h",
+  "ganeomp",
+  "ganin",
+  "ganit",
+  "gant",
+  "gantañ",
+  "ganti",
+  "ganto",
+  "gaout",
+  "gast",
+  "gein",
+  "gellout",
+  "genndost",
+  "gentañ",
+  "ger",
+  "gerz",
+  "get",
+  "geñver",
+  "gichen",
+  "gin",
+  "giz",
+  "glan",
+  "gloev",
+  "goll",
+  "gorre",
+  "goude",
+  "gouez",
+  "gouezit",
+  "gouezomp",
+  "goulz",
+  "gounnar",
+  "gour",
+  "goust",
+  "gouze",
+  "gouzout",
+  "gra",
+  "grak",
+  "grec'h",
+  "greiz",
+  "grenn",
+  "greomp",
+  "grit",
+  "groñs",
+  "gutez",
+  "gwall",
+  "gwashoc'h",
+  "gwazh",
+  "gwech",
+  "gwechall",
+  "gwechoù",
+  "gwell",
+  "gwezh",
+  "gwezhall",
+  "gwezharall",
+  "gwezhoù",
+  "gwig",
+  "gwirionez",
+  "gwitibunan",
+  "gêr",
+  "h:",
   "ha",
-  "isso",
-  "isto",
-  "logo",
-  "mais",
-  "mas",
-  "mediante",
-  "menos",
-  "mesma",
-  "mesmas",
-  "mesmo",
-  "mesmos",
+  "hag",
+  "han",
+  "hanter",
+  "hanterc'hantad",
+  "hanterkantved",
+  "harz",
+  "hañ",
+  "hañval",
+  "he",
+  "hebioù",
+  "hec'h",
+  "hei",
+  "hein",
+  "hem",
+  "hemañ",
+  "hen",
+  "hend",
+  "henhont",
+  "henn",
+  "hennezh",
+  "hent",
+  "hep",
+  "hervez",
+  "hervezañ",
+  "hervezi",
+  "hervezo",
+  "hervezoc'h",
+  "hervezomp",
+  "hervezon",
+  "hervezor",
+  "hervezout",
+  "heul",
+  "heuliañ",
+  "hevelep",
+  "heverk",
+  "heñvel",
+  "heñvelat",
+  "heñvelañ",
+  "heñveliñ",
+  "heñveloc'h",
+  "heñvelout",
+  "hi",
+  "hilh",
+  "hini",
+  "hirie",
+  "hirio",
+  "hiziv",
+  "hiziviken",
+  "ho",
+  "hoaliñ",
+  "hoc'h",
+  "hogen",
+  "hogos",
+  "hogozik",
+  "hol",
+  "holl",
+  "holà",
+  "homañ",
+  "hon",
+  "honhont",
+  "honnezh",
+  "hont",
+  "hop",
+  "hopala",
+  "hor",
+  "hou",
+  "houp",
+  "hudu",
+  "hue",
+  "hui",
+  "hum",
+  "hurrah",
+  "i",
+  "i:",
+  "in",
+  "int",
+  "is",
+  "ispisial",
+  "isurzhiet",
+  "it",
+  "ivez",
+  "izelañ",
+  "j:",
+  "just",
+  "k:",
+  "kae",
+  "kaer",
+  "kalon",
+  "kalz",
+  "kant",
+  "kaout",
+  "kar",
+  "kazi",
+  "keid",
+  "kein",
+  "keit",
+  "kel",
+  "kellies",
+  "keloù",
+  "kement",
+  "ken",
+  "kenkent",
+  "kenkoulz",
+  "kenment",
+  "kent",
+  "kentañ",
+  "kentizh",
+  "kentoc'h",
+  "kentre",
+  "ker",
+  "kerkent",
+  "kerz",
+  "kerzh",
+  "ket",
+  "keta",
+  "keñver",
+  "keñverel",
+  "keñverius",
+  "kichen",
+  "kichenik",
+  "kit",
+  "kiz",
+  "klak",
+  "klek",
+  "klik",
+  "komprenet",
+  "komz",
+  "kont",
+  "korf",
+  "korre",
+  "koulskoude",
+  "koulz",
+  "koust",
+  "krak",
+  "krampouezh",
+  "krec'h",
+  "kreiz",
+  "kuit",
+  "kwir",
+  "l:",
+  "la",
+  "laez",
+  "laoskel",
+  "laouen",
+  "lavar",
+  "lavaret",
+  "lavarout",
+  "lec'h",
+  "lein",
+  "leizh",
+  "lerc'h",
+  "leun",
+  "leuskel",
+  "lew",
+  "lies",
+  "liesañ",
+  "lod",
+  "lusk",
+  "lâr",
+  "lârout",
+  "m:",
+  "ma",
+  "ma'z",
+  "mac'h",
+  "mac'hat",
+  "mac'hañ",
+  "mac'hoc'h",
+  "mad",
+  "maez",
+  "maksimal",
+  "mann",
+  "mar",
+  "mard",
+  "marg",
+  "marzh",
+  "mat",
+  "mañ",
+  "me",
+  "memes",
+  "memestra",
+  "merkapl",
+  "mersi",
+  "mes",
+  "mesk",
+  "met",
+  "meur",
+  "mil",
+  "minimal",
+  "moan",
+  "moaniaat",
+  "mod",
+  "mont",
+  "mout",
+  "mui",
+  "muiañ",
+  "muioc'h",
+  "n",
+  "n'",
+  "n:",
   "na",
-  "nao",
-  "nas",
-  "nem",
-  "nesse",
-  "neste",
-  "nos",
+  "nag",
+  "naontek",
+  "naturel",
+  "nav",
+  "navet",
+  "ne",
+  "nebeudig",
+  "nebeut",
+  "nebeutañ",
+  "nebeutoc'h",
+  "neketa",
+  "nemedoc'h",
+  "nemedomp",
+  "nemedon",
+  "nemedor",
+  "nemedout",
+  "nemet",
+  "nemetañ",
+  "nemete",
+  "nemeti",
+  "nemeto",
+  "nemeur",
+  "neoac'h",
+  "nepell",
+  "nerzh",
+  "nes",
+  "neseser",
+  "netra",
+  "neubeudoù",
+  "neuhe",
+  "neuze",
+  "nevez",
+  "newazh",
+  "nez",
+  "ni",
+  "nikun",
+  "niverus",
+  "nul",
   "o",
-  "os",
-  "ou",
-  "outra",
-  "outras",
-  "outro",
-  "outros",
-  "pelas",
-  "pelo",
-  "pelos",
-  "perante",
-  "pois",
-  "por",
-  "porque",
-  "portanto",
-  "propios",
-  "proprio",
-  "quais",
-  "qual",
-  "qualquer",
-  "quando",
-  "quanto",
-  "que",
-  "quem",
-  "quer",
+  "o:",
+  "oa",
+  "oac'h",
+  "oad",
+  "oamp",
+  "oan",
+  "oant",
+  "oar",
+  "oas",
+  "ober",
+  "oc'h",
+  "oc'ho",
+  "oc'hola",
+  "oc'hpenn",
+  "oh",
+  "ohe",
+  "ollé",
+  "olole",
+  "olé",
+  "omp",
+  "on",
+  "ordin",
+  "ordinal",
+  "ouejoc'h",
+  "ouejod",
+  "ouejomp",
+  "ouejont",
+  "ouejout",
+  "ouek",
+  "ouezas",
+  "ouezi",
+  "ouezimp",
+  "ouezin",
+  "ouezint",
+  "ouezis",
+  "ouezo",
+  "ouezoc'h",
+  "ouezor",
+  "ouf",
+  "oufe",
+  "oufec'h",
+  "oufed",
+  "oufemp",
+  "oufen",
+  "oufent",
+  "oufes",
+  "ouie",
+  "ouiec'h",
+  "ouied",
+  "ouiemp",
+  "ouien",
+  "ouient",
+  "ouies",
+  "ouije",
+  "ouijec'h",
+  "ouijed",
+  "ouijemp",
+  "ouijen",
+  "ouijent",
+  "ouijes",
+  "out",
+  "outañ",
+  "outi",
+  "outo",
+  "ouzer",
+  "ouzh",
+  "ouzhin",
+  "ouzhit",
+  "ouzhoc'h",
+  "ouzhomp",
+  "ouzhor",
+  "ouzhpenn",
+  "ouzhpennik",
+  "ouzoc'h",
+  "ouzomp",
+  "ouzon",
+  "ouzont",
+  "ouzout",
+  "p'",
+  "p:",
+  "pa",
+  "pad",
+  "padal",
+  "paf",
+  "pan",
+  "panevedeoc'h",
+  "panevedo",
+  "panevedomp",
+  "panevedon",
+  "panevedout",
+  "panevet",
+  "panevetañ",
+  "paneveti",
+  "pas",
+  "paseet",
+  "pe",
+  "peadra",
+  "peder",
+  "pedervet",
+  "pedervetvet",
+  "pefe",
+  "pegeit",
+  "pegement",
+  "pegen",
+  "pegiz",
+  "pegoulz",
+  "pehini",
+  "pelec'h",
+  "pell",
+  "pemod",
+  "pemp",
+  "pempved",
+  "pemzek",
+  "penaos",
+  "penn",
+  "peogwir",
+  "peotramant",
+  "pep",
+  "perak",
+  "perc'hennañ",
+  "pergen",
+  "permetiñ",
+  "peseurt",
+  "pet",
+  "petiaoul",
+  "petoare",
+  "petra",
+  "peur",
+  "peurgetket",
+  "peurheñvel",
+  "peurliesañ",
+  "peurvuiañ",
+  "peus",
+  "peustost",
+  "peuz",
+  "pevar",
+  "pevare",
+  "pevarevet",
+  "pevarzek",
+  "pez",
+  "peze",
+  "pezh",
+  "pff",
+  "pfft",
+  "pfut",
+  "picher",
+  "pif",
+  "pife",
+  "pign",
+  "pije",
+  "pikol",
+  "pitiaoul",
+  "piv",
+  "plaouf",
+  "plok",
+  "plouf",
+  "po",
+  "poa",
+  "poelladus",
+  "pof",
+  "pok",
+  "posupl",
+  "pouah",
+  "pourc'henn",
+  "prest",
+  "prestik",
+  "prim",
+  "prin",
+  "provostapl",
+  "pst",
+  "pu",
+  "pur",
+  "r:",
+  "ra",
+  "rae",
+  "raec'h",
+  "raed",
+  "raemp",
+  "raen",
+  "raent",
+  "raes",
+  "rafe",
+  "rafec'h",
+  "rafed",
+  "rafemp",
+  "rafen",
+  "rafent",
+  "rafes",
+  "rag",
+  "raimp",
+  "raint",
+  "raio",
+  "raje",
+  "rajec'h",
+  "rajed",
+  "rajemp",
+  "rajen",
+  "rajent",
+  "rajes",
+  "rak",
+  "ral",
+  "ran",
+  "rankout",
+  "raok",
+  "razh",
+  "re",
+  "reas",
+  "reer",
+  "regennoù",
+  "reiñ",
+  "rejoc'h",
+  "rejod",
+  "rejomp",
+  "rejont",
+  "rejout",
+  "rener",
+  "rentañ",
+  "reoc'h",
+  "reomp",
+  "reont",
+  "reor",
+  "reot",
+  "resis",
+  "ret",
+  "reve",
+  "rez",
+  "ri",
+  "rik",
+  "rin",
+  "ris",
+  "rit",
+  "rouez",
+  "s:",
+  "sac'h",
+  "sant",
+  "sav",
+  "sañset",
   "se",
-  "seja",
-  "sem",
-  "sendo",
-  "seu",
-  "seus",
-  "sob",
-  "sobre",
-  "sua",
-  "suas",
+  "sed",
+  "seitek",
+  "seizh",
+  "seizhvet",
+  "sell",
+  "sellit",
+  "ser",
+  "setu",
+  "seul",
+  "seurt",
+  "siwazh",
+  "skignañ",
+  "skoaz",
+  "skouer",
+  "sort",
+  "souden",
+  "souvitañ",
+  "soñj",
+  "speriañ",
+  "spririñ",
+  "stad",
+  "stlabezañ",
+  "stop",
+  "stranañ",
+  "strewiñ",
+  "strishaat",
+  "stumm",
+  "sujed",
+  "surtoud",
+  "t:",
+  "ta",
+  "taer",
+  "tailh",
+  "tak",
   "tal",
-  "tambem",
-  "teu",
+  "talvoudegezh",
+  "tamm",
+  "tanav",
+  "taol",
+  "te",
+  "techet",
+  "teir",
+  "teirvet",
+  "telt",
+  "teltenn",
   "teus",
-  "toda",
-  "todas",
-  "todo",
-  "todos",
-  "tua",
-  "tuas",
-  "tudo",
-  "um",
-  "uma",
-  "umas",
-  "uns"
+  "teut",
+  "teuteu",
+  "ti",
+  "tik",
+  "toa",
+  "tok",
+  "tost",
+  "tostig",
+  "toud",
+  "touesk",
+  "touez",
+  "toull",
+  "tra",
+  "trantenn",
+  "traoñ",
+  "trawalc'h",
+  "tre",
+  "trede",
+  "tregont",
+  "tremenet",
+  "tri",
+  "trivet",
+  "triwec'h",
+  "trizek",
+  "tro",
+  "trugarez",
+  "trumm",
+  "tsoin",
+  "tsouin",
+  "tu",
+  "tud",
+  "u:",
+  "ugent",
+  "uhel",
+  "uhelañ",
+  "ul",
+  "un",
+  "unan",
+  "unanez",
+  "unanig",
+  "unnek",
+  "unnekvet",
+  "ur",
+  "urzh",
+  "us",
+  "v:",
+  "va",
+  "vale",
+  "van",
+  "vare",
+  "vat",
+  "vefe",
+  "vefec'h",
+  "vefed",
+  "vefemp",
+  "vefen",
+  "vefent",
+  "vefes",
+  "vesk",
+  "vete",
+  "vez",
+  "vezan",
+  "vezañ",
+  "veze",
+  "vezec'h",
+  "vezed",
+  "vezemp",
+  "vezen",
+  "vezent",
+  "vezer",
+  "vezes",
+  "vezez",
+  "vezit",
+  "vezomp",
+  "vezont",
+  "vi",
+  "vihan",
+  "vihanañ",
+  "vije",
+  "vijec'h",
+  "vijed",
+  "vijemp",
+  "vijen",
+  "vijent",
+  "vijes",
+  "viken",
+  "vimp",
+  "vin",
+  "vint",
+  "vior",
+  "viot",
+  "virviken",
+  "viskoazh",
+  "vlan",
+  "vlaou",
+  "vo",
+  "vod",
+  "voe",
+  "voec'h",
+  "voed",
+  "voemp",
+  "voen",
+  "voent",
+  "voes",
+  "vont",
+  "vostapl",
+  "vrac'h",
+  "vrasañ",
+  "vremañ",
+  "w:",
+  "walc'h",
+  "war",
+  "warnañ",
+  "warni",
+  "warno",
+  "warnoc'h",
+  "warnomp",
+  "warnon",
+  "warnor",
+  "warnout",
+  "wazh",
+  "wech",
+  "wechoù",
+  "well",
+  "y:",
+  "you",
+  "youadenn",
+  "youc'hadenn",
+  "youc'hou",
+  "z:",
+  "za",
+  "zan",
+  "zaw",
+  "zeu",
+  "zi",
+  "ziar",
+  "zigarez",
+  "ziget",
+  "zindan",
+  "zioc'h",
+  "ziouzh",
+  "zirak",
+  "zivout",
+  "ziwar",
+  "ziwezhañ",
+  "zo",
+  "zoken",
+  "zokenoc'h",
+  "zouesk",
+  "zouez",
+  "zro",
+  "zu"
 ];
 const bul = [
   "а",
@@ -27491,22 +29108,32 @@ const tur = [
   "şöyle"
 ];
 const ukr = [
+  "а",
+  "або",
   "авжеж",
   "адже",
+  "аж",
   "але",
+  "ані",
   "б",
   "без",
+  "би",
+  "бо",
   "був",
   "була",
   "були",
   "було",
   "бути",
   "більш",
+  "в",
   "вам",
+  "вами",
   "вас",
   "весь",
+  "вже",
   "вздовж",
   "ви",
+  "від",
   "вниз",
   "внизу",
   "вона",
@@ -27515,55 +29142,138 @@ const ukr = [
   "все",
   "всередині",
   "всіх",
+  "вся",
   "від",
   "він",
   "да",
   "давай",
   "давати",
   "де",
+  "десь",
   "дещо",
   "для",
   "до",
+  "є",
+  "ж",
+  "же",
   "з",
+  "за",
   "завжди",
   "замість",
+  "зі",
+  "і",
+  "із",
+  "інших",
+  "її",
+  "їй",
+  "їм",
+  "їх",
   "й",
+  "його",
+  "йому",
   "коли",
   "ледве",
+  "лиш",
   "майже",
+  "мене",
+  "мені",
   "ми",
+  "між",
+  "мій",
+  "мною",
+  "мов",
+  "мого",
+  "моєї",
+  "моє",
+  "може",
+  "мої",
+  "моїх",
+  "моя",
+  "на",
+  "над",
   "навколо",
   "навіть",
   "нам",
+  "нами",
+  "нас",
+  "наче",
+  "наш",
+  "не",
+  "нє",
+  "неї",
+  "нема",
+  "немов",
+  "неначе",
+  "нею",
+  "ним",
+  "ними",
+  "них",
+  "ні",
+  "ніби",
+  "ніщо",
+  "нього",
+  "о",
+  "ось",
   "от",
   "отже",
   "отож",
+  "під",
+  "по",
   "поза",
   "про",
   "під",
+  "сам",
+  "сама",
+  "свій",
+  "свої",
+  "своя",
+  "свою",
+  "себе",
+  "собі",
   "та",
+  "там",
   "так",
+  "така",
   "такий",
   "також",
+  "твій",
+  "твого",
+  "твоєї",
+  "твої",
+  "твоя",
   "те",
+  "тебе",
   "ти",
+  "ті",
+  "тільки",
+  "то",
+  "тобі",
+  "тобою",
   "тобто",
+  "тоді",
   "тож",
+  "той",
   "тощо",
+  "тут",
+  "у",
+  "хіба",
+  "хоч",
   "хоча",
   "це",
   "цей",
+  "ці",
+  "ця",
   "чи",
   "чого",
+  "ще",
   "що",
+  "щоб",
+  "щось",
+  "я",
   "як",
+  "яка",
   "який",
-  "якої",
-  "є",
-  "із",
-  "інших",
-  "їх",
-  "її"
+  "якої"
 ];
 const urd = [
   "آئی",
@@ -29476,6 +31186,7 @@ class TinaAdminApi {
                     relativePath
                     filename
                     extension
+                    hasReferences
                   }
                 }
               }
@@ -29567,6 +31278,9 @@ class TinaAdminApi {
           document(collection:$collection, relativePath:$relativePath) {
             ... on Document {
               _values
+              _sys {
+                hasReferences
+              }
             }
           }
         }`;
@@ -31190,6 +32904,7 @@ const CollectionListPage = () => {
   const [vars, setVars] = React__default.useState({
     collection: collectionName,
     relativePath: "",
+    relativePathWithoutExtension: "",
     newRelativePath: "",
     filterField: "",
     folderName: "",
@@ -31231,6 +32946,7 @@ const CollectionListPage = () => {
       ...old,
       collection: collectionName,
       relativePath: "",
+      relativePathWithoutExtension: "",
       newRelativePath: "",
       filterField: "",
       startsWith: "",
@@ -31256,6 +32972,7 @@ const CollectionListPage = () => {
           collectionName === vars.collection ? vars : {
             collection: collectionName,
             relativePath: "",
+            relativePathWithoutExtension: "",
             newRelativePath: "",
             filterField: "",
             startsWith: "",
@@ -31293,6 +33010,23 @@ const CollectionListPage = () => {
           DeleteModal,
           {
             filename: vars.relativePath,
+            checkRefsFunc: async () => {
+              var _a2, _b2;
+              try {
+                const doc = await admin.fetchDocument(
+                  collection.name,
+                  vars.relativePath,
+                  true
+                );
+                return (_b2 = (_a2 = doc == null ? void 0 : doc.document) == null ? void 0 : _a2._sys) == null ? void 0 : _b2.hasReferences;
+              } catch (error) {
+                cms.alerts.error(
+                  "Document was not found, ask a developer for help or check the console for an error message"
+                );
+                console.error(error);
+                throw error;
+              }
+            },
             deleteFunc: async () => {
               try {
                 await admin.deleteDocument(vars);
@@ -31301,6 +33035,12 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error) {
+                if (error.message.indexOf("has references")) {
+                  cms.alerts.error(
+                    error.message.split("\n	").filter(Boolean)[1]
+                  );
+                  return;
+                }
                 cms.alerts.warn(
                   "Document was not deleted, ask a developer for help or check the console for an error message"
                 );
@@ -31334,7 +33074,7 @@ const CollectionListPage = () => {
         ), renameModalOpen && /* @__PURE__ */ React__default.createElement(
           RenameModal,
           {
-            filename: vars.relativePath,
+            filename: vars.relativePathWithoutExtension,
             newRelativePath: vars.newRelativePath,
             setNewRelativePath: (newRelativePath) => {
               setVars((vars2) => {
@@ -31352,6 +33092,12 @@ const CollectionListPage = () => {
                 cms.alerts.info("Document was successfully renamed");
                 reFetchCollection();
               } catch (error) {
+                if (error.message.indexOf("has references")) {
+                  cms.alerts.error(
+                    error.message.split("\n	").filter(Boolean)[1]
+                  );
+                  return;
+                }
                 cms.alerts.warn(
                   "Document was not renamed, ask a developer for help or check the console for an error message"
                 );
@@ -31649,6 +33395,9 @@ const CollectionListPage = () => {
                       setVars((old) => ({
                         ...old,
                         collection: collectionName,
+                        relativePathWithoutExtension: document2.node._sys.breadcrumbs.join(
+                          "/"
+                        ),
                         relativePath: document2.node._sys.breadcrumbs.join(
                           "/"
                         ) + document2.node._sys.extension,
@@ -31671,6 +33420,9 @@ const CollectionListPage = () => {
                       setVars((old) => ({
                         ...old,
                         collection: collectionName,
+                        relativePathWithoutExtension: document2.node._sys.breadcrumbs.join(
+                          "/"
+                        ),
                         relativePath: document2.node._sys.breadcrumbs.join(
                           "/"
                         ) + document2.node._sys.extension,
@@ -31825,8 +33577,19 @@ const Breadcrumb = ({ folder, navigate, collectionName }) => {
 const NoDocumentsPlaceholder = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-base italic font-medium text-gray-300" }, "No documents found."));
 };
-const DeleteModal = ({ close: close2, deleteFunc, filename }) => {
-  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
+const DeleteModal = ({
+  close: close2,
+  deleteFunc,
+  checkRefsFunc,
+  filename
+}) => {
+  const [hasRefs, setHasRefs] = React__default.useState();
+  useEffect(() => {
+    checkRefsFunc().then((result) => {
+      setHasRefs(result);
+    });
+  }, [filename, checkRefsFunc]);
+  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("p", null, `Are you sure you want to delete ${filename}?${hasRefs ? " References to this document will also be deleted." : ""}`)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
     Button$1,
     {
       style: { flexGrow: 3 },
@@ -31872,7 +33635,7 @@ const RenameModal = ({
   newRelativePath,
   setNewRelativePath
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Rename ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", { className: "mb-4" }, "Are you sure you want to rename ", /* @__PURE__ */ React__default.createElement("strong", null, filename), "? TinaCMS uses the filename as the ID; renaming this file could result in unresolved references."), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Rename ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", { className: "mb-4" }, "Are you sure you want to rename ", /* @__PURE__ */ React__default.createElement("strong", null, filename), "?"), /* @__PURE__ */ React__default.createElement(
     BaseTextField,
     {
       placeholder: "Enter a new name for the document's file",
@@ -31887,7 +33650,8 @@ const RenameModal = ({
       onClick: async () => {
         await renameFunc();
         close2();
-      }
+      },
+      disabled: !newRelativePath || newRelativePath === filename
     },
     "Rename"
   ))));
@@ -32558,15 +34322,24 @@ const IndexingPage = () => {
         }
       }
       if (state === "creatingPR") {
-        const foo = await tinaApi.createPullRequest({
-          baseBranch,
-          branch,
-          title: `${branch.replace("tina/", "").replace("-", " ")} (PR from TinaCMS)`
-        });
-        console.log("PR created", foo);
-        cms.alerts.success("Pull request created.");
-        localStorage.setItem("tina.createBranchState", "done");
-        setState("done");
+        try {
+          const foo = await tinaApi.createPullRequest({
+            baseBranch,
+            branch,
+            title: `${branch.replace("tina/", "").replace("-", " ")} (PR from TinaCMS)`
+          });
+          console.log("PR created", foo);
+          cms.alerts.success("Pull request created.");
+          localStorage.setItem("tina.createBranchState", "done");
+          setState("done");
+        } catch (e) {
+          console.error(e);
+          cms.alerts.error("Failed to create PR");
+          setErrorMessage(
+            "Failed to create PR, please try again. If the problem persists please contact support."
+          );
+          setState("error");
+        }
       }
       if (state === "done") {
         window.location.href = back;
@@ -33188,5 +34961,6 @@ export {
   useScreenPlugin,
   useTinaAuthRedirect,
   wrapFieldWithError,
+  wrapFieldWithNoHeader,
   wrapFieldsWithMeta
 };