mtxuilib 0.0.312 → 0.0.317

package/dist/components/common/NotFoundGoBack.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NotFoundGoBack_exports = {};
+__export(NotFoundGoBack_exports, {
+  NotFoundGoBack: () => NotFoundGoBack
+});
+module.exports = __toCommonJS(NotFoundGoBack_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_navigation = require("next/navigation");
+var import_button = require("../../ui/button");
+const NotFoundGoBack = () => {
+  const router = (0, import_navigation.useRouter)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "container flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto p-8", children: "not found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        className: "mx-auto p-8",
+        onClick: () => {
+          router.back();
+        },
+        children: "Go back"
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotFoundGoBack
+});

package/dist/components/common/react-markdown/Code.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Code_exports = {};
+__export(Code_exports, {
+  CodeBlock: () => CodeBlock,
+  Pre: () => Pre
+});
+module.exports = __toCommonJS(Code_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_prism = require("react-syntax-highlighter/dist/cjs/styles/prism");
+const CodeBlock = (_a) => {
+  var props = __objRest(_a, []);
+  var _a2;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_syntax_highlighter.Prism,
+    {
+      language: (_a2 = props.className) == null ? void 0 : _a2.replace(/(?:lang(?:uage)?-)/, ""),
+      style: import_prism.materialOceanic,
+      wrapLines: true,
+      className: "not-prose rounded-md",
+      children: props.children
+    }
+  );
+};
+const Pre = (_b) => {
+  var props = __objRest(_b, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "not-prose", children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlock,
+  Pre
+});

package/dist/components/common/react-markdown/MarkdownToolbar.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MarkdownToolbar_exports = {};
+__export(MarkdownToolbar_exports, {
+  default: () => MarkdownToolbar_default
+});
+module.exports = __toCommonJS(MarkdownToolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_button = require("../../../ui/button");
+const MarkdownToolbar = ({ feedElement }) => {
+  const btns = [
+    { name: "B", syntax: "**Bold**" },
+    { name: "I", syntax: "*Italic*" },
+    { name: "S", syntax: "~Strikethrough~" },
+    { name: "H1", syntax: "# " }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: " flex gap-1 bg-[#253237]", children: btns.map((btn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      className: "flex rounded-md",
+      onClick: () => feedElement(btn.syntax),
+      children: btn.name
+    },
+    btn.syntax
+  )) });
+};
+var MarkdownToolbar_default = MarkdownToolbar;

package/dist/components/common/react-markdown/ReactMarkdownExample.cjs

@@ -0,0 +1,65 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReactMarkdownExample_exports = {};
+__export(ReactMarkdownExample_exports, {
+  ReactMarkdownExample: () => ReactMarkdownExample
+});
+module.exports = __toCommonJS(ReactMarkdownExample_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_rehype_external_links = __toESM(require("rehype-external-links"), 1);
+var import_rehype_sanitize = __toESM(require("rehype-sanitize"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_Code = require("./Code");
+const ReactMarkdownExample = () => {
+  const options = {
+    code: import_Code.CodeBlock,
+    pre: import_Code.Pre
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-slate-500", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-screen justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: "w-full pl-6 pt-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_markdown.default,
+    {
+      className: "prose prose-invert min-w-full",
+      remarkPlugins: [import_remark_gfm.default],
+      rehypePlugins: [
+        import_rehype_sanitize.default,
+        [
+          import_rehype_external_links.default,
+          { content: { type: "text", value: "\u{1F517}" } }
+        ]
+      ],
+      components: options
+    }
+  ) }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactMarkdownExample
+});

package/dist/components/common/theme/mode-toggle.cjs

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mode_toggle_exports = {};
+__export(mode_toggle_exports, {
+  ModeToggle: () => ModeToggle
+});
+module.exports = __toCommonJS(mode_toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_next_themes = require("next-themes");
+var import_button = require("../../../ui/button");
+var import_dropdown_menu = require("../../../ui/dropdown-menu");
+function ModeToggle() {
+  const { setTheme } = (0, import_next_themes.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "ghost", className: "w-9 px-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.SunIcon, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.MoonIcon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModeToggle
+});

package/dist/components/common/theme/theme-toggle.cjs

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_toggle_exports = {};
+__export(theme_toggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(theme_toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_next_themes = require("next-themes");
+var import_button = require("../../../ui/button");
+function ThemeToggle() {
+  const { setTheme, theme } = (0, import_next_themes.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sun, { className: "h-6 w-[1.3rem] dark:hidden" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Moon, { className: "hidden h-5 w-5 dark:block" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeToggle
+});

package/dist/components/common/tiptap/MenuBar.cjs

@@ -0,0 +1,189 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuBar_exports = {};
+__export(MenuBar_exports, {
+  MenuBar: () => MenuBar
+});
+module.exports = __toCommonJS(MenuBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@tiptap/react");
+const MenuBar = () => {
+  const { editor } = (0, import_react.useCurrentEditor)();
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-slate-100 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        disabled: !editor.can().chain().focus().toggleBold().run(),
+        className: editor.isActive("bold") ? "is-active" : "",
+        children: "bold"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        disabled: !editor.can().chain().focus().toggleItalic().run(),
+        className: editor.isActive("italic") ? "is-active" : "",
+        children: "italic"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleStrike().run(),
+        disabled: !editor.can().chain().focus().toggleStrike().run(),
+        className: editor.isActive("strike") ? "is-active" : "",
+        children: "strike"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleCode().run(),
+        disabled: !editor.can().chain().focus().toggleCode().run(),
+        className: editor.isActive("code") ? "is-active" : "",
+        children: "code"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => editor.chain().focus().unsetAllMarks().run(), children: "clear marks" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => editor.chain().focus().clearNodes().run(), children: "clear nodes" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().setParagraph().run(),
+        className: editor.isActive("paragraph") ? "is-active" : "",
+        children: "paragraph"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        className: editor.isActive("heading", { level: 1 }) ? "is-active" : "",
+        children: "h1"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        className: editor.isActive("heading", { level: 2 }) ? "is-active" : "",
+        children: "h2"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        className: editor.isActive("heading", { level: 3 }) ? "is-active" : "",
+        children: "h3"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+        className: editor.isActive("heading", { level: 4 }) ? "is-active" : "",
+        children: "h4"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+        className: editor.isActive("heading", { level: 5 }) ? "is-active" : "",
+        children: "h5"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+        className: editor.isActive("heading", { level: 6 }) ? "is-active" : "",
+        children: "h6"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBulletList().run(),
+        className: editor.isActive("bulletList") ? "is-active" : "",
+        children: "bullet list"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleOrderedList().run(),
+        className: editor.isActive("orderedList") ? "is-active" : "",
+        children: "ordered list"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+        className: editor.isActive("codeBlock") ? "is-active" : "",
+        children: "code block"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBlockquote().run(),
+        className: editor.isActive("blockquote") ? "is-active" : "",
+        children: "blockquote"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => editor.chain().focus().setHorizontalRule().run(), children: "horizontal rule" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => editor.chain().focus().setHardBreak().run(), children: "hard break" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().undo().run(),
+        disabled: !editor.can().chain().focus().undo().run(),
+        children: "undo"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => editor.chain().focus().redo().run(),
+        disabled: !editor.can().chain().focus().redo().run(),
+        children: "redo"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: editor.isActive("textStyle", { color: "#958DF1" }) ? "is-active" : "",
+        children: "purple"
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuBar
+});

package/dist/components/common/tiptap/TiptapEditor.cjs

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TiptapEditor_exports = {};
+__export(TiptapEditor_exports, {
+  TiptapEditorV1: () => TiptapEditorV1
+});
+module.exports = __toCommonJS(TiptapEditor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_extension_color = require("@tiptap/extension-color");
+var import_extension_list_item = __toESM(require("@tiptap/extension-list-item"), 1);
+var import_extension_text_style = __toESM(require("@tiptap/extension-text-style"), 1);
+var import_react = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
+var import_MenuBar = require("./MenuBar");
+var import_utils = require("../../../lib/utils");
+var import_Button = require("../../../ui/ui-mt/Button");
+const SaveButton = (props) => {
+  const { onSave } = props;
+  const { editor } = (0, import_react.useCurrentEditor)();
+  if (!editor) {
+    return null;
+  }
+  const handleSave = () => {
+    const html = editor == null ? void 0 : editor.getHTML();
+    console.log("html", html);
+    if (html) {
+      onSave && onSave(html);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: handleSave, children: "Save" }) }) });
+};
+const extensions = [
+  import_extension_color.Color.configure({ types: [import_extension_text_style.default.name, import_extension_list_item.default.name] }),
+  // TextStyle.configure({ types: [ListItem.name] }),
+  import_starter_kit.default.configure({
+    bulletList: {
+      keepMarks: true,
+      keepAttributes: false
+      // TODO : Making this as `false` becase marks are not preserved when I try to preserve attrs, awaiting a bit of help
+    },
+    orderedList: {
+      keepMarks: true,
+      keepAttributes: false
+      // TODO : Making this as `false` becase marks are not preserved when I try to preserve attrs, awaiting a bit of help
+    }
+  })
+];
+const TiptapEditorV1 = (props) => {
+  const { value, onUpdate } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.EditorProvider,
+    {
+      slotBefore: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuBar.MenuBar, {}) }),
+      extensions,
+      content: value,
+      onUpdate,
+      editorProps: {
+        attributes: {
+          class: (0, import_utils.cn)(
+            "prose dark:prose-invert prose-sm sm:prose-base lg:prose-lg xl:prose-2xl focus:outline-none",
+            "mr-0 h-[700px] overflow-auto pr-0"
+          )
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TiptapEditorV1
+});