mtxuilib 0.0.308 → 0.0.310

package/dist/ui/form.cjs

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,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)
@@ -64,6 +67,7 @@ __export(form_exports, {
   useFormField: () => useFormField
 });
 module.exports = __toCommonJS(form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_slot = require("@radix-ui/react-slot");
 var React = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
@@ -75,7 +79,7 @@ const FormFieldContext = React.createContext(
 );
 const FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, __spreadValues({}, props)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
 };
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext);
@@ -100,13 +104,13 @@ const FormItemContext = React.createContext(
 const FormItem = React.forwardRef((_b, ref) => {
   var _c = _b, { className } = _c, props = __objRest(_c, ["className"]);
   const id = React.useId();
-  return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: (0, import_utils.cn)("space-y-2", className) }, props)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadValues({ ref, className: (0, import_utils.cn)("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 const FormLabel = React.forwardRef((_d, ref) => {
   var _e = _d, { className } = _e, props = __objRest(_e, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_label.Label,
     __spreadValues({
       ref,
@@ -119,7 +123,7 @@ FormLabel.displayName = "FormLabel";
 const FormControl = React.forwardRef((_f, ref) => {
   var props = __objRest(_f, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_slot.Slot,
     __spreadValues({
       ref,
@@ -133,7 +137,7 @@ FormControl.displayName = "FormControl";
 const FormDescription = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "p",
     __spreadValues({
       ref,
@@ -150,14 +154,15 @@ const FormMessage = React.forwardRef((_i, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "p",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
       className: (0, import_utils.cn)("text-destructive text-[0.8rem] font-medium", className)
-    }, props),
-    body
+    }, props), {
+      children: body
+    })
   );
 });
 FormMessage.displayName = "FormMessage";

package/dist/ui/hover-card.cjs

@@ -60,6 +60,7 @@ __export(hover_card_exports, {
   HoverCardTrigger: () => HoverCardTrigger
 });
 module.exports = __toCommonJS(hover_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
@@ -67,7 +68,7 @@ const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
 const HoverCardContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,

package/dist/ui/input.cjs

@@ -57,12 +57,13 @@ __export(input_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Input = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "input",
       __spreadValues({
         type,

package/dist/ui/label.cjs

@@ -58,6 +58,7 @@ __export(label_exports, {
   Label: () => Label
 });
 module.exports = __toCommonJS(label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"), 1);
@@ -67,7 +68,7 @@ const labelVariants = (0, import_class_variance_authority.cva)(
 );
 const Label = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     LabelPrimitive.Root,
     __spreadValues({
       ref,

package/dist/ui/menubar.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,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)
@@ -73,6 +76,7 @@ __export(menubar_exports, {
   MenubarTrigger: () => MenubarTrigger
 });
 module.exports = __toCommonJS(menubar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var React = __toESM(require("react"), 1);
@@ -84,7 +88,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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -98,7 +102,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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -112,24 +116,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__ */ (0, import_jsx_runtime.jsxs)(
     MenubarPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.ChevronRightIcon, { className: "ml-auto size-4" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -144,7 +151,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__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -156,13 +163,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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -177,40 +184,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__ */ (0, import_jsx_runtime.jsxs)(
     MenubarPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.CheckIcon, { className: "size-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsxs)(
     MenubarPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.DotFilledIcon, { className: "size-4 fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -225,7 +238,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__ */ (0, import_jsx_runtime.jsx)(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -240,7 +253,7 @@ const MenubarShortcut = (_u) => {
   } = _v, props = __objRest(_v, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadValues({
       className: (0, import_utils.cn)(

package/dist/ui/navigation-menu.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,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)
@@ -66,6 +69,7 @@ __export(navigation_menu_exports, {
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle
 });
 module.exports = __toCommonJS(navigation_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority = require("class-variance-authority");
@@ -73,23 +77,26 @@ var React = __toESM(require("react"), 1);
 var import_utils = require("../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__ */ (0, import_jsx_runtime.jsxs)(
     NavigationMenuPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -107,27 +114,30 @@ const navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
 );
 const NavigationMenuTrigger = React.forwardRef((_e, ref) => {
   var _f = _e, { className, children } = _f, props = __objRest(_f, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     NavigationMenuPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(navigationMenuTriggerStyle(), "group", className)
-    }, props),
-    children,
-    " ",
-    /* @__PURE__ */ React.createElement(
-      import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
+          import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -142,7 +152,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: (0, import_utils.cn)("absolute left-0 top-full flex justify-center") }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -151,21 +161,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__ */ (0, import_jsx_runtime.jsx)(
     NavigationMenuPrimitive.Indicator,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+    })
   );
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;

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

@@ -51,6 +51,7 @@ __export(editor_bubble_item_exports, {
   default: () => editor_bubble_item_default
 });
 module.exports = __toCommonJS(editor_bubble_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_react2 = require("@tiptap/react");
@@ -60,7 +61,7 @@ const EditorBubbleItem = (0, import_react.forwardRef)((_a, ref) => {
   const Comp = asChild ? import_react_slot.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__ */ (0, import_jsx_runtime.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/ui/novel/novel/src/components/editor-bubble.cjs

@@ -1,6 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -17,6 +19,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)
@@ -48,6 +51,7 @@ __export(editor_bubble_exports, {
   default: () => editor_bubble_default
 });
 module.exports = __toCommonJS(editor_bubble_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@tiptap/react");
 var import_react2 = require("react");
 const EditorBubble = (0, import_react2.forwardRef)(
@@ -85,7 +89,7 @@ const EditorBubble = (0, import_react2.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(import_react.BubbleMenu, __spreadValues({ editor: currentEditor }, bubbleMenuProps), children))
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.BubbleMenu, __spreadProps(__spreadValues({ editor: currentEditor }, bubbleMenuProps), { children })) })
     );
   }
 );

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

@@ -52,6 +52,7 @@ __export(editor_command_item_exports, {
   default: () => editor_command_item_default
 });
 module.exports = __toCommonJS(editor_command_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_cmdk = require("cmdk");
 var import_react2 = require("@tiptap/react");
@@ -63,14 +64,14 @@ const EditorCommandItem = (0, import_react.forwardRef)((_a, ref) => {
   const range = (0, import_jotai.useAtomValue)(import_atoms.rangeAtom);
   if (!editor || !range)
     return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.CommandItem,
     __spreadProps(__spreadValues({
       ref
     }, rest), {
-      onSelect: () => onCommand({ editor, range })
-    }),
-    children
+      onSelect: () => onCommand({ editor, range }),
+      children
+    })
   );
 });
 EditorCommandItem.displayName = "EditorCommandItem";

package/dist/ui/novel/novel/src/components/editor-command.cjs

@@ -1,6 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -17,6 +19,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)
@@ -50,6 +53,7 @@ __export(editor_command_exports, {
   EditorCommandTunnelContext: () => EditorCommandTunnelContext
 });
 module.exports = __toCommonJS(editor_command_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_cmdk = require("cmdk");
 var import_jotai = require("jotai");
 var import_react = require("react");
@@ -92,31 +96,34 @@ const EditorCommandOut = ({
       document.removeEventListener("keydown", onKeyDown);
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(EditorCommandTunnelContext.Consumer, null, (tunnelInstance) => /* @__PURE__ */ React.createElement(tunnelInstance.Out, null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(tunnelInstance.Out, {}) });
 };
 const EditorCommand = (0, import_react.forwardRef)((_a, ref) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const [query, setQuery] = (0, import_jotai.useAtom)(import_atoms.queryAtom);
-  return /* @__PURE__ */ React.createElement(EditorCommandTunnelContext.Consumer, null, (tunnelInstance) => /* @__PURE__ */ React.createElement(tunnelInstance.In, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(tunnelInstance.In, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_cmdk.Command,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       onKeyDown: (e) => {
         e.stopPropagation();
       },
       id: "slash-command",
       className
-    }, rest),
-    /* @__PURE__ */ React.createElement(
-      import_cmdk.Command.Input,
-      {
-        value: query,
-        onValueChange: setQuery,
-        style: { display: "none" }
-      }
-    ),
-    children
-  )));
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_cmdk.Command.Input,
+          {
+            value: query,
+            onValueChange: setQuery,
+            style: { display: "none" }
+          }
+        ),
+        children
+      ]
+    })
+  ) }) });
 });
 const EditorCommandList = import_cmdk.Command.List;
 EditorCommand.displayName = "EditorCommand";

package/dist/ui/novel/novel/src/components/editor.cjs

@@ -61,6 +61,7 @@ __export(editor_exports, {
   EditorRoot: () => EditorRoot
 });
 module.exports = __toCommonJS(editor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react2 = require("@tiptap/react");
 var import_jotai = require("jotai");
@@ -70,7 +71,7 @@ var import_store = require("../utils/store");
 var import_editor_command = require("./editor-command");
 const EditorRoot = ({ children }) => {
   const tunnelInstance = (0, import_react.useRef)((0, import_tunnel_rat.default)()).current;
-  return /* @__PURE__ */ React.createElement(import_jotai.Provider, { store: import_store.novelStore }, /* @__PURE__ */ React.createElement(import_editor_command.EditorCommandTunnelContext.Provider, { value: tunnelInstance }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jotai.Provider, { store: import_store.novelStore, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor_command.EditorCommandTunnelContext.Provider, { value: tunnelInstance, children }) });
 };
 const EditorContent = (0, import_react.forwardRef)(
   (_a, ref) => {
@@ -79,14 +80,14 @@ const EditorContent = (0, import_react.forwardRef)(
       var _a2;
       return [...import_extensions.simpleExtensions, ...(_a2 = rest.extensions) != null ? _a2 : []];
     }, [rest.extensions]);
-    return /* @__PURE__ */ React.createElement("div", { ref, className }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react2.EditorProvider,
       __spreadProps(__spreadValues({}, rest), {
         content: initialContent,
-        extensions
-      }),
-      children
-    ));
+        extensions,
+        children
+      })
+    ) });
   }
 );
 EditorContent.displayName = "EditorContent";