tinacms 0.0.0-bf22bf8-20241004045704 → 0.0.0-c5dad82-20241009225242

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/plate"), require("slate-react"), require("@udecode/plate-slash-command"), require("@udecode/cn"), require("@udecode/plate-common"), require("@udecode/plate-heading"), require("class-variance-authority"), require("lucide-react"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("@radix-ui/react-popover"), require("react-color"), require("color-string"), require("react-dropzone"), require("@radix-ui/react-slot"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-separator"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@radix-ui/react-dropdown-menu"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/plate", "slate-react", "@udecode/plate-slash-command", "@udecode/cn", "@udecode/plate-common", "@udecode/plate-heading", "class-variance-authority", "lucide-react", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "@radix-ui/react-popover", "react-color", "color-string", "react-dropzone", "@radix-ui/react-slot", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-separator", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@radix-ui/react-dropdown-menu", "@udecode/plate-block-quote", "@udecode/plate-floating", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
-})(this, function(exports2, zod, React, reactDom, plate, slateReact, plateSlashCommand, cn$1, plateCommon, plateHeading, classVarianceAuthority, lucideReact, react, plateCombobox, plateCodeBlock, MonacoEditor, react$1, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, PopoverPrimitive, pkg$1, pkg, dropzone, reactSlot, clsx, tailwindMerge, cmdk, isHotkey, slate, get, moment, dateFns, plateLink, ToolbarPrimitive, SeparatorPrimitive, TooltipPrimitive, plateParagraph, DropdownMenuPrimitive, plateBlockQuote, plateFloating, windowSize, graphql, gql, schemaTools, yup, core, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/plate"), require("slate-react"), require("@udecode/plate-slash-command"), require("@udecode/cn"), require("@udecode/plate-common"), require("@udecode/plate-heading"), require("class-variance-authority"), require("lucide-react"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("@radix-ui/react-popover"), require("@udecode/plate-table"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("@udecode/plate-resizable"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/plate", "slate-react", "@udecode/plate-slash-command", "@udecode/cn", "@udecode/plate-common", "@udecode/plate-heading", "class-variance-authority", "lucide-react", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "@radix-ui/react-popover", "@udecode/plate-table", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "@udecode/plate-resizable", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
+})(this, function(exports2, zod, React, reactDom, plate, slateReact, plateSlashCommand, cn$1, plateCommon, plateHeading, classVarianceAuthority, lucideReact, react, plateCombobox, plateCodeBlock, MonacoEditor, react$1, PopoverPrimitive, plateTable, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, plateResizable, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, windowSize, graphql, gql, schemaTools, yup, core, reactRouterDom, mdx) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -26,13 +26,13 @@ var __publicField = (obj, key, value) => {
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+  const DropdownMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DropdownMenuPrimitive);
+  const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
   const pkg__namespace$1 = /* @__PURE__ */ _interopNamespaceDefault(pkg$1);
   const pkg__namespace = /* @__PURE__ */ _interopNamespaceDefault(pkg);
   const dropzone__namespace = /* @__PURE__ */ _interopNamespaceDefault(dropzone);
   const ToolbarPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToolbarPrimitive);
-  const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
   const TooltipPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TooltipPrimitive);
-  const DropdownMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DropdownMenuPrimitive);
   const yup__namespace = /* @__PURE__ */ _interopNamespaceDefault(yup);
   const ModalProvider = ({ children }) => {
     const [modalRootContainerRef, setModalRootContainerRef] = React.useState(
@@ -993,7 +993,7 @@ var __publicField = (obj, key, value) => {
     },
     /* @__PURE__ */ React.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" })
   );
-  classVarianceAuthority.cva("", {
+  const iconVariants = classVarianceAuthority.cva("", {
     variants: {
       variant: {
         toolbar: "size-5",
@@ -2136,25 +2136,501 @@ var __publicField = (obj, key, value) => {
           onChange: (value2) => {
             plateCommon.setNodes(editor, { value: value2, lang: language });
           }
-        }
-      )))
+        }
+      )))
+    );
+  };
+  const CodeBlockElement = cn$1.withRef(
+    ({ className, ...props }, ref) => {
+      const { element } = props;
+      const state = plateCodeBlock.useCodeBlockElementState({ element });
+      return /* @__PURE__ */ React.createElement(
+        plateCommon.PlateElement,
+        {
+          className: cn$1.cn("relative py-1", state.className, className),
+          ref,
+          ...props
+        },
+        /* @__PURE__ */ React.createElement(CodeBlock, { ...props })
+      );
+    }
+  );
+  const buttonVariants$1 = classVarianceAuthority.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"
+        }
+      }
+    }
+  );
+  const Button$2 = cn$1.withRef(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ React__namespace.createElement(
+      Comp,
+      {
+        className: cn$1.cn(buttonVariants$1({ className, isMenu, size, variant })),
+        ref,
+        ...props
+      }
+    );
+  });
+  const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+  const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+  const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+  const DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+  const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+  const DropdownMenuSubTrigger = cn$1.withRef(({ children, className, inset, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      className: cn$1.cn(
+        "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.createElement(Icons.chevronRight, { className: "ml-auto size-4" })
+  ));
+  const DropdownMenuSubContent = cn$1.withCn(
+    DropdownMenuPrimitive__namespace.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 = cn$1.withProps(DropdownMenuPrimitive__namespace.Content, {
+    className: cn$1.cn(
+      "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 = cn$1.withRef(({ ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenuContentVariants, { ref, ...props })));
+  const menuItemVariants = classVarianceAuthority.cva(
+    cn$1.cn(
+      "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 DropdownMenuItem = cn$1.withVariants(
+    DropdownMenuPrimitive__namespace.Item,
+    menuItemVariants,
+    ["inset"]
+  );
+  const DropdownMenuCheckboxItem = cn$1.withRef(({ children, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive__namespace.CheckboxItem,
+    {
+      className: cn$1.cn(
+        "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.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React.createElement(Icons.check, { className: "size-4" }))),
+    children
+  ));
+  const DropdownMenuRadioItem = cn$1.withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive__namespace.RadioItem,
+    {
+      className: cn$1.cn(
+        "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.createElement("span", { className: "absolute right-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React.createElement(Icons.check, { className: "size-4" }))),
+    children
+  ));
+  const dropdownMenuLabelVariants = classVarianceAuthority.cva(
+    cn$1.cn("select-none px-2 py-1.5 text-sm font-semibold"),
+    {
+      variants: {
+        inset: {
+          true: "pl-8"
+        }
+      }
+    }
+  );
+  const DropdownMenuLabel = cn$1.withVariants(
+    DropdownMenuPrimitive__namespace.Label,
+    dropdownMenuLabelVariants,
+    ["inset"]
+  );
+  const DropdownMenuSeparator = cn$1.withCn(
+    DropdownMenuPrimitive__namespace.Separator,
+    "-mx-1 my-1 h-px bg-muted"
+  );
+  cn$1.withCn(
+    cn$1.createPrimitiveElement("span"),
+    "ml-auto text-xs tracking-widest opacity-60"
+  );
+  const useOpenState = () => {
+    const [open2, setOpen] = React.useState(false);
+    const onOpenChange = React.useCallback(
+      (_value = !open2) => {
+        setOpen(_value);
+      },
+      [open2]
+    );
+    return {
+      onOpenChange,
+      open: open2
+    };
+  };
+  const Popover$2 = PopoverPrimitive__namespace.Root;
+  const popoverVariants = classVarianceAuthority.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 = cn$1.withRef(
+    ({ align = "center", className, sideOffset = 4, style, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React__namespace.createElement(
+      PopoverPrimitive__namespace.Content,
+      {
+        align,
+        className: cn$1.cn(popoverVariants(), className),
+        ref,
+        sideOffset,
+        style: { zIndex: 1e3, ...style },
+        ...props
+      }
+    ))
+  );
+  const separatorVariants = classVarianceAuthority.cva("shrink-0 bg-border", {
+    defaultVariants: {
+      orientation: "horizontal"
+    },
+    variants: {
+      orientation: {
+        horizontal: "h-px w-full",
+        vertical: "h-full w-px"
+      }
+    }
+  });
+  const Separator = cn$1.withVariants(
+    cn$1.withProps(SeparatorPrimitive__namespace.Root, {
+      decorative: true,
+      orientation: "horizontal"
+    }),
+    separatorVariants
+  );
+  const TableBordersDropdownMenuContent = cn$1.withRef((props, ref) => {
+    const {
+      getOnSelectTableBorder,
+      hasBottomBorder,
+      hasLeftBorder,
+      hasNoBorders,
+      hasOuterBorders,
+      hasRightBorder,
+      hasTopBorder
+    } = plateTable.useTableBordersDropdownMenuContentState();
+    return /* @__PURE__ */ React.createElement(
+      DropdownMenuContent,
+      {
+        align: "start",
+        className: cn$1.cn("min-w-[220px]"),
+        ref,
+        side: "right",
+        sideOffset: 0,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasBottomBorder,
+          onCheckedChange: getOnSelectTableBorder("bottom")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderBottom, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "Bottom Border")
+      ),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasTopBorder,
+          onCheckedChange: getOnSelectTableBorder("top")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderTop, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "Top Border")
+      ),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasLeftBorder,
+          onCheckedChange: getOnSelectTableBorder("left")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderLeft, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "Left Border")
+      ),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasRightBorder,
+          onCheckedChange: getOnSelectTableBorder("right")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderRight, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "Right Border")
+      ),
+      /* @__PURE__ */ React.createElement(Separator, null),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasNoBorders,
+          onCheckedChange: getOnSelectTableBorder("none")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderNone, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "No Border")
+      ),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          checked: hasOuterBorders,
+          onCheckedChange: getOnSelectTableBorder("outer")
+        },
+        /* @__PURE__ */ React.createElement(Icons.borderAll, { className: iconVariants({ size: "sm" }) }),
+        /* @__PURE__ */ React.createElement("div", null, "Outside Borders")
+      )
+    );
+  });
+  const TableFloatingToolbar = cn$1.withRef(
+    ({ children, ...props }, ref) => {
+      const element = plateCommon.useElement();
+      const { props: buttonProps } = plateCommon.useRemoveNodeButton({ element });
+      const selectionCollapsed = plateCommon.useEditorSelector(
+        (editor2) => !plateCommon.isSelectionExpanded(editor2),
+        []
+      );
+      const readOnly = slateReact.useReadOnly();
+      const selected = slateReact.useSelected();
+      const editor = plateCommon.useEditorRef();
+      const collapsed = !readOnly && selected && selectionCollapsed;
+      const open2 = !readOnly && selected;
+      const { canMerge, canUnmerge } = plateTable.useTableMergeState();
+      const mergeContent = canMerge && /* @__PURE__ */ React.createElement(
+        Button$2,
+        {
+          contentEditable: false,
+          isMenu: true,
+          onClick: () => plateTable.mergeTableCells(editor),
+          variant: "ghost"
+        },
+        /* @__PURE__ */ React.createElement(Icons.combine, { className: "mr-2 size-4" }),
+        "Merge"
+      );
+      const unmergeButton = canUnmerge && /* @__PURE__ */ React.createElement(
+        Button$2,
+        {
+          contentEditable: false,
+          isMenu: true,
+          onClick: () => plateTable.unmergeTableCells(editor),
+          variant: "ghost"
+        },
+        /* @__PURE__ */ React.createElement(Icons.ungroup, { className: "mr-2 size-4" }),
+        "Unmerge"
+      );
+      const bordersContent = collapsed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenu, { modal: false }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button$2, { isMenu: true, variant: "ghost" }, /* @__PURE__ */ React.createElement(Icons.borderAll, { className: "mr-2 size-4" }), "Borders")), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(TableBordersDropdownMenuContent, null))), /* @__PURE__ */ React.createElement(Button$2, { contentEditable: false, isMenu: true, variant: "ghost", ...buttonProps }, /* @__PURE__ */ React.createElement(Icons.delete, { className: "mr-2 size-4" }), "Delete"));
+      return /* @__PURE__ */ React.createElement(Popover$2, { modal: false, open: open2 }, /* @__PURE__ */ React.createElement(PopoverPrimitive.PopoverAnchor, { asChild: true }, children), (canMerge || canUnmerge || collapsed) && /* @__PURE__ */ React.createElement(
+        PopoverContent$1,
+        {
+          className: cn$1.cn(
+            popoverVariants(),
+            "flex w-[220px] flex-col gap-1 p-1"
+          ),
+          onOpenAutoFocus: (e) => e.preventDefault(),
+          ref,
+          ...props
+        },
+        unmergeButton,
+        mergeContent,
+        bordersContent
+      ));
+    }
+  );
+  const TableElement = plateCommon.withHOC(
+    plateTable.TableProvider,
+    cn$1.withRef(({ children, className, ...props }, ref) => {
+      const { colSizes, isSelectingCell, marginLeft, minColumnWidth } = plateTable.useTableElementState();
+      const { colGroupProps, props: tableProps } = plateTable.useTableElement();
+      return /* @__PURE__ */ React.createElement(TableFloatingToolbar, null, /* @__PURE__ */ React.createElement("div", { style: { paddingLeft: marginLeft } }, /* @__PURE__ */ React.createElement(
+        plateCommon.PlateElement,
+        {
+          asChild: true,
+          className: cn$1.cn(
+            "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.createElement("table", null, /* @__PURE__ */ React.createElement("colgroup", { ...colGroupProps }, colSizes.map((width, index) => /* @__PURE__ */ React.createElement(
+          "col",
+          {
+            key: index,
+            style: {
+              minWidth: minColumnWidth,
+              width: width || void 0
+            }
+          }
+        ))), /* @__PURE__ */ React.createElement("tbody", { className: "min-w-full" }, children))
+      )));
+    })
+  );
+  const TableRowElement = cn$1.withRef(({ children, hideBorder, ...props }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      plateCommon.PlateElement,
+      {
+        asChild: true,
+        className: cn$1.cn("h-full", hideBorder && "border-none"),
+        ref,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("tr", null, children)
+    );
+  });
+  const TableCellElement = cn$1.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
+    } = plateTable.useTableCellElementState();
+    const { props: cellProps } = plateTable.useTableCellElement({ element: props.element });
+    const resizableState = plateTable.useTableCellElementResizableState({
+      colIndex,
+      colSpan,
+      rowIndex
+    });
+    const { bottomProps, hiddenLeft, leftProps, rightProps } = plateTable.useTableCellElementResizable(resizableState);
+    const Cell = isHeader ? "th" : "td";
+    return /* @__PURE__ */ React.createElement(
+      plateCommon.PlateElement,
+      {
+        asChild: true,
+        className: cn$1.cn(
+          "relative h-full overflow-visible border-none bg-background p-0",
+          hideBorder && "before:border-none",
+          element.background ? "bg-[--cellBackground]" : "bg-background",
+          !hideBorder && cn$1.cn(
+            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.cn(
+              ((_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.createElement(Cell, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "relative z-20 box-border h-full px-3 py-2",
+          style: {
+            minHeight: rowSize
+          }
+        },
+        children
+      ), !isSelectingCell && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "group absolute top-0 size-full select-none",
+          contentEditable: false,
+          suppressContentEditableWarning: true
+        },
+        !readOnly && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          plateResizable.ResizeHandle,
+          {
+            ...rightProps,
+            className: "-top-3 right-[-5px] w-[10px]"
+          }
+        ), /* @__PURE__ */ React.createElement(
+          plateResizable.ResizeHandle,
+          {
+            ...bottomProps,
+            className: "bottom-[-5px] h-[10px]"
+          }
+        ), !hiddenLeft && /* @__PURE__ */ React.createElement(
+          plateResizable.ResizeHandle,
+          {
+            ...leftProps,
+            className: "-top-3 left-[-5px] w-[10px]"
+          }
+        ), hovered && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cn$1.cn(
+              "absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring",
+              "right-[-1.5px]"
+            )
+          }
+        ), hoveredLeft && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cn$1.cn(
+              "absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring",
+              "left-[-1.5px]"
+            )
+          }
+        ))
+      ))
     );
-  };
-  const CodeBlockElement = cn$1.withRef(
-    ({ className, ...props }, ref) => {
-      const { element } = props;
-      const state = plateCodeBlock.useCodeBlockElementState({ element });
-      return /* @__PURE__ */ React.createElement(
-        plateCommon.PlateElement,
-        {
-          className: cn$1.cn("relative py-1", state.className, className),
-          ref,
-          ...props
-        },
-        /* @__PURE__ */ React.createElement(CodeBlock, { ...props })
-      );
-    }
-  );
+  });
+  TableCellElement.displayName = "TableCellElement";
+  const TableCellHeaderElement = cn$1.withProps(TableCellElement, {
+    isHeader: true
+  });
   const blockClasses = "mt-0.5";
   const headerClasses = "font-normal";
   const Components = () => {
@@ -2340,7 +2816,11 @@ var __publicField = (obj, key, value) => {
           children,
           selected && /* @__PURE__ */ React.createElement("span", { className: "absolute h-4 -top-2 inset-0 ring-2 ring-blue-100 ring-inset rounded-md z-10 pointer-events-none" })
         );
-      }
+      },
+      [plate.ELEMENT_TABLE]: TableElement,
+      [plate.ELEMENT_TR]: TableRowElement,
+      [plate.ELEMENT_TD]: TableCellElement,
+      [plate.ELEMENT_TH]: TableCellHeaderElement
     };
   };
   const createCodeBlockPlugin = plateCommon.createPluginFactory({
@@ -4410,7 +4890,7 @@ var __publicField = (obj, key, value) => {
   function cn(...inputs) {
     return tailwindMerge.twMerge(clsx.clsx(inputs));
   }
-  const buttonVariants$1 = classVarianceAuthority.cva(
+  const buttonVariants = classVarianceAuthority.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: {
@@ -4436,7 +4916,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React__namespace.createElement(
         Comp,
         {
-          className: cn(buttonVariants$1({ variant, size, className })),
+          className: cn(buttonVariants({ variant, size, className })),
           ref,
           ...props
         }
@@ -9700,7 +10180,7 @@ var __publicField = (obj, key, value) => {
       "Event Log"
     ));
   };
-  const version = "2.2.8";
+  const version = "2.2.9";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -13207,13 +13687,25 @@ var __publicField = (obj, key, value) => {
     plate.createUnderlinePlugin(),
     plate.createCodePlugin(),
     plate.createListPlugin(),
-    plate.createIndentPlugin(),
     plate.createIndentListPlugin(),
     plate.createHorizontalRulePlugin(),
     // Allows us to do things like copy/paste, remembering the state of the element (like mdx)
     plate.createNodeIdPlugin(),
-    plateSlashCommand.createSlashPlugin()
+    plateSlashCommand.createSlashPlugin(),
+    plate.createTablePlugin()
   ];
+  const unsupportedItemsInTable = /* @__PURE__ */ new Set([
+    "Code Block",
+    "Unordered List",
+    "Ordered List",
+    "Quote",
+    "Heading 1",
+    "Heading 2",
+    "Heading 3",
+    "Heading 4",
+    "Heading 5",
+    "Heading 6"
+  ]);
   const isNodeActive = (editor, type) => {
     const pluginType = plateCommon.getPluginType(editor, type);
     return !!(editor == null ? void 0 : editor.selection) && plateCommon.someNode(editor, { match: { type: pluginType } });
@@ -13398,24 +13890,6 @@ var __publicField = (obj, key, value) => {
     }
   );
   Editor.displayName = "Editor";
-  const separatorVariants = classVarianceAuthority.cva("shrink-0 bg-border", {
-    defaultVariants: {
-      orientation: "horizontal"
-    },
-    variants: {
-      orientation: {
-        horizontal: "h-px w-full",
-        vertical: "h-full w-px"
-      }
-    }
-  });
-  const Separator = cn$1.withVariants(
-    cn$1.withProps(SeparatorPrimitive__namespace.Root, {
-      decorative: true,
-      orientation: "horizontal"
-    }),
-    separatorVariants
-  );
   const TooltipProvider = TooltipPrimitive__namespace.Provider;
   const Tooltip = TooltipPrimitive__namespace.Root;
   const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
@@ -13574,117 +14048,6 @@ var __publicField = (obj, key, value) => {
       nodeType === plate.ELEMENT_UL ? /* @__PURE__ */ React.createElement(Icons.ul, null) : /* @__PURE__ */ React.createElement(Icons.ol, null)
     );
   });
-  const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-  const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-  const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-  cn$1.withRef(({ children, className, inset, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    DropdownMenuPrimitive__namespace.SubTrigger,
-    {
-      className: cn$1.cn(
-        "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.createElement(Icons.chevronRight, { className: "ml-auto size-4" })
-  ));
-  cn$1.withCn(
-    DropdownMenuPrimitive__namespace.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 = cn$1.withProps(DropdownMenuPrimitive__namespace.Content, {
-    className: cn$1.cn(
-      "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 = cn$1.withRef(({ ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenuContentVariants, { ref, ...props })));
-  const menuItemVariants = classVarianceAuthority.cva(
-    cn$1.cn(
-      "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 DropdownMenuItem = cn$1.withVariants(
-    DropdownMenuPrimitive__namespace.Item,
-    menuItemVariants,
-    ["inset"]
-  );
-  cn$1.withRef(({ children, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    DropdownMenuPrimitive__namespace.CheckboxItem,
-    {
-      className: cn$1.cn(
-        "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.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React.createElement(Icons.check, { className: "size-4" }))),
-    children
-  ));
-  const DropdownMenuRadioItem = cn$1.withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    DropdownMenuPrimitive__namespace.RadioItem,
-    {
-      className: cn$1.cn(
-        "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.createElement("span", { className: "absolute right-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React.createElement(Icons.check, { className: "size-4" }))),
-    children
-  ));
-  const dropdownMenuLabelVariants = classVarianceAuthority.cva(
-    cn$1.cn("select-none px-2 py-1.5 text-sm font-semibold"),
-    {
-      variants: {
-        inset: {
-          true: "pl-8"
-        }
-      }
-    }
-  );
-  const DropdownMenuLabel = cn$1.withVariants(
-    DropdownMenuPrimitive__namespace.Label,
-    dropdownMenuLabelVariants,
-    ["inset"]
-  );
-  const DropdownMenuSeparator = cn$1.withCn(
-    DropdownMenuPrimitive__namespace.Separator,
-    "-mx-1 my-1 h-px bg-muted"
-  );
-  cn$1.withCn(
-    cn$1.createPrimitiveElement("span"),
-    "ml-auto text-xs tracking-widest opacity-60"
-  );
-  const useOpenState = () => {
-    const [open2, setOpen] = React.useState(false);
-    const onOpenChange = React.useCallback(
-      (_value = !open2) => {
-        setOpen(_value);
-      },
-      [open2]
-    );
-    return {
-      onOpenChange,
-      open: open2
-    };
-  };
   const items$1 = [
     {
       description: "Paragraph",
@@ -13749,7 +14112,9 @@ var __publicField = (obj, key, value) => {
       return allNodesMatchInitialNodeType ? initialNodeType : plateParagraph.ELEMENT_PARAGRAPH;
     }, []);
     const editor = plateCommon.useEditorRef();
+    const editorState = plateCommon.useEditorState();
     const openState = useOpenState();
+    const userInTable = helpers.isNodeActive(editorState, plateTable.ELEMENT_TABLE);
     const selectedItem = items$1.find((item) => item.value === value) ?? defaultItem$1;
     const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
     return /* @__PURE__ */ React.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
@@ -13761,7 +14126,7 @@ var __publicField = (obj, key, value) => {
         tooltip: "Headings"
       },
       /* @__PURE__ */ React.createElement(SelectedItemIcon, { className: "size-5" }),
-      /* @__PURE__ */ React.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
+      /* @__PURE__ */ React.createElement("span", { className: "hidden 2xl:flex" }, selectedItemLabel)
     )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React.createElement(
       DropdownMenuRadioGroup,
       {
@@ -13773,7 +14138,12 @@ var __publicField = (obj, key, value) => {
         },
         value
       },
-      items$1.map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React.createElement(
+      items$1.filter((item) => {
+        if (userInTable) {
+          return !unsupportedItemsInTable.has(item.label);
+        }
+        return true;
+      }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React.createElement(
         DropdownMenuRadioItem,
         {
           className: "min-w-[180px]",
@@ -13963,7 +14333,6 @@ var __publicField = (obj, key, value) => {
   };
   const ICON_WIDTH = 32;
   const EMBED_ICON_WIDTH = 78;
-  const MD_BREAKPOINT = 768;
   const useResize = (ref, callback) => {
     React.useEffect(() => {
       const resizeObserver = new ResizeObserver((entries) => {
@@ -13994,6 +14363,108 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement(Icons.overflow, { className: "size-5" })
     )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "start", className: "min-w-0 flex flex-grow" }, children));
   }
+  function TableDropdownMenu(props) {
+    const tableSelected = plateCommon.useEditorSelector(
+      (editor2) => plateCommon.someNode(editor2, { match: { type: plateTable.ELEMENT_TABLE } }),
+      []
+    );
+    const [enableDeleteColumn, enableDeleteRow] = plateCommon.useEditorSelector((editor2) => {
+      const tableNodeEntry = plateCommon.findNode(editor2, { match: { type: plateTable.ELEMENT_TABLE } });
+      if (!tableNodeEntry)
+        return [false, false];
+      const [tableNode] = tableNodeEntry;
+      if (!plateCommon.isElement(tableNode))
+        return [false, false];
+      const columnCount = plateTable.getTableColumnCount(tableNode);
+      const rowCount = tableNode.children.length;
+      return [columnCount > 1, rowCount > 1];
+    }, []);
+    const editor = plateCommon.useEditorRef();
+    const openState = useOpenState();
+    return /* @__PURE__ */ React.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(ToolbarButton, { isDropdown: true, pressed: openState.open, tooltip: "Table" }, /* @__PURE__ */ React.createElement(Icons.table, null))), /* @__PURE__ */ React.createElement(
+      DropdownMenuContent,
+      {
+        align: "start",
+        className: "flex w-[180px] min-w-0 flex-col gap-0.5"
+      },
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: tableSelected,
+          onSelect: () => {
+            plateTable.insertTable(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+        "Insert table"
+      ),
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: !tableSelected,
+          onSelect: () => {
+            plateTable.deleteTable(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+        "Delete table"
+      ),
+      /* @__PURE__ */ React.createElement(DropdownMenuSub, null, /* @__PURE__ */ React.createElement(DropdownMenuSubTrigger, { disabled: !tableSelected }, /* @__PURE__ */ React.createElement(Icons.column, { className: iconVariants({ variant: "menuItem" }) }), /* @__PURE__ */ React.createElement("span", null, "Column")), /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: !tableSelected,
+          onSelect: () => {
+            plateTable.insertTableColumn(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+        "Insert column after"
+      ), /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: !enableDeleteColumn,
+          onSelect: () => {
+            plateTable.deleteColumn(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+        "Delete column"
+      ))),
+      /* @__PURE__ */ React.createElement(DropdownMenuSub, null, /* @__PURE__ */ React.createElement(DropdownMenuSubTrigger, { disabled: !tableSelected }, /* @__PURE__ */ React.createElement(Icons.row, { className: iconVariants({ variant: "menuItem" }) }), /* @__PURE__ */ React.createElement("span", null, "Row")), /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: !tableSelected,
+          onSelect: () => {
+            plateTable.insertTableRow(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.add, { className: iconVariants({ variant: "menuItem" }) }),
+        "Insert row after"
+      ), /* @__PURE__ */ React.createElement(
+        DropdownMenuItem,
+        {
+          className: "min-w-[180px]",
+          disabled: !enableDeleteRow,
+          onSelect: () => {
+            plateTable.deleteRow(editor);
+            plateCommon.focusEditor(editor);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.minus, { className: iconVariants({ variant: "menuItem" }) }),
+        "Delete row"
+      )))
+    ));
+  }
   const toolbarItems = {
     heading: {
       label: "Headings",
@@ -14035,6 +14506,10 @@ var __publicField = (obj, key, value) => {
       label: "Code Block",
       Component: /* @__PURE__ */ React.createElement(CodeBlockToolbarButton, null)
     },
+    table: {
+      label: "Table",
+      Component: /* @__PURE__ */ React.createElement(TableDropdownMenu, null)
+    },
     raw: {
       label: "Raw Markdown",
       Component: /* @__PURE__ */ React.createElement(RawMarkdownToolbarButton, null)
@@ -14050,12 +14525,18 @@ var __publicField = (obj, key, value) => {
     const { overrides } = useToolbarContext();
     useResize(toolbarRef, (entry) => {
       const width = entry.target.getBoundingClientRect().width;
-      const paragraphIconWidth = width < MD_BREAKPOINT ? 58 : 128;
-      const itemsShown2 = (width - EMBED_ICON_WIDTH - paragraphIconWidth) / ICON_WIDTH;
+      const itemsShown2 = (width - EMBED_ICON_WIDTH) / ICON_WIDTH;
       setItemsShown(Math.floor(itemsShown2));
     });
-    const toolbarItemsArray = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
-    return /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-hidden @container/toolbar", ref: toolbarRef }, /* @__PURE__ */ React.createElement(
+    let toolbarItemsArray = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    const editorState = plateCommon.useEditorState();
+    const userInTable = helpers.isNodeActive(editorState, plateTable.ELEMENT_TABLE);
+    if (userInTable) {
+      toolbarItemsArray = toolbarItemsArray.filter(
+        (item) => !unsupportedItemsInTable.has(item.label)
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-hidden", ref: toolbarRef }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "flex",
@@ -14063,7 +14544,7 @@ var __publicField = (obj, key, value) => {
           transform: "translateX(calc(-1px))"
         }
       },
-      /* @__PURE__ */ React.createElement(React.Fragment, null, toolbarItemsArray.slice(0, itemsShown).map((item, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: item.label }, item.Component)), toolbarItemsArray.length > itemsShown && /* @__PURE__ */ React.createElement(OverflowMenu, null, toolbarItemsArray.slice(itemsShown).flatMap((c) => /* @__PURE__ */ React.createElement(React.Fragment, { key: c.label }, c.Component))))
+      /* @__PURE__ */ React.createElement(React.Fragment, null, toolbarItemsArray.slice(0, itemsShown).map((item, _) => /* @__PURE__ */ React.createElement(React.Fragment, { key: item.label }, item.Component)), toolbarItemsArray.length > itemsShown && /* @__PURE__ */ React.createElement(OverflowMenu, null, toolbarItemsArray.slice(itemsShown).flatMap((c) => /* @__PURE__ */ React.createElement(React.Fragment, { key: c.label }, c.Component))))
     ));
   }
   const FloatingToolbar = cn$1.withRef(({ children, state, ...props }, componentRef) => {
@@ -14178,6 +14659,10 @@ var __publicField = (obj, key, value) => {
     const openState = useOpenState();
     const selectedItem = items.find((item) => item.value === value) ?? defaultItem;
     const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
+    const editorState = plateCommon.useEditorState();
+    const userInTable = helpers.isNodeActive(editorState, plateTable.ELEMENT_TABLE);
+    if (userInTable)
+      return null;
     return /* @__PURE__ */ React.createElement(DropdownMenu, { modal: false, ...openState, ...props }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
       ToolbarButton,
       {
@@ -14219,49 +14704,6 @@ var __publicField = (obj, key, value) => {
   function FloatingToolbarButtons() {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TurnIntoDropdownMenu, null));
   }
-  const buttonVariants = classVarianceAuthority.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"
-        }
-      }
-    }
-  );
-  cn$1.withRef(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React__namespace.createElement(
-      Comp,
-      {
-        className: cn$1.cn(buttonVariants({ className, isMenu, size, variant })),
-        ref,
-        ...props
-      }
-    );
-  });
   const inputVariants = classVarianceAuthority.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",
     {
@@ -14282,22 +14724,6 @@ var __publicField = (obj, key, value) => {
     }
   );
   cn$1.withVariants("input", inputVariants, ["variant", "h"]);
-  const popoverVariants = classVarianceAuthority.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"
-  );
-  cn$1.withRef(
-    ({ align = "center", className, sideOffset = 4, style, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React__namespace.createElement(
-      PopoverPrimitive__namespace.Content,
-      {
-        align,
-        className: cn$1.cn(popoverVariants(), className),
-        ref,
-        sideOffset,
-        style: { zIndex: 1e3, ...style },
-        ...props
-      }
-    ))
-  );
   const floatingOptions = {
     middleware: [
       plateFloating.offset(12),
@@ -14357,7 +14783,7 @@ var __publicField = (obj, key, value) => {
     const editContent = editState.isEditing ? input : /* @__PURE__ */ React.createElement("div", { className: "box-content flex h-9 items-center gap-1" }, /* @__PURE__ */ React.createElement(
       "button",
       {
-        className: buttonVariants({ size: "sm", variant: "ghost" }),
+        className: buttonVariants$1({ size: "sm", variant: "ghost" }),
         type: "button",
         ...editButtonProps
       },
@@ -14365,7 +14791,7 @@ var __publicField = (obj, key, value) => {
     ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(
       plateLink.LinkOpenButton,
       {
-        className: buttonVariants({
+        className: buttonVariants$1({
           size: "sms",
           variant: "ghost"
         })
@@ -14374,7 +14800,7 @@ var __publicField = (obj, key, value) => {
     ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(
       "button",
       {
-        className: buttonVariants({
+        className: buttonVariants$1({
           size: "sms",
           variant: "ghost"
         }),