@oyat/editor 1.0.7 → 1.1.0

package/dist/index.js

@@ -1,12 +1,13 @@
 import * as React from "react";
 import React__default from "react";
 import { PlateElement, useReadOnly, useSelected, useFocused, ParagraphPlugin, PlateLeaf, useEditorPlugin, usePlateState, usePluginOption, BlockPlaceholderPlugin, useEditorRef, useElement, withHOC, useRemoveNodeButton, useEditorSelector, useFocusedLast, toTPlatePlugin, MemoizedChildren, useSelectionFragmentProp, useMarkToolbarButtonState, useMarkToolbarButton, useEditorReadOnly, createPlatePlugin, useEditorId, useEventEditorValue, useFormInputProps, useEditorSelection, createPrimitiveComponent, useEditorMounted, useComposedRef as useComposedRef$1, PlateContent, PlateContainer, PlateView, Plate, usePlateEditor, useElementSelector } from "platejs/react";
-import { KEYS, isHotkey, getPluginTypes, NodeApi, PathApi, isSlateString, RangeApi, isType, getPluginByType, ExitBreakPlugin, isUrl, IS_APPLE, nanoid, TextApi, ElementApi, isSlateElement, isSlateEditor, TrailingBlockPlugin } from "platejs";
-import { normalizeNodeId } from "platejs";
+import { Plate as Plate2, PlateLeaf as PlateLeaf2, PlateView as PlateView2, toPlatePlugin, usePlateEditor as usePlateEditor2, usePlateViewEditor } from "platejs/react";
+import { KEYS, isHotkey, getPluginTypes, NodeApi, PathApi, isSlateString, RangeApi, isType, getPluginByType, ExitBreakPlugin, isUrl, IS_APPLE, nanoid, TextApi, ElementApi, isSlateElement, isSlateEditor, TrailingBlockPlugin, SlateElement, BaseParagraphPlugin, SlateLeaf } from "platejs";
+import { PlateStatic, createSlateEditor, createSlatePlugin, normalizeNodeId, serializeHtml } from "platejs";
 import { TextAlignPlugin, FontColorPlugin, FontBackgroundColorPlugin, FontSizePlugin, FontFamilyPlugin, LineHeightPlugin } from "@platejs/basic-styles/react";
 import { AutoformatPlugin, autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatLegalHtml, autoformatArrow, autoformatMath } from "@platejs/autoformat";
-import { insertEmptyCodeBlock, isLangSupported, formatCodeBlock, insertCodeBlock, toggleCodeBlock } from "@platejs/code-block";
-import { toggleList, expandListItemsWithChildren, someList, ListStyleType, isOrderedList } from "@platejs/list";
+import { insertEmptyCodeBlock, isLangSupported, formatCodeBlock, insertCodeBlock, toggleCodeBlock, BaseCodeBlockPlugin, BaseCodeLinePlugin, BaseCodeSyntaxPlugin } from "@platejs/code-block";
+import { toggleList, expandListItemsWithChildren, someList, ListStyleType, isOrderedList, BaseListPlugin } from "@platejs/list";
 import { H1Plugin, H2Plugin, H3Plugin, H4Plugin, H5Plugin, H6Plugin, BlockquotePlugin, HorizontalRulePlugin, BoldPlugin, ItalicPlugin, UnderlinePlugin, CodePlugin, StrikethroughPlugin, SubscriptPlugin, SuperscriptPlugin, HighlightPlugin, KbdPlugin } from "@platejs/basic-nodes/react";
 import { cva } from "class-variance-authority";
 import { clsx } from "clsx";
@@ -14,7 +15,7 @@ import { twMerge } from "tailwind-merge";
 import { BlockMenuPlugin, BlockSelectionPlugin, BLOCK_CONTEXT_MENU_ID, useBlockSelected, useCursorOverlay, CursorOverlayPlugin } from "@platejs/selection/react";
 import { AIChatPlugin } from "@platejs/ai/react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { ChevronRightIcon, CircleIcon, CheckIcon, ChevronDown, SearchIcon, XIcon, MusicIcon, CompassIcon, SmileIcon, LightbulbIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, BracesIcon, Check, CopyIcon, GripHorizontal, Trash2Icon, ChevronLeftIcon, ChevronDownIcon, GripVertical, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, EraserIcon, PlusIcon, Undo2Icon, Redo2Icon, OutdentIcon, IndentIcon, PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, TableIcon, ListIcon, ListOrderedIcon, ImageIcon, Link2Icon, Link, ListOrdered, List as List$1, LinkIcon, FilmIcon, FileUpIcon, AudioLinesIcon, MoreHorizontalIcon, SuperscriptIcon, SubscriptIcon, Table, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Heading4Icon, Heading5Icon, Heading6Icon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, BaselineIcon, PaintBucketIcon, Text, Unlink, ExternalLink, RadicalIcon, CornerDownLeftIcon, FileUp, Loader2Icon, Film, AudioLines, Minus, Plus, Download, X, SparklesIcon, Square, Code2, Quote, TableOfContentsIcon, Columns3Icon, PenToolIcon, CalendarIcon, ArrowUpIcon, PencilIcon, TrashIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, ChevronRight } from "lucide-react";
+import { ChevronRightIcon, CircleIcon, CheckIcon, ChevronDown, SearchIcon, XIcon, MusicIcon, CompassIcon, SmileIcon, LightbulbIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, BracesIcon, Check, CopyIcon, GripHorizontal, Trash2Icon, ChevronLeftIcon, ChevronDownIcon, GripVertical, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, EraserIcon, PlusIcon, Undo2Icon, Redo2Icon, OutdentIcon, IndentIcon, PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, TableIcon, ListIcon, ListOrderedIcon, ImageIcon, Link2Icon, Link, ListOrdered, List as List$2, LinkIcon, FilmIcon, FileUpIcon, AudioLinesIcon, MoreHorizontalIcon, SuperscriptIcon, SubscriptIcon, Table, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Heading4Icon, Heading5Icon, Heading6Icon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, BaselineIcon, PaintBucketIcon, Text, Unlink, ExternalLink, RadicalIcon, CornerDownLeftIcon, FileUp, Loader2Icon, Film, AudioLines, Minus, Plus, Download, X, SparklesIcon, Square, Code2, Quote, TableOfContentsIcon, Columns3Icon, PenToolIcon, CalendarIcon, ArrowUpIcon, PencilIcon, TrashIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, ChevronRight } from "lucide-react";
 import { DndPlugin, useDraggable, useDropLine } from "@platejs/dnd";
 import { useCalloutEmojiPicker, CalloutPlugin } from "@platejs/callout/react";
 import { useEmojiDropdownMenuState } from "@platejs/emoji/react";
@@ -32,7 +33,7 @@ import { createLowlight, all } from "lowlight";
 import { Command as Command$1 } from "cmdk";
 import "@radix-ui/react-dialog";
 import { ColumnPlugin, ColumnItemPlugin } from "@platejs/layout/react";
-import { setColumns, insertColumnGroup, toggleColumnGroup } from "@platejs/layout";
+import { setColumns, insertColumnGroup, toggleColumnGroup, BaseColumnPlugin, BaseColumnItemPlugin } from "@platejs/layout";
 import { ResizableProvider, Resizable as Resizable$1, useResizeHandleState, useResizeHandle, useResizableValue } from "@platejs/resizable";
 import { useComposedRef, createPrimitiveComponent as createPrimitiveComponent$1 } from "@udecode/cn";
 import { getCommentCount, BaseCommentPlugin, getDraftCommentKey, getCommentKey } from "@platejs/comment";
@@ -44,21 +45,21 @@ import { PlaceholderPlugin, useMediaState, useImagePreviewValue, useFloatingMedi
 import { DocxPlugin } from "@platejs/docx";
 import { JuicePlugin } from "@platejs/juice";
 import { useOutdentButton, useIndentButton, IndentPlugin } from "@platejs/indent/react";
-import { insertCallout } from "@platejs/callout";
-import { insertDate } from "@platejs/date";
+import { insertCallout, BaseCalloutPlugin } from "@platejs/callout";
+import { insertDate, BaseDatePlugin } from "@platejs/date";
 import { insertExcalidraw } from "@platejs/excalidraw";
 import { triggerFloatingLink, useLinkToolbarButtonState, useLinkToolbarButton, useFloatingLinkInsertState, useFloatingLinkInsert, useFloatingLinkEditState, useFloatingLinkEdit, FloatingLinkUrlInput, LinkPlugin } from "@platejs/link/react";
-import { insertEquation, insertInlineEquation } from "@platejs/math";
-import { insertVideoPlaceholder, insertMedia, insertFilePlaceholder, insertAudioPlaceholder, parseTwitterUrl, parseVideoUrl } from "@platejs/media";
+import { insertEquation, insertInlineEquation, getEquationHtml, BaseInlineEquationPlugin, BaseEquationPlugin } from "@platejs/math";
+import { insertVideoPlaceholder, insertMedia, insertFilePlaceholder, insertAudioPlaceholder, parseTwitterUrl, parseVideoUrl, BaseImagePlugin, BaseVideoPlugin, BaseAudioPlugin, BaseFilePlugin, BaseMediaEmbedPlugin, BasePlaceholderPlugin } from "@platejs/media";
 import { SuggestionPlugin } from "@platejs/suggestion/react";
 import { TablePlugin, useTableMergeState, TableProvider, useTableElement, useTableBordersDropdownMenuContentState, useTableCellElement, useTableCellElementResizable, TableRowPlugin, TableCellPlugin, TableCellHeaderPlugin } from "@platejs/table/react";
-import { insertToc } from "@platejs/toc";
+import { insertToc, BaseTocPlugin, isHeading } from "@platejs/toc";
 import { useTodoListElementState, useTodoListElement, ListPlugin } from "@platejs/list/react";
 import { toast } from "sonner";
 import { useFilePicker } from "use-file-picker";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { useFloatingToolbarState, offset, flip, useFloatingToolbar } from "@platejs/floating";
-import { getLinkAttributes } from "@platejs/link";
+import { getLinkAttributes, BaseLinkPlugin } from "@platejs/link";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { MarkdownPlugin, remarkMdx, remarkMention } from "@platejs/markdown";
 import remarkGfm from "remark-gfm";
@@ -72,7 +73,7 @@ import { generateReactHelpers } from "@uploadthing/react";
 import { z } from "zod";
 import ReactPlayer from "react-player";
 import { MentionPlugin, MentionInputPlugin } from "@platejs/mention/react";
-import { getMentionOnSelectItem } from "@platejs/mention";
+import { getMentionOnSelectItem, BaseMentionPlugin } from "@platejs/mention";
 import { useComboboxContext, Combobox, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxGroup, ComboboxItem, ComboboxGroupLabel } from "@ariakit/react";
 import { filterWords } from "@platejs/combobox";
 import { useHTMLInputCursorState, useComboboxInput } from "@platejs/combobox/react";
@@ -81,9 +82,15 @@ import { getTransientSuggestionKey, getSuggestionKey, keyId2SuggestionId, accept
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { useCommentId, CommentPlugin } from "@platejs/comment/react";
 import { differenceInMinutes, differenceInHours, differenceInDays, format } from "date-fns";
-import { setCellBackground } from "@platejs/table";
+import { setCellBackground, BaseTablePlugin, BaseTableRowPlugin, BaseTableCellPlugin, BaseTableCellHeaderPlugin } from "@platejs/table";
 import { useTocElementState, useTocElement, TocPlugin } from "@platejs/toc/react";
 import { useToggleButtonState, useToggleButton, TogglePlugin } from "@platejs/toggle/react";
+import { BaseTextAlignPlugin, BaseFontColorPlugin, BaseFontBackgroundColorPlugin, BaseFontSizePlugin, BaseFontFamilyPlugin, BaseLineHeightPlugin } from "@platejs/basic-styles";
+import { BaseH1Plugin, BaseH2Plugin, BaseH3Plugin, BaseH4Plugin, BaseH5Plugin, BaseH6Plugin, BaseBlockquotePlugin, BaseHorizontalRulePlugin, BaseBoldPlugin, BaseItalicPlugin, BaseUnderlinePlugin, BaseCodePlugin, BaseStrikethroughPlugin, BaseSubscriptPlugin, BaseSuperscriptPlugin, BaseHighlightPlugin, BaseKbdPlugin } from "@platejs/basic-nodes";
+import { BaseIndentPlugin } from "@platejs/indent";
+import { BaseCaptionPlugin } from "@platejs/caption";
+import { BaseTogglePlugin } from "@platejs/toggle";
+import { computeDiff, withGetFragmentExcludeDiff } from "@platejs/diff";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -643,7 +650,7 @@ function BlockquoteElement(props) {
     }
   );
 }
-const headingVariants = cva("relative mb-1", {
+const headingVariants$1 = cva("relative mb-1", {
   variants: {
     variant: {
       h1: "mt-[1.6em] pb-1 font-heading text-4xl font-bold",
@@ -663,7 +670,7 @@ function HeadingElement({
     PlateElement,
     {
       as: variant,
-      className: headingVariants({ variant }),
+      className: headingVariants$1({ variant }),
       ...props,
       children: props.children
     }
@@ -2633,11 +2640,11 @@ const languages = [
   { label: "XML", value: "xml" },
   { label: "YAML", value: "yaml" }
 ];
-const lowlight = createLowlight(all);
+const lowlight$1 = createLowlight(all);
 const CodeBlockKit = [
   CodeBlockPlugin.configure({
     node: { component: CodeBlockElement },
-    options: { lowlight },
+    options: { lowlight: lowlight$1 },
     shortcuts: { toggle: { keys: "mod+alt+8" } }
   }),
   CodeLinePlugin.withComponent(CodeLineElement),
@@ -5124,7 +5131,7 @@ function BulletedListToolbarButton() {
           });
         },
         "data-state": pressed ? "on" : "off",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { className: "size-4" })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(List$2, { className: "size-4" })
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
@@ -6186,21 +6193,21 @@ const FloatingToolbarKit = [
     }
   })
 ];
-const options = {
+const options$1 = {
   inject: { targetPlugins: [KEYS.p] }
 };
 const FontKit = [
   FontColorPlugin.configure({
     inject: {
-      ...options.inject,
+      ...options$1.inject,
       nodeProps: {
         defaultNodeValue: "black"
       }
     }
   }),
-  FontBackgroundColorPlugin.configure(options),
-  FontSizePlugin.configure(options),
-  FontFamilyPlugin.configure(options)
+  FontBackgroundColorPlugin.configure(options$1),
+  FontSizePlugin.configure(options$1),
+  FontFamilyPlugin.configure(options$1)
 ];
 const LineHeightKit = [
   LineHeightPlugin.configure({
@@ -6432,7 +6439,7 @@ function Checkbox({
     }
   );
 }
-const config = {
+const config$1 = {
   todo: {
     Li: TodoLi,
     Marker: TodoMarker
@@ -6440,11 +6447,11 @@ const config = {
 };
 const BlockList = (props) => {
   if (!props.element.listStyleType) return;
-  return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx(List, { ...props2 });
+  return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { ...props2 });
 };
-function List(props) {
+function List$1(props) {
   const { listStart, listStyleType } = props.element;
-  const { Li, Marker } = config[listStyleType] ?? {};
+  const { Li, Marker } = config$1[listStyleType] ?? {};
   const List2 = isOrderedList(props.element) ? "ol" : "ul";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     List2,
@@ -11733,7 +11740,7 @@ const TableKit = [
   TableCellPlugin.withComponent(TableCellElement),
   TableCellHeaderPlugin.withComponent(TableCellHeaderElement)
 ];
-const headingItemVariants = cva(
+const headingItemVariants$1 = cva(
   "block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground",
   {
     variants: {
@@ -11754,7 +11761,7 @@ function TocElement(props) {
       Button,
       {
         variant: "ghost",
-        className: headingItemVariants({
+        className: headingItemVariants$1({
           depth: item.depth
         }),
         onClick: (e) => btnProps.onClick(e, item, "smooth"),
@@ -11865,9 +11872,783 @@ function PlateEditor({
     }
   ) });
 }
+const BaseAlignKit = [
+  BaseTextAlignPlugin.configure({
+    inject: {
+      nodeProps: {
+        defaultNodeValue: "start",
+        nodeKey: "align",
+        styleKey: "textAlign",
+        validNodeValues: ["start", "left", "center", "right", "end", "justify"]
+      },
+      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.img, KEYS.mediaEmbed]
+    }
+  })
+];
+function BlockquoteElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      as: "blockquote",
+      className: "my-1 border-l-2 pl-6 italic",
+      ...props
+    }
+  );
+}
+const headingVariants = cva("relative mb-1", {
+  variants: {
+    variant: {
+      h1: "mt-[1.6em] pb-1 font-heading text-4xl font-bold",
+      h2: "mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight",
+      h3: "mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight",
+      h4: "mt-[0.75em] font-heading text-lg font-semibold tracking-tight",
+      h5: "mt-[0.75em] text-lg font-semibold tracking-tight",
+      h6: "mt-[0.75em] text-base font-semibold tracking-tight"
+    }
+  }
+});
+function HeadingElementStatic({
+  variant = "h1",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      as: variant,
+      className: headingVariants({ variant }),
+      ...props,
+      children: props.children
+    }
+  );
+}
+function H1ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h1", ...props });
+}
+function H2ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h2", ...props });
+}
+function H3ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h3", ...props });
+}
+function H4ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h4", ...props });
+}
+function H5ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h5", ...props });
+}
+function H6ElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingElementStatic, { variant: "h6", ...props });
+}
+function HrElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cursor-text py-6", contentEditable: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "hr",
+      {
+        className: cn(
+          "h-0.5 rounded-sm border-none bg-muted bg-clip-content"
+        )
+      }
+    ) }),
+    props.children
+  ] });
+}
+function ParagraphElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateElement, { ...props, className: cn("m-0 px-0 py-1"), children: props.children });
+}
+const BaseBasicBlocksKit = [
+  BaseParagraphPlugin.withComponent(ParagraphElementStatic),
+  BaseH1Plugin.withComponent(H1ElementStatic),
+  BaseH2Plugin.withComponent(H2ElementStatic),
+  BaseH3Plugin.withComponent(H3ElementStatic),
+  BaseH4Plugin.withComponent(H4ElementStatic),
+  BaseH5Plugin.withComponent(H5ElementStatic),
+  BaseH6Plugin.withComponent(H6ElementStatic),
+  BaseBlockquotePlugin.withComponent(BlockquoteElementStatic),
+  BaseHorizontalRulePlugin.withComponent(HrElementStatic)
+];
+function CodeLeafStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateLeaf,
+    {
+      ...props,
+      as: "code",
+      className: "rounded-md bg-muted px-[0.3em] py-[0.2em] font-mono text-sm whitespace-pre-wrap",
+      children: props.children
+    }
+  );
+}
+function HighlightLeafStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateLeaf, { ...props, as: "mark", className: "bg-highlight/30 text-inherit", children: props.children });
+}
+function KbdLeafStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateLeaf,
+    {
+      ...props,
+      as: "kbd",
+      className: "rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]",
+      children: props.children
+    }
+  );
+}
+const BaseBasicMarksKit = [
+  BaseBoldPlugin,
+  BaseItalicPlugin,
+  BaseUnderlinePlugin,
+  BaseCodePlugin.withComponent(CodeLeafStatic),
+  BaseStrikethroughPlugin,
+  BaseSubscriptPlugin,
+  BaseSuperscriptPlugin,
+  BaseHighlightPlugin.withComponent(HighlightLeafStatic),
+  BaseKbdPlugin.withComponent(KbdLeafStatic)
+];
+function CalloutElementStatic({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      className: cn("my-1 flex rounded-sm bg-muted p-4 pl-3", className),
+      style: {
+        backgroundColor: props.element.backgroundColor
+      },
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full gap-2 rounded-md", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "size-6 text-[18px] select-none",
+            style: {
+              fontFamily: '"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols'
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-plate-prevent-deserialization": true, children: props.element.icon || "💡" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", children })
+      ] })
+    }
+  );
+}
+const BaseCalloutKit = [
+  BaseCalloutPlugin.withComponent(CalloutElementStatic)
+];
+function CodeBlockElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      className: "py-1 **:[.hljs-addition]:bg-[#f0fff4] **:[.hljs-addition]:text-[#22863a] dark:**:[.hljs-addition]:bg-[#3c5743] dark:**:[.hljs-addition]:text-[#ceead5] **:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#005cc5] dark:**:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#6596cf] **:[.hljs-built\\\\\\\\_in,.hljs-symbol]:text-[#e36209] dark:**:[.hljs-built\\\\\\\\_in,.hljs-symbol]:text-[#c3854e] **:[.hljs-bullet]:text-[#735c0f] **:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] dark:**:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] **:[.hljs-deletion]:bg-[#ffeef0] **:[.hljs-deletion]:text-[#b31d28] dark:**:[.hljs-deletion]:bg-[#473235] dark:**:[.hljs-deletion]:text-[#e7c7cb] **:[.hljs-emphasis]:italic **:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\\\_]:text-[#d73a49] dark:**:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\\\_]:text-[#ee6960] **:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#22863a] dark:**:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#36a84f] **:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#032f62] dark:**:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#3593ff] **:[.hljs-section]:font-bold **:[.hljs-section]:text-[#005cc5] dark:**:[.hljs-section]:text-[#61a5f2] **:[.hljs-strong]:font-bold **:[.hljs-title,.hljs-title.class\\\\\\\\_,.hljs-title.class\\\\\\\\_.inherited\\\\\\\\_\\\\\\\\_,.hljs-title.function\\\\\\\\_]:text-[#6f42c1] dark:**:[.hljs-title,.hljs-title.class\\\\\\\\_,.hljs-title.class\\\\\\\\_.inherited\\\\\\\\_\\\\\\\\_,.hljs-title.function\\\\\\\\_]:text-[#a77bfa]",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative rounded-md bg-muted/50", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "overflow-x-auto p-8 pr-4 font-mono text-sm leading-[normal] [tab-size:2] print:break-inside-avoid", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: props.children }) }) })
+    }
+  );
+}
+function CodeLineElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateElement, { ...props });
+}
+function CodeSyntaxLeafStatic(props) {
+  const tokenClassName = props.leaf.className;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateLeaf, { className: tokenClassName, ...props });
+}
+const lowlight = createLowlight(all);
+const BaseCodeBlockKit = [
+  BaseCodeBlockPlugin.configure({
+    node: { component: CodeBlockElementStatic },
+    options: { lowlight }
+  }),
+  BaseCodeLinePlugin.withComponent(CodeLineElementStatic),
+  BaseCodeSyntaxPlugin.withComponent(CodeSyntaxLeafStatic)
+];
+function ColumnElementStatic(props) {
+  const { width } = props.element;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "group/column relative", style: { width: width ?? "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      className: "h-full px-2 pt-2 group-first/column:pl-0 group-last/column:pr-0",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full border border-transparent p-1.5", children: props.children })
+    }
+  ) });
+}
+function ColumnGroupElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateElement, { className: "mb-2", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-full rounded", children: props.children }) });
+}
+const BaseColumnKit = [
+  BaseColumnPlugin.withComponent(ColumnGroupElementStatic),
+  BaseColumnItemPlugin.withComponent(ColumnElementStatic)
+];
+function CommentLeafStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateLeaf,
+    {
+      ...props,
+      className: "border-b-2 border-b-highlight/35 bg-highlight/15",
+      children: props.children
+    }
+  );
+}
+const BaseCommentKit = [
+  BaseCommentPlugin.withComponent(CommentLeafStatic)
+];
+function DateElementStatic(props) {
+  const { element } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { className: "inline-block", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-fit rounded-sm bg-muted px-1 text-muted-foreground", children: element.date ? (() => {
+      const today = /* @__PURE__ */ new Date();
+      const elementDate = new Date(element.date);
+      const isToday = elementDate.getDate() === today.getDate() && elementDate.getMonth() === today.getMonth() && elementDate.getFullYear() === today.getFullYear();
+      const isYesterday = new Date(today.setDate(today.getDate() - 1)).toDateString() === elementDate.toDateString();
+      const isTomorrow = new Date(today.setDate(today.getDate() + 2)).toDateString() === elementDate.toDateString();
+      if (isToday) return "Today";
+      if (isYesterday) return "Yesterday";
+      if (isTomorrow) return "Tomorrow";
+      return elementDate.toLocaleDateString(void 0, {
+        day: "numeric",
+        month: "long",
+        year: "numeric"
+      });
+    })() : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pick a date" }) }),
+    props.children
+  ] });
+}
+const BaseDateKit = [BaseDatePlugin.withComponent(DateElementStatic)];
+const options = {
+  inject: { targetPlugins: [KEYS.p] }
+};
+const BaseFontKit = [
+  BaseFontColorPlugin.configure(options),
+  BaseFontBackgroundColorPlugin.configure(options),
+  BaseFontSizePlugin.configure(options),
+  BaseFontFamilyPlugin.configure(options)
+];
+const BaseLineHeightKit = [
+  BaseLineHeightPlugin.configure({
+    inject: {
+      nodeProps: {
+        defaultNodeValue: 1.5,
+        validNodeValues: [1, 1.2, 1.5, 2, 3]
+      },
+      targetPlugins: [...KEYS.heading, KEYS.p]
+    }
+  })
+];
+function LinkElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      ...props,
+      as: "a",
+      className: "font-medium text-primary underline decoration-primary underline-offset-4",
+      attributes: {
+        ...props.attributes,
+        ...getLinkAttributes(props.editor, props.element)
+      },
+      children: props.children
+    }
+  );
+}
+const BaseLinkKit = [BaseLinkPlugin.withComponent(LinkElementStatic)];
+const BaseIndentKit = [
+  BaseIndentPlugin.configure({
+    inject: {
+      targetPlugins: [
+        ...KEYS.heading,
+        KEYS.p,
+        KEYS.blockquote,
+        KEYS.codeBlock,
+        KEYS.toggle
+      ]
+    },
+    options: {
+      offset: 24
+    }
+  })
+];
+const config = {
+  todo: {
+    Li: TodoLiStatic,
+    Marker: TodoMarkerStatic
+  }
+};
+const BlockListStatic = (props) => {
+  if (!props.element.listStyleType) return;
+  return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx(List, { ...props2 });
+};
+function List(props) {
+  const { listStart, listStyleType } = props.element;
+  const { Li, Marker } = config[listStyleType] ?? {};
+  const List2 = isOrderedList(props.element) ? "ol" : "ul";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    List2,
+    {
+      className: "relative m-0 p-0",
+      style: { listStyleType },
+      start: listStart,
+      children: [
+        Marker && /* @__PURE__ */ jsxRuntimeExports.jsx(Marker, { ...props }),
+        Li ? /* @__PURE__ */ jsxRuntimeExports.jsx(Li, { ...props }) : /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: props.children })
+      ]
+    }
+  );
+}
+function TodoMarkerStatic(props) {
+  const checked = props.element.checked;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { contentEditable: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      className: cn(
+        "peer pointer-events-none absolute top-1 -left-6 size-4 shrink-0 rounded-sm border border-primary bg-background ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        props.className
+      ),
+      "data-state": checked ? "checked" : "unchecked",
+      type: "button",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex items-center justify-center text-current"), children: checked && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon, { className: "size-4" }) })
+    }
+  ) });
+}
+function TodoLiStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "li",
+    {
+      className: cn(
+        "list-none",
+        props.element.checked && "text-muted-foreground line-through"
+      ),
+      children: props.children
+    }
+  );
+}
+const BaseListKit = [
+  ...BaseIndentKit,
+  BaseListPlugin.configure({
+    inject: {
+      targetPlugins: [
+        ...KEYS.heading,
+        KEYS.p,
+        KEYS.blockquote,
+        KEYS.codeBlock,
+        KEYS.toggle
+      ]
+    },
+    render: {
+      belowNodes: BlockListStatic
+    }
+  })
+];
+function EquationElementStatic(props) {
+  const { element } = props;
+  const html = getEquationHtml({
+    element,
+    options: {
+      displayMode: true,
+      errorColor: "#cc0000",
+      fleqn: false,
+      leqno: false,
+      macros: { "\\f": "#1f(#2)" },
+      output: "htmlAndMathml",
+      strict: "warn",
+      throwOnError: false,
+      trust: false
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { className: "my-1", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: cn(
+          "group flex items-center justify-center rounded-sm select-none hover:bg-primary/10 data-[selected=true]:bg-primary/10",
+          element.texExpression.length === 0 ? "bg-muted p-3 pr-9" : "px-2 py-1"
+        ),
+        children: element.texExpression.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            dangerouslySetInnerHTML: {
+              __html: html
+            }
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-7 w-full items-center gap-2 text-sm whitespace-nowrap text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(RadicalIcon, { className: "size-6 text-muted-foreground/80" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Add a Tex equation" })
+        ] })
+      }
+    ),
+    props.children
+  ] });
+}
+function InlineEquationElementStatic(props) {
+  const html = getEquationHtml({
+    element: props.element,
+    options: {
+      displayMode: true,
+      errorColor: "#cc0000",
+      fleqn: false,
+      leqno: false,
+      macros: { "\\f": "#1f(#2)" },
+      output: "htmlAndMathml",
+      strict: "warn",
+      throwOnError: false,
+      trust: false
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    SlateElement,
+    {
+      ...props,
+      className: "inline-block rounded-sm select-none [&_.katex-display]:my-0",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(
+              'after:absolute after:inset-0 after:-top-0.5 after:-left-1 after:z-1 after:h-[calc(100%)+4px] after:w-[calc(100%+8px)] after:rounded-sm after:content-[""]',
+              "h-6",
+              props.element.texExpression.length === 0 && "text-muted-foreground after:bg-neutral-500/10"
+            ),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: cn(
+                  props.element.texExpression.length === 0 && "hidden",
+                  "font-mono leading-none"
+                ),
+                dangerouslySetInnerHTML: { __html: html }
+              }
+            )
+          }
+        ),
+        props.children
+      ]
+    }
+  );
+}
+const BaseMathKit = [
+  BaseInlineEquationPlugin.withComponent(InlineEquationElementStatic),
+  BaseEquationPlugin.withComponent(EquationElementStatic)
+];
+function AudioElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { ...props, className: "mb-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("figure", { className: "group relative cursor-default", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx("audio", { className: "size-full", src: props.element.url, controls: true }) }) }),
+    props.children
+  ] });
+}
+function FileElementStatic(props) {
+  const { name, url } = props.element;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { className: "my-px rounded-sm", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "a",
+      {
+        className: "group relative m-0 flex cursor-pointer items-center rounded px-0.5 py-[3px] hover:bg-muted",
+        contentEditable: false,
+        download: name,
+        href: url,
+        rel: "noopener noreferrer",
+        role: "button",
+        target: "_blank",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 p-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileUp, { className: "size-5" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: name })
+        ] })
+      }
+    ),
+    props.children
+  ] });
+}
+function ImageElementStatic(props) {
+  const { align = "center", caption, url, width } = props.element;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { ...props, className: "py-2.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("figure", { className: "group relative m-0 inline-block", style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "relative max-w-full min-w-[92px]",
+        style: { textAlign: align },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "img",
+            {
+              className: cn(
+                "w-full max-w-full cursor-default object-cover px-0",
+                "rounded-sm"
+              ),
+              alt: props.attributes.alt,
+              src: url
+            }
+          ),
+          caption && /* @__PURE__ */ jsxRuntimeExports.jsx("figcaption", { className: "mx-auto mt-2 h-[24px] max-w-full", children: NodeApi.string(caption[0]) })
+        ]
+      }
+    ) }),
+    props.children
+  ] });
+}
+function VideoElementStatic(props) {
+  const { align = "center", caption, url, width } = props.element;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { className: "py-2.5", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { textAlign: align }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "figure",
+      {
+        className: "group relative m-0 inline-block cursor-default",
+        style: { width },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "video",
+            {
+              className: "w-full max-w-full rounded-sm object-cover px-0",
+              src: url,
+              controls: true
+            }
+          ),
+          caption && /* @__PURE__ */ jsxRuntimeExports.jsx("figcaption", { children: NodeApi.string(caption[0]) })
+        ]
+      }
+    ) }),
+    props.children
+  ] });
+}
+const BaseMediaKit = [
+  BaseImagePlugin.withComponent(ImageElementStatic),
+  BaseVideoPlugin.withComponent(VideoElementStatic),
+  BaseAudioPlugin.withComponent(AudioElementStatic),
+  BaseFilePlugin.withComponent(FileElementStatic),
+  BaseCaptionPlugin.configure({
+    options: {
+      query: {
+        allow: [KEYS.img, KEYS.video, KEYS.audio, KEYS.file, KEYS.mediaEmbed]
+      }
+    }
+  }),
+  BaseMediaEmbedPlugin,
+  BasePlaceholderPlugin
+];
+function MentionElementStatic(props) {
+  const { prefix } = props;
+  const element = props.element;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      ...props,
+      className: cn(
+        "inline-block rounded-md bg-muted px-1.5 py-0.5 align-baseline text-sm font-medium",
+        element.children[0][KEYS.bold] === true && "font-bold",
+        element.children[0][KEYS.italic] === true && "italic",
+        element.children[0][KEYS.underline] === true && "underline"
+      ),
+      attributes: {
+        ...props.attributes,
+        "data-slate-value": element.value
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+        props.children,
+        prefix,
+        element.value
+      ] })
+    }
+  );
+}
+const BaseMentionKit = [
+  BaseMentionPlugin.withComponent(MentionElementStatic)
+];
+function SuggestionLeafStatic(props) {
+  const { editor, leaf } = props;
+  const dataList = editor.getApi(BaseSuggestionPlugin).suggestion.dataList(leaf);
+  const hasRemove = dataList.some((data) => data.type === "remove");
+  const diffOperation = { type: hasRemove ? "delete" : "insert" };
+  const Component = { delete: "del", insert: "ins", update: "span" }[diffOperation.type];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateLeaf,
+    {
+      ...props,
+      as: Component,
+      className: cn(
+        "border-b-2 border-b-brand/[.24] bg-brand/[.08] text-brand/80 no-underline transition-colors duration-200",
+        hasRemove && "border-b-gray-300 bg-gray-300/25 text-gray-400 line-through"
+      ),
+      children: props.children
+    }
+  );
+}
+const BaseSuggestionKit = [
+  BaseSuggestionPlugin.withComponent(SuggestionLeafStatic)
+];
+function TableElementStatic({
+  children,
+  ...props
+}) {
+  const { disableMarginLeft } = props.editor.getOptions(BaseTablePlugin);
+  const marginLeft = disableMarginLeft ? 0 : props.element.marginLeft;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      ...props,
+      className: "overflow-x-auto py-5",
+      style: { paddingLeft: marginLeft },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "group/table relative w-fit", children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "mr-0 ml-px table h-px table-fixed border-collapse", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { className: "min-w-full", children }) }) })
+    }
+  );
+}
+function TableRowElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateElement, { ...props, as: "tr", className: "h-full", children: props.children });
+}
+function TableCellElementStatic({
+  isHeader,
+  ...props
+}) {
+  const { editor, element } = props;
+  const { api } = editor.getPlugin(BaseTablePlugin);
+  const { minHeight, width } = api.table.getCellSize({ element });
+  const borders = api.table.getCellBorders({ element });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SlateElement,
+    {
+      ...props,
+      as: isHeader ? "th" : "td",
+      className: cn(
+        "h-full overflow-visible border-none bg-background p-0",
+        element.background ? "bg-(--cellBackground)" : "bg-background",
+        isHeader && "text-left font-normal *:m-0",
+        "before:size-full",
+        "before:absolute before:box-border before:content-[''] before:select-none",
+        borders && cn(
+          borders.bottom?.size && `before:border-b before:border-b-border`,
+          borders.right?.size && `before:border-r before:border-r-border`,
+          borders.left?.size && `before:border-l before:border-l-border`,
+          borders.top?.size && `before:border-t before:border-t-border`
+        )
+      ),
+      style: {
+        "--cellBackground": element.background,
+        maxWidth: width || 240,
+        minWidth: width || 120
+      },
+      attributes: {
+        ...props.attributes,
+        colSpan: api.table.getColSpan(element),
+        rowSpan: api.table.getRowSpan(element)
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: "relative z-20 box-border h-full px-4 py-2",
+          style: { minHeight },
+          children: props.children
+        }
+      )
+    }
+  );
+}
+function TableCellHeaderElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TableCellElementStatic, { ...props, isHeader: true });
+}
+const BaseTableKit = [
+  BaseTablePlugin.withComponent(TableElementStatic),
+  BaseTableRowPlugin.withComponent(TableRowElementStatic),
+  BaseTableCellPlugin.withComponent(TableCellElementStatic),
+  BaseTableCellHeaderPlugin.withComponent(TableCellHeaderElementStatic)
+];
+const headingItemVariants = cva(
+  "block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground",
+  {
+    variants: {
+      depth: {
+        1: "pl-0.5",
+        2: "pl-[26px]",
+        3: "pl-[50px]"
+      }
+    }
+  }
+);
+function TocElementStatic(props) {
+  const { editor } = props;
+  const headingList = getHeadingList(editor);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { ...props, className: "mb-1 p-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: headingList.length > 0 ? headingList.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        variant: "ghost",
+        className: headingItemVariants({
+          depth: item.depth
+        }),
+        children: item.title
+      },
+      item.title
+    )) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: "Create a heading to display the table of contents." }) }),
+    props.children
+  ] });
+}
+const headingDepth = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+const getHeadingList = (editor) => {
+  if (!editor) return [];
+  const options2 = editor.getOptions(BaseTocPlugin);
+  if (options2.queryHeading) {
+    return options2.queryHeading(editor);
+  }
+  const headingList = [];
+  const values = editor.api.nodes({
+    at: [],
+    match: (n) => isHeading(n)
+  });
+  if (!values) return [];
+  Array.from(values, ([node, path]) => {
+    const { type } = node;
+    const title = NodeApi.string(node);
+    const depth = headingDepth[type];
+    const id = node.id;
+    if (title) {
+      headingList.push({ id, depth, path, title, type });
+    }
+  });
+  return headingList;
+};
+const BaseTocKit = [BaseTocPlugin.withComponent(TocElementStatic)];
+function ToggleElementStatic(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SlateElement, { ...props, className: "pl-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "absolute top-0 -left-0.5 size-6 cursor-pointer items-center justify-center rounded-md p-px text-muted-foreground transition-colors select-none hover:bg-accent [&_svg]:size-4",
+        contentEditable: false,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "rotate-0 transition-transform duration-75" })
+      }
+    ),
+    props.children
+  ] });
+}
+const BaseToggleKit = [
+  BaseTogglePlugin.withComponent(ToggleElementStatic)
+];
+const BaseEditorKit = [
+  ...BaseBasicBlocksKit,
+  ...BaseCodeBlockKit,
+  ...BaseTableKit,
+  ...BaseToggleKit,
+  ...BaseTocKit,
+  ...BaseMediaKit,
+  ...BaseCalloutKit,
+  ...BaseColumnKit,
+  ...BaseMathKit,
+  ...BaseDateKit,
+  ...BaseLinkKit,
+  ...BaseMentionKit,
+  ...BaseBasicMarksKit,
+  ...BaseFontKit,
+  ...BaseListKit,
+  ...BaseAlignKit,
+  ...BaseLineHeightKit,
+  ...BaseCommentKit,
+  ...BaseSuggestionKit,
+  ...MarkdownKit
+];
 export {
   AlignKit,
   AutoformatKit,
+  BaseEditorKit,
   BasicBlocksKit,
   BasicMarksKit,
   BlockMenuKit,
@@ -11895,12 +12676,24 @@ export {
   MathKit,
   MediaKit,
   MentionKit,
+  Plate2 as Plate,
   PlateEditor,
+  PlateLeaf2 as PlateLeaf,
+  PlateStatic,
+  PlateView2 as PlateView,
   SlashKit,
   SuggestionKit,
   TableKit,
   TocKit,
   ToggleKit,
-  normalizeNodeId
+  computeDiff,
+  createSlateEditor,
+  createSlatePlugin,
+  normalizeNodeId,
+  serializeHtml,
+  toPlatePlugin,
+  usePlateEditor2 as usePlateEditor,
+  usePlateViewEditor,
+  withGetFragmentExcludeDiff
 };
 //# sourceMappingURL=index.js.map