mtxuilib 0.0.312 → 0.0.313

package/dist/esm/common/tailwind-indicator.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 const TailwindIndicator = () => {
-  if (true)
+  if (process.env.NODE_ENV === "production")
     return null;
   return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white", children: [
     /* @__PURE__ */ jsx("div", { className: "block sm:hidden", children: "xs" }),

package/dist/esm/components/common/NotFoundGoBack.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NotFoundGoBack: () => import("react").JSX.Element;

package/dist/esm/components/common/NotFoundGoBack.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import { Button } from "../../ui/button";
+const NotFoundGoBack = () => {
+  const router = useRouter();
+  return /* @__PURE__ */ jsxs("div", { className: "container flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "mx-auto p-8", children: "not found" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: "mx-auto p-8",
+        onClick: () => {
+          router.back();
+        },
+        children: "Go back"
+      }
+    )
+  ] });
+};
+export {
+  NotFoundGoBack
+};

package/dist/esm/components/common/react-markdown/Code.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const CodeBlock: ({ ...props }: {
+    [x: string]: any;
+}) => import("react").JSX.Element;
+export declare const Pre: ({ ...props }: {
+    [x: string]: any;
+}) => import("react").JSX.Element;

package/dist/esm/components/common/react-markdown/Code.js

@@ -0,0 +1,40 @@
+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;
+};
+import { jsx } from "react/jsx-runtime";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { materialOceanic } from "react-syntax-highlighter/dist/cjs/styles/prism";
+const CodeBlock = (_a) => {
+  var props = __objRest(_a, []);
+  var _a2;
+  return /* @__PURE__ */ jsx(
+    SyntaxHighlighter,
+    {
+      language: (_a2 = props.className) == null ? void 0 : _a2.replace(/(?:lang(?:uage)?-)/, ""),
+      style: materialOceanic,
+      wrapLines: true,
+      className: "not-prose rounded-md",
+      children: props.children
+    }
+  );
+};
+const Pre = (_b) => {
+  var props = __objRest(_b, []);
+  return /* @__PURE__ */ jsx("div", { className: "not-prose", children: props.children });
+};
+export {
+  CodeBlock,
+  Pre
+};

package/dist/esm/components/common/react-markdown/MarkdownToolbar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MarkdownToolbar: ({ feedElement }: {
+    feedElement: (syntax: string) => void;
+}) => import("react").JSX.Element;
+export default MarkdownToolbar;

package/dist/esm/components/common/react-markdown/MarkdownToolbar.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../../ui/button";
+const MarkdownToolbar = ({ feedElement }) => {
+  const btns = [
+    { name: "B", syntax: "**Bold**" },
+    { name: "I", syntax: "*Italic*" },
+    { name: "S", syntax: "~Strikethrough~" },
+    { name: "H1", syntax: "# " }
+  ];
+  return /* @__PURE__ */ jsx("header", { className: " flex gap-1 bg-[#253237]", children: btns.map((btn) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: "flex rounded-md",
+      onClick: () => feedElement(btn.syntax),
+      children: btn.name
+    },
+    btn.syntax
+  )) });
+};
+var MarkdownToolbar_default = MarkdownToolbar;
+export {
+  MarkdownToolbar_default as default
+};

package/dist/esm/components/common/react-markdown/ReactMarkdownExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ReactMarkdownExample: () => import("react").JSX.Element;

package/dist/esm/components/common/react-markdown/ReactMarkdownExample.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+import rehypeExternalLinks from "rehype-external-links";
+import rehypeSanitize from "rehype-sanitize";
+import remarkGfm from "remark-gfm";
+import { CodeBlock, Pre } from "./Code";
+const ReactMarkdownExample = () => {
+  const options = {
+    code: CodeBlock,
+    pre: Pre
+  };
+  return /* @__PURE__ */ jsx("div", { className: "bg-slate-500", children: /* @__PURE__ */ jsx("div", { className: "flex h-screen justify-between", children: /* @__PURE__ */ jsx("article", { className: "w-full pl-6 pt-5", children: /* @__PURE__ */ jsx(
+    Markdown,
+    {
+      className: "prose prose-invert min-w-full",
+      remarkPlugins: [remarkGfm],
+      rehypePlugins: [
+        rehypeSanitize,
+        [
+          rehypeExternalLinks,
+          { content: { type: "text", value: "\u{1F517}" } }
+        ]
+      ],
+      components: options
+    }
+  ) }) }) });
+};
+export {
+  ReactMarkdownExample
+};

package/dist/esm/components/common/theme/mode-toggle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ModeToggle(): import("react").JSX.Element;

package/dist/esm/components/common/theme/mode-toggle.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "@radix-ui/react-icons";
+import { useTheme } from "next-themes";
+import { Button } from "../../../ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../ui/dropdown-menu";
+function ModeToggle() {
+  const { setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-9 px-0", children: [
+      /* @__PURE__ */ jsx(SunIcon, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ jsx(MoonIcon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+    ] })
+  ] });
+}
+export {
+  ModeToggle
+};

package/dist/esm/components/common/theme/theme-toggle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ThemeToggle(): import("react").JSX.Element;

package/dist/esm/components/common/theme/theme-toggle.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { Button } from "../../../ui/button";
+function ThemeToggle() {
+  const { setTheme, theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      children: [
+        /* @__PURE__ */ jsx(Sun, { className: "h-6 w-[1.3rem] dark:hidden" }),
+        /* @__PURE__ */ jsx(Moon, { className: "hidden h-5 w-5 dark:block" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+      ]
+    }
+  );
+}
+export {
+  ThemeToggle
+};

package/dist/esm/components/common/tiptap/MenuBar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MenuBar: () => import("react").JSX.Element | null;

package/dist/esm/components/common/tiptap/MenuBar.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCurrentEditor } from "@tiptap/react";
+const MenuBar = () => {
+  const { editor } = useCurrentEditor();
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-slate-100 p-1", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        disabled: !editor.can().chain().focus().toggleBold().run(),
+        className: editor.isActive("bold") ? "is-active" : "",
+        children: "bold"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        disabled: !editor.can().chain().focus().toggleItalic().run(),
+        className: editor.isActive("italic") ? "is-active" : "",
+        children: "italic"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleStrike().run(),
+        disabled: !editor.can().chain().focus().toggleStrike().run(),
+        className: editor.isActive("strike") ? "is-active" : "",
+        children: "strike"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleCode().run(),
+        disabled: !editor.can().chain().focus().toggleCode().run(),
+        className: editor.isActive("code") ? "is-active" : "",
+        children: "code"
+      }
+    ),
+    /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().unsetAllMarks().run(), children: "clear marks" }),
+    /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().clearNodes().run(), children: "clear nodes" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().setParagraph().run(),
+        className: editor.isActive("paragraph") ? "is-active" : "",
+        children: "paragraph"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        className: editor.isActive("heading", { level: 1 }) ? "is-active" : "",
+        children: "h1"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        className: editor.isActive("heading", { level: 2 }) ? "is-active" : "",
+        children: "h2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        className: editor.isActive("heading", { level: 3 }) ? "is-active" : "",
+        children: "h3"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+        className: editor.isActive("heading", { level: 4 }) ? "is-active" : "",
+        children: "h4"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+        className: editor.isActive("heading", { level: 5 }) ? "is-active" : "",
+        children: "h5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+        className: editor.isActive("heading", { level: 6 }) ? "is-active" : "",
+        children: "h6"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBulletList().run(),
+        className: editor.isActive("bulletList") ? "is-active" : "",
+        children: "bullet list"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleOrderedList().run(),
+        className: editor.isActive("orderedList") ? "is-active" : "",
+        children: "ordered list"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+        className: editor.isActive("codeBlock") ? "is-active" : "",
+        children: "code block"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().toggleBlockquote().run(),
+        className: editor.isActive("blockquote") ? "is-active" : "",
+        children: "blockquote"
+      }
+    ),
+    /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().setHorizontalRule().run(), children: "horizontal rule" }),
+    /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().setHardBreak().run(), children: "hard break" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().undo().run(),
+        disabled: !editor.can().chain().focus().undo().run(),
+        children: "undo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => editor.chain().focus().redo().run(),
+        disabled: !editor.can().chain().focus().redo().run(),
+        children: "redo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: editor.isActive("textStyle", { color: "#958DF1" }) ? "is-active" : "",
+        children: "purple"
+      }
+    )
+  ] });
+};
+export {
+  MenuBar
+};

package/dist/esm/components/common/tiptap/TiptapEditor.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { EditorEvents } from '@tiptap/react';
+export declare const TiptapEditorV1: (props: {
+    value?: string | undefined;
+    onUpdate?: ((props: EditorEvents['update']) => void) | undefined;
+}) => import("react").JSX.Element;

package/dist/esm/components/common/tiptap/TiptapEditor.js

@@ -0,0 +1,65 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Color } from "@tiptap/extension-color";
+import ListItem from "@tiptap/extension-list-item";
+import TextStyle from "@tiptap/extension-text-style";
+import { EditorProvider, useCurrentEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { MenuBar } from "./MenuBar";
+import { cn } from "../../../lib/utils";
+import { MtButton } from "../../../ui/ui-mt/Button";
+const SaveButton = (props) => {
+  const { onSave } = props;
+  const { editor } = 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(MtButton, { onClick: handleSave, children: "Save" }) }) });
+};
+const extensions = [
+  Color.configure({ types: [TextStyle.name, ListItem.name] }),
+  // TextStyle.configure({ types: [ListItem.name] }),
+  StarterKit.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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    EditorProvider,
+    {
+      slotBefore: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MenuBar, {}) }),
+      extensions,
+      content: value,
+      onUpdate,
+      editorProps: {
+        attributes: {
+          class: 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__ */ jsx(Fragment, {})
+    }
+  ) });
+};
+export {
+  TiptapEditorV1
+};

package/dist/esm/components/common/tiptap/examples/Demo-Default.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function TiptapDemo1(): import("react").JSX.Element;