mtxuilib 0.0.308 → 0.0.310

package/dist/esm/ui/menubar.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   CheckIcon,
   ChevronRightIcon,
@@ -42,7 +46,7 @@ const MenubarSub = MenubarPrimitive.Sub;
 const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
 const Menubar = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -56,7 +60,7 @@ const Menubar = React.forwardRef((_a, ref) => {
 Menubar.displayName = MenubarPrimitive.Root.displayName;
 const MenubarTrigger = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -70,24 +74,27 @@ const MenubarTrigger = React.forwardRef((_c, ref) => {
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
 const MenubarSubTrigger = React.forwardRef((_e, ref) => {
   var _f = _e, { className, inset, children } = _f, props = __objRest(_f, ["className", "inset", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     MenubarPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
         inset && "pl-8",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "ml-auto size-4" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
 const MenubarSubContent = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -102,7 +109,7 @@ MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
 const MenubarContent = React.forwardRef(
   (_i, ref) => {
     var _j = _i, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _j, props = __objRest(_j, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ React.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -114,13 +121,13 @@ const MenubarContent = React.forwardRef(
           className
         )
       }, props)
-    ));
+    ) });
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 const MenubarItem = React.forwardRef((_k, ref) => {
   var _l = _k, { className, inset } = _l, props = __objRest(_l, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -135,40 +142,46 @@ const MenubarItem = React.forwardRef((_k, ref) => {
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
 const MenubarCheckboxItem = React.forwardRef((_m, ref) => {
   var _n = _m, { className, children, checked } = _n, props = __objRest(_n, ["className", "children", "checked"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     MenubarPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "size-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
 const MenubarRadioItem = React.forwardRef((_o, ref) => {
   var _p = _o, { className, children } = _p, props = __objRest(_p, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     MenubarPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(DotFilledIcon, { className: "size-4 fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotFilledIcon, { className: "size-4 fill-current" }) }) }),
+        children
+      ]
+    })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
 const MenubarLabel = React.forwardRef((_q, ref) => {
   var _r = _q, { className, inset } = _r, props = __objRest(_r, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -183,7 +196,7 @@ const MenubarLabel = React.forwardRef((_q, ref) => {
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
 const MenubarSeparator = React.forwardRef((_s, ref) => {
   var _t = _s, { className } = _t, props = __objRest(_t, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -198,7 +211,7 @@ const MenubarShortcut = (_u) => {
   } = _v, props = __objRest(_v, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     __spreadValues({
       className: cn(

package/dist/esm/ui/navigation-menu.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
@@ -34,23 +38,26 @@ import * as React from "react";
 import { cn } from "../lib/utils";
 const NavigationMenu = React.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     NavigationMenuPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative z-10 flex max-w-max flex-1 items-center justify-center",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(NavigationMenuViewport, null)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+      ]
+    })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
 const NavigationMenuList = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -68,27 +75,30 @@ const navigationMenuTriggerStyle = cva(
 );
 const NavigationMenuTrigger = React.forwardRef((_e, ref) => {
   var _f = _e, { className, children } = _f, props = __objRest(_f, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     NavigationMenuPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(navigationMenuTriggerStyle(), "group", className)
-    }, props),
-    children,
-    " ",
-    /* @__PURE__ */ React.createElement(
-      ChevronDownIcon,
-      {
-        className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
-        "aria-hidden": "true"
-      }
-    )
+    }, props), {
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    })
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
 const NavigationMenuContent = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -103,7 +113,7 @@ NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 const NavigationMenuLink = NavigationMenuPrimitive.Link;
 const NavigationMenuViewport = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("absolute left-0 top-full flex justify-center") }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -112,21 +122,22 @@ const NavigationMenuViewport = React.forwardRef((_i, ref) => {
       ),
       ref
     }, props)
-  ));
+  ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 const NavigationMenuIndicator = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.Indicator,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+    }, props), {
+      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+    })
   );
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;

package/dist/esm/ui/novel/novel/src/components/editor-bubble-item.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { useCurrentEditor } from "@tiptap/react";
@@ -38,7 +39,7 @@ const EditorBubbleItem = forwardRef((_a, ref) => {
   const Comp = asChild ? Slot : "div";
   if (!editor)
     return null;
-  return /* @__PURE__ */ React.createElement(Comp, __spreadProps(__spreadValues({ ref }, rest), { onClick: () => onSelect == null ? void 0 : onSelect(editor) }), children);
+  return /* @__PURE__ */ jsx(Comp, __spreadProps(__spreadValues({ ref }, rest), { onClick: () => onSelect == null ? void 0 : onSelect(editor), children }));
 });
 EditorBubbleItem.displayName = "EditorBubbleItem";
 var editor_bubble_item_default = EditorBubbleItem;

package/dist/esm/ui/novel/novel/src/components/editor-bubble.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { BubbleMenu, isNodeSelection, useCurrentEditor } from "@tiptap/react";
 import { useMemo, useRef, useEffect, forwardRef } from "react";
 const EditorBubble = forwardRef(
@@ -63,7 +67,7 @@ const EditorBubble = forwardRef(
       return null;
     return (
       // We need to add this because of https://github.com/ueberdosis/tiptap/issues/2658
-      /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(BubbleMenu, __spreadValues({ editor: currentEditor }, bubbleMenuProps), children))
+      /* @__PURE__ */ jsx("div", { ref, children: /* @__PURE__ */ jsx(BubbleMenu, __spreadProps(__spreadValues({ editor: currentEditor }, bubbleMenuProps), { children })) })
     );
   }
 );

package/dist/esm/ui/novel/novel/src/components/editor-command-item.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CommandEmpty, CommandItem } from "cmdk";
 import { useCurrentEditor } from "@tiptap/react";
@@ -40,14 +41,14 @@ const EditorCommandItem = forwardRef((_a, ref) => {
   const range = useAtomValue(rangeAtom);
   if (!editor || !range)
     return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     CommandItem,
     __spreadProps(__spreadValues({
       ref
     }, rest), {
-      onSelect: () => onCommand({ editor, range })
-    }),
-    children
+      onSelect: () => onCommand({ editor, range }),
+      children
+    })
   );
 });
 EditorCommandItem.displayName = "EditorCommandItem";

package/dist/esm/ui/novel/novel/src/components/editor-command.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Command } from "cmdk";
 import { useAtom, useSetAtom } from "jotai";
 import { createContext, forwardRef, useEffect } from "react";
@@ -68,31 +72,34 @@ const EditorCommandOut = ({
       document.removeEventListener("keydown", onKeyDown);
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(EditorCommandTunnelContext.Consumer, null, (tunnelInstance) => /* @__PURE__ */ React.createElement(tunnelInstance.Out, null));
+  return /* @__PURE__ */ jsx(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ jsx(tunnelInstance.Out, {}) });
 };
 const EditorCommand = forwardRef((_a, ref) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const [query, setQuery] = useAtom(queryAtom);
-  return /* @__PURE__ */ React.createElement(EditorCommandTunnelContext.Consumer, null, (tunnelInstance) => /* @__PURE__ */ React.createElement(tunnelInstance.In, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ jsx(tunnelInstance.In, { children: /* @__PURE__ */ jsxs(
     Command,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       onKeyDown: (e) => {
         e.stopPropagation();
       },
       id: "slash-command",
       className
-    }, rest),
-    /* @__PURE__ */ React.createElement(
-      Command.Input,
-      {
-        value: query,
-        onValueChange: setQuery,
-        style: { display: "none" }
-      }
-    ),
-    children
-  )));
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx(
+          Command.Input,
+          {
+            value: query,
+            onValueChange: setQuery,
+            style: { display: "none" }
+          }
+        ),
+        children
+      ]
+    })
+  ) }) });
 });
 const EditorCommandList = Command.List;
 EditorCommand.displayName = "EditorCommand";

package/dist/esm/ui/novel/novel/src/components/editor.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { useMemo, useRef, forwardRef } from "react";
 import { EditorProvider } from "@tiptap/react";
 import { Provider } from "jotai";
@@ -38,7 +39,7 @@ import { novelStore } from "../utils/store";
 import { EditorCommandTunnelContext } from "./editor-command";
 const EditorRoot = ({ children }) => {
   const tunnelInstance = useRef(tunnel()).current;
-  return /* @__PURE__ */ React.createElement(Provider, { store: novelStore }, /* @__PURE__ */ React.createElement(EditorCommandTunnelContext.Provider, { value: tunnelInstance }, children));
+  return /* @__PURE__ */ jsx(Provider, { store: novelStore, children: /* @__PURE__ */ jsx(EditorCommandTunnelContext.Provider, { value: tunnelInstance, children }) });
 };
 const EditorContent = forwardRef(
   (_a, ref) => {
@@ -47,14 +48,14 @@ const EditorContent = forwardRef(
       var _a2;
       return [...simpleExtensions, ...(_a2 = rest.extensions) != null ? _a2 : []];
     }, [rest.extensions]);
-    return /* @__PURE__ */ React.createElement("div", { ref, className }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(
       EditorProvider,
       __spreadProps(__spreadValues({}, rest), {
         content: initialContent,
-        extensions
-      }),
-      children
-    ));
+        extensions,
+        children
+      })
+    ) });
   }
 );
 EditorContent.displayName = "EditorContent";

package/dist/esm/ui/novel/novel/src/extensions/image-resizer.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import Moveable from "react-moveable";
 import { useCurrentEditor } from "@tiptap/react";
 const ImageResizer = () => {
@@ -19,7 +20,7 @@ const ImageResizer = () => {
       editor.commands.setNodeSelection(selection.from);
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Moveable,
     {
       target: document.querySelector(".ProseMirror-selectednode"),

package/dist/esm/ui/novel/tailwind/advanced-editor.js

@@ -19,6 +19,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useDebouncedCallback } from "use-debounce";
 import { defaultExtensions } from "./extensions";
@@ -61,43 +62,65 @@ const TailwindAdvancedEditor = () => {
   }, []);
   if (!initialContent)
     return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full max-w-screen-lg" }, /* @__PURE__ */ React.createElement("div", { className: "bg-accent text-muted-foreground absolute right-5 top-5 z-10 mb-5 rounded-lg px-2 py-1 text-sm" }, saveStatus), /* @__PURE__ */ React.createElement(EditorRoot, null, /* @__PURE__ */ React.createElement(
-    EditorContent,
-    {
-      initialContent,
-      extensions,
-      className: "border-muted bg-background relative min-h-[500px] w-full max-w-screen-lg sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg",
-      editorProps: {
-        handleDOMEvents: {
-          keydown: (_view, event) => handleCommandNavigation(event)
-        },
-        handlePaste: (view, event) => handleImagePaste(view, event, uploadFn),
-        handleDrop: (view, event, _slice, moved) => handleImageDrop(view, event, moved, uploadFn),
-        attributes: {
-          class: `prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full`
-        }
-      },
-      onUpdate: ({ editor }) => {
-        debouncedUpdates(editor);
-        setSaveStatus("Unsaved");
-      },
-      slotAfter: /* @__PURE__ */ React.createElement(ImageResizer, null)
-    },
-    /* @__PURE__ */ React.createElement(EditorCommand, { className: "border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all" }, /* @__PURE__ */ React.createElement(EditorCommandEmpty, { className: "text-muted-foreground px-2" }, "No results"), /* @__PURE__ */ React.createElement(EditorCommandList, null, suggestionItems.map((item) => /* @__PURE__ */ React.createElement(
-      EditorCommandItem,
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-screen-lg", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-accent text-muted-foreground absolute right-5 top-5 z-10 mb-5 rounded-lg px-2 py-1 text-sm", children: saveStatus }),
+    /* @__PURE__ */ jsx(EditorRoot, { children: /* @__PURE__ */ jsxs(
+      EditorContent,
       {
-        value: item.title,
-        onCommand: (val) => {
-          item.command && item.command(val);
+        initialContent,
+        extensions,
+        className: "border-muted bg-background relative min-h-[500px] w-full max-w-screen-lg sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg",
+        editorProps: {
+          handleDOMEvents: {
+            keydown: (_view, event) => handleCommandNavigation(event)
+          },
+          handlePaste: (view, event) => handleImagePaste(view, event, uploadFn),
+          handleDrop: (view, event, _slice, moved) => handleImageDrop(view, event, moved, uploadFn),
+          attributes: {
+            class: `prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full`
+          }
+        },
+        onUpdate: ({ editor }) => {
+          debouncedUpdates(editor);
+          setSaveStatus("Unsaved");
         },
-        className: `hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm `,
-        key: item.title
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border" }, item.icon),
-      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, item.title), /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground text-xs" }, item.description))
-    )))),
-    /* @__PURE__ */ React.createElement(GenerativeMenuSwitch, { open: openAI, onOpenChange: setOpenAI }, /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(NodeSelector, { open: openNode, onOpenChange: setOpenNode }), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(LinkSelector, { open: openLink, onOpenChange: setOpenLink }), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(TextButtons, null), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(ColorSelector, { open: openColor, onOpenChange: setOpenColor }))
-  )));
+        slotAfter: /* @__PURE__ */ jsx(ImageResizer, {}),
+        children: [
+          /* @__PURE__ */ jsxs(EditorCommand, { className: "border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all", children: [
+            /* @__PURE__ */ jsx(EditorCommandEmpty, { className: "text-muted-foreground px-2", children: "No results" }),
+            /* @__PURE__ */ jsx(EditorCommandList, { children: suggestionItems.map((item) => /* @__PURE__ */ jsxs(
+              EditorCommandItem,
+              {
+                value: item.title,
+                onCommand: (val) => {
+                  item.command && item.command(val);
+                },
+                className: `hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm `,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border", children: item.icon }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "font-medium", children: item.title }),
+                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: item.description })
+                  ] })
+                ]
+              },
+              item.title
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs(GenerativeMenuSwitch, { open: openAI, onOpenChange: setOpenAI, children: [
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+            /* @__PURE__ */ jsx(NodeSelector, { open: openNode, onOpenChange: setOpenNode }),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+            /* @__PURE__ */ jsx(LinkSelector, { open: openLink, onOpenChange: setOpenLink }),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+            /* @__PURE__ */ jsx(TextButtons, {}),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+            /* @__PURE__ */ jsx(ColorSelector, { open: openColor, onOpenChange: setOpenColor })
+          ] })
+        ]
+      }
+    ) })
+  ] });
 };
 export {
   TailwindAdvancedEditor