@melv1c/ui-kit 0.0.0

package/dist/locales/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkQV4CTFLS_cjs = require('../chunk-QV4CTFLS.cjs');
+require('../chunk-Q7SFCCGT.cjs');
+
+
+
+Object.defineProperty(exports, "de", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.de_default; }
+});
+Object.defineProperty(exports, "en", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.en_default; }
+});
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.es_default; }
+});
+Object.defineProperty(exports, "fr", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.fr_default; }
+});
+Object.defineProperty(exports, "it", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.it_default; }
+});
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function () { return chunkQV4CTFLS_cjs.nl_default; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/locales/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/locales/index.d.cts

@@ -0,0 +1,43 @@
+var next$5 = "Weiter";
+var previous$5 = "Zurück";
+var de = {
+	next: next$5,
+	previous: previous$5
+};
+
+var next$4 = "Next";
+var previous$4 = "Previous";
+var en = {
+	next: next$4,
+	previous: previous$4
+};
+
+var next$3 = "Siguiente";
+var previous$3 = "Anterior";
+var es = {
+	next: next$3,
+	previous: previous$3
+};
+
+var next$2 = "Suivant";
+var previous$2 = "Précédent";
+var fr = {
+	next: next$2,
+	previous: previous$2
+};
+
+var next$1 = "Successivo";
+var previous$1 = "Precedente";
+var it = {
+	next: next$1,
+	previous: previous$1
+};
+
+var next = "Volgende";
+var previous = "Vorige";
+var nl = {
+	next: next,
+	previous: previous
+};
+
+export { de, en, es, fr, it, nl };

package/dist/locales/index.d.ts

@@ -0,0 +1,43 @@
+var next$5 = "Weiter";
+var previous$5 = "Zurück";
+var de = {
+	next: next$5,
+	previous: previous$5
+};
+
+var next$4 = "Next";
+var previous$4 = "Previous";
+var en = {
+	next: next$4,
+	previous: previous$4
+};
+
+var next$3 = "Siguiente";
+var previous$3 = "Anterior";
+var es = {
+	next: next$3,
+	previous: previous$3
+};
+
+var next$2 = "Suivant";
+var previous$2 = "Précédent";
+var fr = {
+	next: next$2,
+	previous: previous$2
+};
+
+var next$1 = "Successivo";
+var previous$1 = "Precedente";
+var it = {
+	next: next$1,
+	previous: previous$1
+};
+
+var next = "Volgende";
+var previous = "Vorige";
+var nl = {
+	next: next,
+	previous: previous
+};
+
+export { de, en, es, fr, it, nl };

package/dist/locales/index.js

@@ -0,0 +1,4 @@
+export { de_default as de, en_default as en, es_default as es, fr_default as fr, it_default as it, nl_default as nl } from '../chunk-4H5OSMBC.js';
+import '../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/rich-text-editor-JUERRDHQ.js

@@ -0,0 +1,442 @@
+import { ToggleGroup, ToggleGroupItem, Separator, Popover, PopoverTrigger, Toggle, PopoverContent, Input, Button } from './chunk-WTLIXI2B.js';
+import { cn } from './chunk-WZ2GOU2J.js';
+import './chunk-PZ5AY32C.js';
+import Link from '@tiptap/extension-link';
+import Placeholder from '@tiptap/extension-placeholder';
+import Underline from '@tiptap/extension-underline';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Heading1, Heading2, Heading3, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, Link as Link$1, Check, X, Unlink } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { useState, useRef, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var richTextEditorVariants = 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 = 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 = 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] = useState(false);
+  const [url, setUrl] = useState("");
+  const inputRef = useRef(null);
+  const handleOpen = useCallback(
+    (open) => {
+      if (open) {
+        const previousUrl = editor.getAttributes("link").href || "";
+        setUrl(previousUrl);
+      }
+      setIsOpen(open);
+    },
+    [editor]
+  );
+  const handleSetLink = 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 = useCallback(() => {
+    editor.chain().focus().unsetLink().run();
+    setIsOpen(false);
+    setUrl("");
+  }, [editor]);
+  const isActive = editor.isActive("link");
+  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: handleOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Toggle,
+      {
+        size: "sm",
+        pressed: isActive,
+        disabled,
+        "aria-label": isActive ? "Edit link" : "Add link",
+        variant: "outline",
+        children: /* @__PURE__ */ jsx(Link$1, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-3", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: isActive ? "Edit Link" : "Insert Link" }),
+      /* @__PURE__ */ jsx(
+        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__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: handleSetLink, children: [
+            /* @__PURE__ */ jsx(Check, { className: "size-3.5" }),
+            isActive ? "Update" : "Insert"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                setIsOpen(false);
+                setUrl("");
+              },
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+                "Cancel"
+              ]
+            }
+          )
+        ] }),
+        isActive && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: handleUnsetLink,
+            className: "text-destructive hover:text-destructive",
+            children: [
+              /* @__PURE__ */ jsx(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__ */ jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor-toolbar",
+      className: cn(toolbarVariants({ variant }), className),
+      children: [
+        showHeadings && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            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__ */ jsx(
+                  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__ */ jsx(Heading1, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  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__ */ jsx(Heading2, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  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__ */ jsx(Heading3, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(0) && /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showFormatting && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            ToggleGroup,
+            {
+              type: "multiple",
+              value: ["bold", "italic", "underline", "strike"].filter(
+                (format) => editor?.isActive(format)
+              ),
+              size: "sm",
+              variant: "outline",
+              children: [
+                opts.bold && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "bold",
+                    "aria-label": "Bold",
+                    disabled: disabled || !editor.can().chain().focus().toggleBold().run(),
+                    onClick: () => editor.chain().focus().toggleBold().run(),
+                    children: /* @__PURE__ */ jsx(Bold, { className: "size-4" })
+                  }
+                ),
+                opts.italic && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "italic",
+                    "aria-label": "Italic",
+                    disabled: disabled || !editor.can().chain().focus().toggleItalic().run(),
+                    onClick: () => editor.chain().focus().toggleItalic().run(),
+                    children: /* @__PURE__ */ jsx(Italic, { className: "size-4" })
+                  }
+                ),
+                opts.underline && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "underline",
+                    "aria-label": "Underline",
+                    disabled: disabled || !editor.can().chain().focus().toggleUnderline().run(),
+                    onClick: () => editor.chain().focus().toggleUnderline().run(),
+                    children: /* @__PURE__ */ jsx(Underline$1, { className: "size-4" })
+                  }
+                ),
+                opts.strikethrough && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "strike",
+                    "aria-label": "Strikethrough",
+                    disabled: disabled || !editor.can().chain().focus().toggleStrike().run(),
+                    onClick: () => editor.chain().focus().toggleStrike().run(),
+                    children: /* @__PURE__ */ jsx(Strikethrough, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(1) && /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showLists && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            ToggleGroup,
+            {
+              type: "single",
+              value: editor.isActive("bulletList") ? "bulletList" : editor.isActive("orderedList") ? "orderedList" : "",
+              size: "sm",
+              variant: "outline",
+              children: [
+                opts.bulletList && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "bulletList",
+                    "aria-label": "Bullet list",
+                    disabled,
+                    onClick: () => editor.chain().focus().toggleBulletList().run(),
+                    children: /* @__PURE__ */ jsx(List, { className: "size-4" })
+                  }
+                ),
+                opts.orderedList && /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: "orderedList",
+                    "aria-label": "Ordered list",
+                    disabled,
+                    onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                    children: /* @__PURE__ */ jsx(ListOrdered, { className: "size-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          needsSeparatorAfter(2) && /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" })
+        ] }),
+        showLink && /* @__PURE__ */ 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 = useEditor({
+    extensions: [
+      StarterKit.configure({
+        heading: {
+          levels: [1, 2, 3]
+        },
+        codeBlock: false,
+        blockquote: false
+      }),
+      Underline,
+      Link.configure({
+        openOnClick: false,
+        HTMLAttributes: {
+          class: "text-primary underline underline-offset-2 cursor-pointer"
+        }
+      }),
+      Placeholder.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: 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__ */ jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor",
+      className: cn(
+        richTextEditorVariants({ variant, size: multiline ? size : void 0 }),
+        !multiline && "min-h-0",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        !readOnly && /* @__PURE__ */ jsx(
+          EditorToolbar,
+          {
+            editor,
+            variant,
+            disabled,
+            className: toolbarClassName,
+            options: toolbarOptions
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EditorContent,
+          {
+            editor,
+            className: cn(
+              "w-full",
+              disabled && "pointer-events-none",
+              contentClassName
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { RichTextEditor };
+//# sourceMappingURL=rich-text-editor-JUERRDHQ.js.map
+//# sourceMappingURL=rich-text-editor-JUERRDHQ.js.map

package/dist/rich-text-editor-JUERRDHQ.js.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":["LinkIcon","jsxs","jsx","UnderlineIcon","editor"],"mappings":"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","file":"rich-text-editor-JUERRDHQ.js","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"]}