@melv1c/ui-kit 0.0.0

package/dist/rich-text-editor-MOJDWQTI.cjs

@@ -0,0 +1,451 @@
+'use strict';
+
+var chunkGQ6Z5A4R_cjs = require('./chunk-GQ6Z5A4R.cjs');
+var chunkI7WHASOO_cjs = require('./chunk-I7WHASOO.cjs');
+require('./chunk-Q7SFCCGT.cjs');
+var Link = require('@tiptap/extension-link');
+var Placeholder = require('@tiptap/extension-placeholder');
+var Underline = require('@tiptap/extension-underline');
+var react = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var lucideReact = require('lucide-react');
+var classVarianceAuthority = require('class-variance-authority');
+var react$1 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Placeholder__default = /*#__PURE__*/_interopDefault(Placeholder);
+var Underline__default = /*#__PURE__*/_interopDefault(Underline);
+var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
+
+var richTextEditorVariants = classVarianceAuthority.cva(
+  "relative overflow-hidden rounded-md border transition-[color,box-shadow] outline-none focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "border-input bg-transparent",
+        ghost: "border-transparent bg-transparent",
+        card: "border-border bg-card shadow-sm"
+      },
+      size: {
+        default: "min-h-[200px]",
+        sm: "min-h-[120px]",
+        lg: "min-h-[350px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var toolbarVariants = classVarianceAuthority.cva(
+  "flex flex-wrap items-center gap-1 border-b p-2",
+  {
+    variants: {
+      variant: {
+        default: "border-input bg-muted/30",
+        ghost: "border-transparent bg-transparent",
+        card: "border-border bg-muted/50"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var editorContentVariants = classVarianceAuthority.cva(
+  "prose prose-sm dark:prose-invert max-w-none p-4 focus:outline-none",
+  {
+    variants: {
+      size: {
+        default: "min-h-[150px]",
+        sm: "min-h-[80px]",
+        lg: "min-h-[300px]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function LinkPopover({ editor, disabled }) {
+  const [isOpen, setIsOpen] = react$1.useState(false);
+  const [url, setUrl] = react$1.useState("");
+  const inputRef = react$1.useRef(null);
+  const handleOpen = react$1.useCallback(
+    (open) => {
+      if (open) {
+        const previousUrl = editor.getAttributes("link").href || "";
+        setUrl(previousUrl);
+      }
+      setIsOpen(open);
+    },
+    [editor]
+  );
+  const handleSetLink = react$1.useCallback(() => {
+    if (url === "") {
+      editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    } else {
+      editor.chain().focus().extendMarkRange("link").setLink({ href: url, target: "_blank" }).run();
+    }
+    setIsOpen(false);
+    setUrl("");
+  }, [editor, url]);
+  const handleUnsetLink = react$1.useCallback(() => {
+    editor.chain().focus().unsetLink().run();
+    setIsOpen(false);
+    setUrl("");
+  }, [editor]);
+  const isActive = editor.isActive("link");
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkGQ6Z5A4R_cjs.Popover, { open: isOpen, onOpenChange: handleOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkGQ6Z5A4R_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkGQ6Z5A4R_cjs.Toggle,
+      {
+        size: "sm",
+        pressed: isActive,
+        disabled,
+        "aria-label": isActive ? "Edit link" : "Add link",
+        variant: "outline",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkGQ6Z5A4R_cjs.PopoverContent, { className: "w-80 p-3", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: isActive ? "Edit Link" : "Insert Link" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkGQ6Z5A4R_cjs.Input,
+        {
+          ref: inputRef,
+          type: "url",
+          placeholder: "https://example.com",
+          value: url,
+          onChange: (e) => setUrl(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              handleSetLink();
+            }
+            if (e.key === "Escape") {
+              setIsOpen(false);
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkGQ6Z5A4R_cjs.Button, { type: "button", size: "sm", onClick: handleSetLink, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5" }),
+            isActive ? "Update" : "Insert"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkGQ6Z5A4R_cjs.Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                setIsOpen(false);
+                setUrl("");
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" }),
+                "Cancel"
+              ]
+            }
+          )
+        ] }),
+        isActive && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkGQ6Z5A4R_cjs.Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: handleUnsetLink,
+            className: "text-destructive hover:text-destructive",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Unlink, { className: "size-3.5" }),
+              "Remove"
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+var defaultOptions = {
+  headings: true,
+  bold: true,
+  italic: true,
+  underline: true,
+  strikethrough: true,
+  bulletList: true,
+  orderedList: true,
+  link: true
+};
+function EditorToolbar({
+  editor,
+  variant,
+  disabled,
+  className,
+  options
+}) {
+  const opts = { ...defaultOptions, ...options };
+  const showHeadings = opts.headings;
+  const showFormatting = opts.bold || opts.italic || opts.underline || opts.strikethrough;
+  const showLists = opts.bulletList || opts.orderedList;
+  const showLink = opts.link;
+  const activeGroups = [showHeadings, showFormatting, showLists, showLink];
+  const needsSeparatorAfter = (groupIndex) => {
+    return activeGroups.slice(groupIndex + 1).some(Boolean);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor-toolbar",
+      className: chunkI7WHASOO_cjs.cn(toolbarVariants({ variant }), className),
+      children: [
+        showHeadings && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkGQ6Z5A4R_cjs.ToggleGroup,
+            {
+              type: "single",
+              value: editor?.isActive("heading", { level: 1 }) ? "h1" : editor?.isActive("heading", { level: 2 }) ? "h2" : editor?.isActive("heading", { level: 3 }) ? "h3" : "",
+              size: "sm",
+              variant: "outline",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "h1",
+                    "aria-label": "Heading 1",
+                    disabled: disabled || !editor?.can().chain().focus().toggleHeading({ level: 1 }).run(),
+                    onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading1, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "h2",
+                    "aria-label": "Heading 2",
+                    disabled: disabled || !editor?.can().chain().focus().toggleHeading({ level: 2 }).run(),
+                    onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading2, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "h3",
+                    "aria-label": "Heading 3",
+                    disabled: disabled || !editor?.can().chain().focus().toggleHeading({ level: 3 }).run(),
+                    onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading3, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(0) && /* @__PURE__ */ jsxRuntime.jsx(chunkGQ6Z5A4R_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showFormatting && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkGQ6Z5A4R_cjs.ToggleGroup,
+            {
+              type: "multiple",
+              value: ["bold", "italic", "underline", "strike"].filter(
+                (format) => editor?.isActive(format)
+              ),
+              size: "sm",
+              variant: "outline",
+              children: [
+                opts.bold && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "bold",
+                    "aria-label": "Bold",
+                    disabled: disabled || !editor.can().chain().focus().toggleBold().run(),
+                    onClick: () => editor.chain().focus().toggleBold().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "size-4" })
+                  }
+                ),
+                opts.italic && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "italic",
+                    "aria-label": "Italic",
+                    disabled: disabled || !editor.can().chain().focus().toggleItalic().run(),
+                    onClick: () => editor.chain().focus().toggleItalic().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "size-4" })
+                  }
+                ),
+                opts.underline && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "underline",
+                    "aria-label": "Underline",
+                    disabled: disabled || !editor.can().chain().focus().toggleUnderline().run(),
+                    onClick: () => editor.chain().focus().toggleUnderline().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "size-4" })
+                  }
+                ),
+                opts.strikethrough && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "strike",
+                    "aria-label": "Strikethrough",
+                    disabled: disabled || !editor.can().chain().focus().toggleStrike().run(),
+                    onClick: () => editor.chain().focus().toggleStrike().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Strikethrough, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(1) && /* @__PURE__ */ jsxRuntime.jsx(chunkGQ6Z5A4R_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showLists && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkGQ6Z5A4R_cjs.ToggleGroup,
+            {
+              type: "single",
+              value: editor.isActive("bulletList") ? "bulletList" : editor.isActive("orderedList") ? "orderedList" : "",
+              size: "sm",
+              variant: "outline",
+              children: [
+                opts.bulletList && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "bulletList",
+                    "aria-label": "Bullet list",
+                    disabled,
+                    onClick: () => editor.chain().focus().toggleBulletList().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "size-4" })
+                  }
+                ),
+                opts.orderedList && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGQ6Z5A4R_cjs.ToggleGroupItem,
+                  {
+                    value: "orderedList",
+                    "aria-label": "Ordered list",
+                    disabled,
+                    onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(2) && /* @__PURE__ */ jsxRuntime.jsx(chunkGQ6Z5A4R_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showLink && /* @__PURE__ */ jsxRuntime.jsx(LinkPopover, { editor, disabled })
+      ]
+    }
+  );
+}
+function RichTextEditor({
+  value,
+  onChange,
+  placeholder = "Start typing...",
+  readOnly = false,
+  disabled = false,
+  multiline = true,
+  className,
+  variant,
+  size,
+  contentClassName,
+  toolbarClassName,
+  toolbarOptions,
+  ...props
+}) {
+  const editor = react.useEditor({
+    extensions: [
+      StarterKit__default.default.configure({
+        heading: {
+          levels: [1, 2, 3]
+        },
+        codeBlock: false,
+        blockquote: false
+      }),
+      Underline__default.default,
+      Link__default.default.configure({
+        openOnClick: false,
+        HTMLAttributes: {
+          class: "text-primary underline underline-offset-2 cursor-pointer"
+        }
+      }),
+      Placeholder__default.default.configure({
+        placeholder,
+        emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-muted-foreground before:float-left before:h-0 before:pointer-events-none"
+      })
+    ],
+    content: value,
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.isEmpty ? "" : editor2.getHTML());
+    },
+    editable: !readOnly && !disabled,
+    shouldRerenderOnTransaction: true,
+    // Force a re-render when a transaction is made
+    editorProps: {
+      attributes: {
+        class: chunkI7WHASOO_cjs.cn(
+          editorContentVariants({ size: multiline ? size : void 0 }),
+          "[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:mb-2",
+          "[&_h2]:text-xl [&_h2]:font-semibold [&_h2]:mb-2",
+          "[&_h3]:text-lg [&_h3]:font-medium [&_h3]:mb-1",
+          "[&_ul]:list-disc [&_ul]:ml-4 [&_ol]:list-decimal [&_ol]:ml-4",
+          "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2",
+          !multiline && "min-h-0 py-2"
+        )
+      },
+      handleKeyDown: (_, event) => {
+        if (!multiline && event.key === "Enter") {
+          return true;
+        }
+        return false;
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor",
+      className: chunkI7WHASOO_cjs.cn(
+        richTextEditorVariants({ variant, size: multiline ? size : void 0 }),
+        !multiline && "min-h-0",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
+          EditorToolbar,
+          {
+            editor,
+            variant,
+            disabled,
+            className: toolbarClassName,
+            options: toolbarOptions
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react.EditorContent,
+          {
+            editor,
+            className: chunkI7WHASOO_cjs.cn(
+              "w-full",
+              disabled && "pointer-events-none",
+              contentClassName
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.RichTextEditor = RichTextEditor;
+//# sourceMappingURL=rich-text-editor-MOJDWQTI.cjs.map
+//# sourceMappingURL=rich-text-editor-MOJDWQTI.cjs.map

package/dist/rich-text-editor-MOJDWQTI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/editors/rich-text/variants.ts","../src/components/editors/rich-text/toolbar/link-popover.tsx","../src/components/editors/rich-text/toolbar/editor-toolbar.tsx","../src/components/editors/rich-text/rich-text-editor.tsx"],"names":["cva","useState","useRef","useCallback","jsxs","Popover","jsx","PopoverTrigger","Toggle","LinkIcon","PopoverContent","Input","Button","Check","X","Unlink","cn","Fragment","ToggleGroup","ToggleGroupItem","Heading1","Heading2","Heading3","Separator","Bold","Italic","UnderlineIcon","Strikethrough","List","ListOrdered","useEditor","StarterKit","Underline","Link","Placeholder","editor","EditorContent"],"mappings":"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","file":"rich-text-editor-MOJDWQTI.cjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const richTextEditorVariants = cva(\n  \"relative overflow-hidden rounded-md border transition-[color,box-shadow] outline-none focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        default: \"border-input bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        card: \"border-border bg-card shadow-sm\",\n      },\n      size: {\n        default: \"min-h-[200px]\",\n        sm: \"min-h-[120px]\",\n        lg: \"min-h-[350px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport const toolbarVariants = cva(\n  \"flex flex-wrap items-center gap-1 border-b p-2\",\n  {\n    variants: {\n      variant: {\n        default: \"border-input bg-muted/30\",\n        ghost: \"border-transparent bg-transparent\",\n        card: \"border-border bg-muted/50\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport const editorContentVariants = cva(\n  \"prose prose-sm dark:prose-invert max-w-none p-4 focus:outline-none\",\n  {\n    variants: {\n      size: {\n        default: \"min-h-[150px]\",\n        sm: \"min-h-[80px]\",\n        lg: \"min-h-[300px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n","import { Check, Link as LinkIcon, Unlink, X } from \"lucide-react\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { Button } from \"@/components/base/button\";\nimport { Input } from \"@/components/base/input\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/base/popover\";\nimport { Toggle } from \"@/components/base/toggle\";\nimport type { LinkPopoverProps } from \"../types\";\n\nfunction LinkPopover({ editor, disabled }: LinkPopoverProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [url, setUrl] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleOpen = useCallback(\n    (open: boolean) => {\n      if (open) {\n        const previousUrl = editor.getAttributes(\"link\").href || \"\";\n        setUrl(previousUrl);\n      }\n      setIsOpen(open);\n    },\n    [editor],\n  );\n\n  const handleSetLink = useCallback(() => {\n    if (url === \"\") {\n      editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    } else {\n      editor\n        .chain()\n        .focus()\n        .extendMarkRange(\"link\")\n        .setLink({ href: url, target: \"_blank\" })\n        .run();\n    }\n    setIsOpen(false);\n    setUrl(\"\");\n  }, [editor, url]);\n\n  const handleUnsetLink = useCallback(() => {\n    editor.chain().focus().unsetLink().run();\n    setIsOpen(false);\n    setUrl(\"\");\n  }, [editor]);\n\n  const isActive = editor.isActive(\"link\");\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpen}>\n      <PopoverTrigger asChild>\n        <Toggle\n          size=\"sm\"\n          pressed={isActive}\n          disabled={disabled}\n          aria-label={isActive ? \"Edit link\" : \"Add link\"}\n          variant=\"outline\"\n        >\n          <LinkIcon className=\"size-4\" />\n        </Toggle>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80 p-3\" align=\"start\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"text-sm font-medium\">\n            {isActive ? \"Edit Link\" : \"Insert Link\"}\n          </div>\n          <Input\n            ref={inputRef}\n            type=\"url\"\n            placeholder=\"https://example.com\"\n            value={url}\n            onChange={(e) => setUrl(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                handleSetLink();\n              }\n              if (e.key === \"Escape\") {\n                setIsOpen(false);\n              }\n            }}\n          />\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex gap-1\">\n              <Button type=\"button\" size=\"sm\" onClick={handleSetLink}>\n                <Check className=\"size-3.5\" />\n                {isActive ? \"Update\" : \"Insert\"}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => {\n                  setIsOpen(false);\n                  setUrl(\"\");\n                }}\n              >\n                <X className=\"size-3.5\" />\n                Cancel\n              </Button>\n            </div>\n            {isActive && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleUnsetLink}\n                className=\"text-destructive hover:text-destructive\"\n              >\n                <Unlink className=\"size-3.5\" />\n                Remove\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { LinkPopover };\n","import {\n  Bold,\n  Heading1,\n  Heading2,\n  Heading3,\n  Italic,\n  List,\n  ListOrdered,\n  Strikethrough,\n  Underline as UnderlineIcon,\n} from \"lucide-react\";\nimport { Separator } from \"@/components/base/separator\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/base/toggle-group\";\nimport { cn } from \"@/lib/utils\";\nimport type { EditorToolbarProps, ToolbarOptions } from \"../types\";\nimport { toolbarVariants } from \"../variants\";\nimport { LinkPopover } from \"./link-popover\";\n\nconst defaultOptions: Required<ToolbarOptions> = {\n  headings: true,\n  bold: true,\n  italic: true,\n  underline: true,\n  strikethrough: true,\n  bulletList: true,\n  orderedList: true,\n  link: true,\n};\n\nfunction EditorToolbar({\n  editor,\n  variant,\n  disabled,\n  className,\n  options,\n}: EditorToolbarProps) {\n  const opts = { ...defaultOptions, ...options };\n\n  const showHeadings = opts.headings;\n  const showFormatting =\n    opts.bold || opts.italic || opts.underline || opts.strikethrough;\n  const showLists = opts.bulletList || opts.orderedList;\n  const showLink = opts.link;\n\n  // Determine which separators to show based on active groups\n  const activeGroups = [showHeadings, showFormatting, showLists, showLink];\n  const needsSeparatorAfter = (groupIndex: number): boolean => {\n    // Show separator if there's at least one active group after this one\n    return activeGroups.slice(groupIndex + 1).some(Boolean);\n  };\n\n  return (\n    <div\n      data-slot=\"rich-text-editor-toolbar\"\n      className={cn(toolbarVariants({ variant }), className)}\n    >\n      {/* Heading Group */}\n      {showHeadings && (\n        <>\n          <ToggleGroup\n            type=\"single\"\n            value={\n              editor?.isActive(\"heading\", { level: 1 })\n                ? \"h1\"\n                : editor?.isActive(\"heading\", { level: 2 })\n                  ? \"h2\"\n                  : editor?.isActive(\"heading\", { level: 3 })\n                    ? \"h3\"\n                    : \"\"\n            }\n            size=\"sm\"\n            variant=\"outline\"\n          >\n            <ToggleGroupItem\n              value=\"h1\"\n              aria-label=\"Heading 1\"\n              disabled={\n                disabled ||\n                !editor?.can().chain().focus().toggleHeading({ level: 1 }).run()\n              }\n              onClick={() =>\n                editor?.chain().focus().toggleHeading({ level: 1 }).run()\n              }\n            >\n              <Heading1 className=\"size-4\" />\n            </ToggleGroupItem>\n            <ToggleGroupItem\n              value=\"h2\"\n              aria-label=\"Heading 2\"\n              disabled={\n                disabled ||\n                !editor?.can().chain().focus().toggleHeading({ level: 2 }).run()\n              }\n              onClick={() =>\n                editor?.chain().focus().toggleHeading({ level: 2 }).run()\n              }\n            >\n              <Heading2 className=\"size-4\" />\n            </ToggleGroupItem>\n            <ToggleGroupItem\n              value=\"h3\"\n              aria-label=\"Heading 3\"\n              disabled={\n                disabled ||\n                !editor?.can().chain().focus().toggleHeading({ level: 3 }).run()\n              }\n              onClick={() =>\n                editor?.chain().focus().toggleHeading({ level: 3 }).run()\n              }\n            >\n              <Heading3 className=\"size-4\" />\n            </ToggleGroupItem>\n          </ToggleGroup>\n          {needsSeparatorAfter(0) && (\n            <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n          )}\n        </>\n      )}\n\n      {/* Text Formatting Group */}\n      {showFormatting && (\n        <>\n          <ToggleGroup\n            type=\"multiple\"\n            value={[\"bold\", \"italic\", \"underline\", \"strike\"].filter((format) =>\n              editor?.isActive(format),\n            )}\n            size=\"sm\"\n            variant=\"outline\"\n          >\n            {opts.bold && (\n              <ToggleGroupItem\n                value=\"bold\"\n                aria-label=\"Bold\"\n                disabled={\n                  disabled || !editor.can().chain().focus().toggleBold().run()\n                }\n                onClick={() => editor.chain().focus().toggleBold().run()}\n              >\n                <Bold className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n            {opts.italic && (\n              <ToggleGroupItem\n                value=\"italic\"\n                aria-label=\"Italic\"\n                disabled={\n                  disabled || !editor.can().chain().focus().toggleItalic().run()\n                }\n                onClick={() => editor.chain().focus().toggleItalic().run()}\n              >\n                <Italic className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n            {opts.underline && (\n              <ToggleGroupItem\n                value=\"underline\"\n                aria-label=\"Underline\"\n                disabled={\n                  disabled ||\n                  !editor.can().chain().focus().toggleUnderline().run()\n                }\n                onClick={() => editor.chain().focus().toggleUnderline().run()}\n              >\n                <UnderlineIcon className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n            {opts.strikethrough && (\n              <ToggleGroupItem\n                value=\"strike\"\n                aria-label=\"Strikethrough\"\n                disabled={\n                  disabled || !editor.can().chain().focus().toggleStrike().run()\n                }\n                onClick={() => editor.chain().focus().toggleStrike().run()}\n              >\n                <Strikethrough className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n          </ToggleGroup>\n          {needsSeparatorAfter(1) && (\n            <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n          )}\n        </>\n      )}\n\n      {/* List Group */}\n      {showLists && (\n        <>\n          <ToggleGroup\n            type=\"single\"\n            value={\n              editor.isActive(\"bulletList\")\n                ? \"bulletList\"\n                : editor.isActive(\"orderedList\")\n                  ? \"orderedList\"\n                  : \"\"\n            }\n            size=\"sm\"\n            variant=\"outline\"\n          >\n            {opts.bulletList && (\n              <ToggleGroupItem\n                value=\"bulletList\"\n                aria-label=\"Bullet list\"\n                disabled={disabled}\n                onClick={() => editor.chain().focus().toggleBulletList().run()}\n              >\n                <List className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n            {opts.orderedList && (\n              <ToggleGroupItem\n                value=\"orderedList\"\n                aria-label=\"Ordered list\"\n                disabled={disabled}\n                onClick={() => editor.chain().focus().toggleOrderedList().run()}\n              >\n                <ListOrdered className=\"size-4\" />\n              </ToggleGroupItem>\n            )}\n          </ToggleGroup>\n          {needsSeparatorAfter(2) && (\n            <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n          )}\n        </>\n      )}\n\n      {/* Link */}\n      {showLink && <LinkPopover editor={editor} disabled={disabled} />}\n    </div>\n  );\n}\n\nexport { EditorToolbar };\n","import Link from \"@tiptap/extension-link\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { cn } from \"@/lib/utils\";\nimport { EditorToolbar } from \"./toolbar\";\nimport type { RichTextEditorProps } from \"./types\";\nimport { editorContentVariants, richTextEditorVariants } from \"./variants\";\n\nfunction RichTextEditor({\n  value,\n  onChange,\n  placeholder = \"Start typing...\",\n  readOnly = false,\n  disabled = false,\n  multiline = true,\n  className,\n  variant,\n  size,\n  contentClassName,\n  toolbarClassName,\n  toolbarOptions,\n  ...props\n}: RichTextEditorProps) {\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        heading: {\n          levels: [1, 2, 3],\n        },\n        codeBlock: false,\n        blockquote: false,\n      }),\n      Underline,\n      Link.configure({\n        openOnClick: false,\n        HTMLAttributes: {\n          class: \"text-primary underline underline-offset-2 cursor-pointer\",\n        },\n      }),\n      Placeholder.configure({\n        placeholder,\n        emptyEditorClass:\n          \"before:content-[attr(data-placeholder)] before:text-muted-foreground before:float-left before:h-0 before:pointer-events-none\",\n      }),\n    ],\n    content: value,\n    onUpdate: ({ editor }) => {\n      onChange(editor.isEmpty ? \"\" : editor.getHTML());\n    },\n    editable: !readOnly && !disabled,\n    shouldRerenderOnTransaction: true, // Force a re-render when a transaction is made\n    editorProps: {\n      attributes: {\n        class: cn(\n          editorContentVariants({ size: multiline ? size : undefined }),\n          \"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:mb-2\",\n          \"[&_h2]:text-xl [&_h2]:font-semibold [&_h2]:mb-2\",\n          \"[&_h3]:text-lg [&_h3]:font-medium [&_h3]:mb-1\",\n          \"[&_ul]:list-disc [&_ul]:ml-4 [&_ol]:list-decimal [&_ol]:ml-4\",\n          \"[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2\",\n          !multiline && \"min-h-0 py-2\",\n        ),\n      },\n      handleKeyDown: (_, event) => {\n        // Prevent Enter key when multiline is disabled\n        if (!multiline && event.key === \"Enter\") {\n          return true;\n        }\n        return false;\n      },\n    },\n  });\n\n  return (\n    <div\n      data-slot=\"rich-text-editor\"\n      className={cn(\n        richTextEditorVariants({ variant, size: multiline ? size : undefined }),\n        !multiline && \"min-h-0\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      {!readOnly && (\n        <EditorToolbar\n          editor={editor}\n          variant={variant}\n          disabled={disabled}\n          className={toolbarClassName}\n          options={toolbarOptions}\n        />\n      )}\n      <EditorContent\n        editor={editor}\n        className={cn(\n          \"w-full\",\n          disabled && \"pointer-events-none\",\n          contentClassName,\n        )}\n      />\n    </div>\n  );\n}\n\nexport { RichTextEditor, type RichTextEditorProps };\n"]}

package/dist/themes/claude.css

@@ -0,0 +1,125 @@
+:root {
+  --background: #faf9f5;
+  --foreground: #3d3929;
+  --card: #faf9f5;
+  --card-foreground: #141413;
+  --popover: #ffffff;
+  --popover-foreground: #28261b;
+  --primary: #c96442;
+  --primary-foreground: #ffffff;
+  --secondary: #e9e6dc;
+  --secondary-foreground: #535146;
+  --muted: #ede9de;
+  --muted-foreground: #83827d;
+  --accent: #e9e6dc;
+  --accent-foreground: #28261b;
+  --destructive: #141413;
+  --destructive-foreground: #ffffff;
+  --border: #dad9d4;
+  --input: #b4b2a7;
+  --ring: #c96442;
+  --chart-1: #b05730;
+  --chart-2: #9c87f5;
+  --chart-3: #ded8c4;
+  --chart-4: #dbd3f0;
+  --chart-5: #b4552d;
+  --sidebar: #f5f4ee;
+  --sidebar-foreground: #3d3d3a;
+  --sidebar-primary: #c96442;
+  --sidebar-primary-foreground: #fbfbfb;
+  --sidebar-accent: #e9e6dc;
+  --sidebar-accent-foreground: #343434;
+  --sidebar-border: #ebebeb;
+  --sidebar-ring: #b5b5b5;
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+  --radius: 0.5rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+}
+
+.dark {
+  --background: #262624;
+  --foreground: #c3c0b6;
+  --card: #262624;
+  --card-foreground: #faf9f5;
+  --popover: #30302e;
+  --popover-foreground: #e5e5e2;
+  --primary: #d97757;
+  --primary-foreground: #ffffff;
+  --secondary: #faf9f5;
+  --secondary-foreground: #30302e;
+  --muted: #1b1b19;
+  --muted-foreground: #b7b5a9;
+  --accent: #1a1915;
+  --accent-foreground: #f5f4ee;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #3e3e38;
+  --input: #52514a;
+  --ring: #d97757;
+  --chart-1: #b05730;
+  --chart-2: #9c87f5;
+  --chart-3: #1a1915;
+  --chart-4: #2f2b48;
+  --chart-5: #b4552d;
+  --sidebar: #1f1e1d;
+  --sidebar-foreground: #c3c0b6;
+  --sidebar-primary: #343434;
+  --sidebar-primary-foreground: #fbfbfb;
+  --sidebar-accent: #0f0f0e;
+  --sidebar-accent-foreground: #c3c0b6;
+  --sidebar-border: #ebebeb;
+  --sidebar-ring: #b5b5b5;
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+  --radius: 0.5rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+}