@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-FYJHWYPM.js

@@ -0,0 +1,539 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-NGR4HFVA.js';
+import { Toggle } from './chunk-3WOGOTOV.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-ZUFM33AV.js';
+import { Divider } from './chunk-3L5G7VI2.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { BoldIcon, ItalicIcon, StrikethroughIcon, CodeIcon, Heading1Icon, Heading2Icon, Heading3Icon, ListIcon, ListOrderedIcon, ListTodoIcon, QuoteIcon, LinkIcon, ImageIcon, HelpCircleIcon } from 'lucide-react';
+import { marked } from 'marked';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var markdownEditorVariants = cva(
+  "bg-background text-foreground border rounded-md overflow-hidden",
+  {
+    variants: {
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+var markdownToolbarVariants = cva(
+  "bg-muted flex flex-wrap items-center gap-1 border-b p-1",
+  {
+    variants: {
+      position: {
+        top: "rounded-t-md",
+        bottom: "rounded-b-md border-t border-b-0"
+      }
+    },
+    defaultVariants: {
+      position: "top"
+    }
+  }
+);
+var markdownEditorAreaVariants = cva(
+  "font-mono text-sm resize-none bg-background p-4 focus:outline-none w-full",
+  {
+    variants: {
+      disabled: {
+        true: "cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+var markdownPreviewVariants = cva(
+  "prose prose-sm dark:prose-invert max-w-none p-4 bg-muted/50 overflow-auto",
+  {
+    variants: {
+      mode: {
+        split: "flex-1",
+        tabs: "",
+        preview: ""
+      }
+    },
+    defaultVariants: {
+      mode: "tabs"
+    }
+  }
+);
+marked.setOptions({
+  breaks: true,
+  gfm: true
+});
+function MarkdownHelp({ open, onOpenChange }) {
+  const syntaxExamples = [
+    { syntax: "**bold**", description: "Bold text" },
+    { syntax: "*italic*", description: "Italic text" },
+    { syntax: "~~strikethrough~~", description: "Strikethrough" },
+    { syntax: "# Heading 1", description: "Large heading" },
+    { syntax: "## Heading 2", description: "Medium heading" },
+    { syntax: "### Heading 3", description: "Small heading" },
+    { syntax: "[link](url)", description: "Hyperlink" },
+    { syntax: "![alt](url)", description: "Image" },
+    { syntax: "> quote", description: "Blockquote" },
+    { syntax: "`code`", description: "Inline code" },
+    { syntax: "```code block```", description: "Code block" },
+    { syntax: "- item", description: "Unordered list" },
+    { syntax: "1. item", description: "Ordered list" },
+    { syntax: "- [ ] task", description: "Task list" }
+  ];
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Markdown Syntax" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Quick reference for markdown formatting" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 text-sm", children: syntaxExamples.map(({ syntax, description }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("code", { className: "bg-muted rounded px-1.5 py-0.5 font-mono text-xs", children: syntax }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: description })
+    ] }, syntax)) })
+  ] }) });
+}
+function MarkdownPreview({ content, className }) {
+  const html = React.useMemo(() => {
+    if (!content) return "";
+    return marked.parse(content);
+  }, [content]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(markdownPreviewVariants(), className),
+      dangerouslySetInnerHTML: { __html: html },
+      "data-slot": "markdown-preview"
+    }
+  );
+}
+function MarkdownToolbar({
+  className,
+  disabled = false,
+  editorRef,
+  showHelp = true,
+  onHelpClick
+}) {
+  const handleAction = React.useCallback(
+    (before, after) => {
+      if (disabled || !editorRef.current) return;
+      editorRef.current.wrapSelection(before, after);
+    },
+    [disabled, editorRef]
+  );
+  const handleInsert = React.useCallback(
+    (text) => {
+      if (disabled || !editorRef.current) return;
+      editorRef.current.insertText(text);
+    },
+    [disabled, editorRef]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": "Markdown formatting",
+      className: cn(markdownToolbarVariants(), className),
+      "data-slot": "markdown-toolbar",
+      role: "toolbar",
+      children: [
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Bold (Ctrl+B)",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("**", "**");
+            },
+            children: /* @__PURE__ */ jsx(BoldIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Italic (Ctrl+I)",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("*", "*");
+            },
+            children: /* @__PURE__ */ jsx(ItalicIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Strikethrough",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("~~", "~~");
+            },
+            children: /* @__PURE__ */ jsx(StrikethroughIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Inline code (Ctrl+E)",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("`", "`");
+            },
+            children: /* @__PURE__ */ jsx(CodeIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, { className: "mx-1 h-6", orientation: "vertical" }),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Heading 1",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("# ");
+            },
+            children: /* @__PURE__ */ jsx(Heading1Icon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Heading 2",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("## ");
+            },
+            children: /* @__PURE__ */ jsx(Heading2Icon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Heading 3",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("### ");
+            },
+            children: /* @__PURE__ */ jsx(Heading3Icon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, { className: "mx-1 h-6", orientation: "vertical" }),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Bullet list",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("- ");
+            },
+            children: /* @__PURE__ */ jsx(ListIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Numbered list",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("1. ");
+            },
+            children: /* @__PURE__ */ jsx(ListOrderedIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Task list",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("- [ ] ");
+            },
+            children: /* @__PURE__ */ jsx(ListTodoIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, { className: "mx-1 h-6", orientation: "vertical" }),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Quote",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleInsert("> ");
+            },
+            children: /* @__PURE__ */ jsx(QuoteIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Link (Ctrl+K)",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("[", "](url)");
+            },
+            children: /* @__PURE__ */ jsx(LinkIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            "aria-label": "Image",
+            disabled,
+            pressed: false,
+            size: "sm",
+            onPressedChange: () => {
+              handleAction("![", "](url)");
+            },
+            children: /* @__PURE__ */ jsx(ImageIcon, { className: "size-4" })
+          }
+        ),
+        showHelp && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Divider, { className: "mx-1 h-6", orientation: "vertical" }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              "aria-label": "Markdown help",
+              disabled,
+              pressed: false,
+              size: "sm",
+              onPressedChange: onHelpClick,
+              children: /* @__PURE__ */ jsx(HelpCircleIcon, { className: "size-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function MarkdownEditor({
+  "aria-describedby": ariaDescribedBy,
+  "aria-label": ariaLabel = "Markdown editor",
+  allowImages: _allowImages = true,
+  className,
+  defaultValue = "",
+  disabled = false,
+  maxHeight,
+  minHeight = "200px",
+  mode = "tabs",
+  onBlur,
+  onChange,
+  onFocus,
+  onImageUpload: _onImageUpload,
+  placeholder = "Write markdown...",
+  readOnly = false,
+  ref,
+  showHelp = true,
+  showToolbar = true,
+  toolbar: _toolbar,
+  value
+}) {
+  const textareaRef = React.useRef(null);
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const [showHelpModal, setShowHelpModal] = React.useState(false);
+  const currentValue = value ?? internalValue;
+  const editorRef = React.useRef(null);
+  React.useImperativeHandle(
+    ref,
+    () => {
+      const methods = {
+        blur: () => textareaRef.current?.blur(),
+        focus: () => textareaRef.current?.focus(),
+        getSelection: () => {
+          const textarea = textareaRef.current;
+          if (!textarea) return { start: 0, end: 0, text: "" };
+          return {
+            end: textarea.selectionEnd,
+            start: textarea.selectionStart,
+            text: textarea.value.substring(
+              textarea.selectionStart,
+              textarea.selectionEnd
+            )
+          };
+        },
+        getValue: () => textareaRef.current?.value ?? "",
+        insertText: (text) => {
+          const textarea = textareaRef.current;
+          if (!textarea) return;
+          const start = textarea.selectionStart;
+          const end = textarea.selectionEnd;
+          const newValue = currentValue.slice(0, start) + text + currentValue.slice(end);
+          if (value === void 0) {
+            setInternalValue(newValue);
+          }
+          onChange?.(newValue);
+          requestAnimationFrame(() => {
+            textarea.selectionStart = start + text.length;
+            textarea.selectionEnd = start + text.length;
+            textarea.focus();
+          });
+        },
+        setValue: (newValue) => {
+          if (value === void 0) {
+            setInternalValue(newValue);
+          }
+          onChange?.(newValue);
+        },
+        wrapSelection: (before, after) => {
+          const textarea = textareaRef.current;
+          if (!textarea) return;
+          const start = textarea.selectionStart;
+          const end = textarea.selectionEnd;
+          const selectedText = currentValue.substring(start, end);
+          const newText = before + selectedText + after;
+          const newValue = currentValue.slice(0, start) + newText + currentValue.slice(end);
+          if (value === void 0) {
+            setInternalValue(newValue);
+          }
+          onChange?.(newValue);
+          requestAnimationFrame(() => {
+            textarea.selectionStart = start + before.length;
+            textarea.selectionEnd = start + before.length + selectedText.length;
+            textarea.focus();
+          });
+        }
+      };
+      editorRef.current = methods;
+      return methods;
+    },
+    [currentValue, onChange, value]
+  );
+  const handleChange = React.useCallback(
+    (e) => {
+      const newValue = e.target.value;
+      if (value === void 0) {
+        setInternalValue(newValue);
+      }
+      onChange?.(newValue);
+    },
+    [onChange, value]
+  );
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (disabled || readOnly) return;
+      const isMod = e.metaKey || e.ctrlKey;
+      if (isMod && e.key === "b") {
+        e.preventDefault();
+        editorRef.current?.wrapSelection("**", "**");
+      } else if (isMod && e.key === "i") {
+        e.preventDefault();
+        editorRef.current?.wrapSelection("*", "*");
+      } else if (isMod && e.key === "k") {
+        e.preventDefault();
+        editorRef.current?.wrapSelection("[", "](url)");
+      } else if (isMod && e.key === "e") {
+        e.preventDefault();
+        editorRef.current?.wrapSelection("`", "`");
+      }
+    },
+    [disabled, readOnly]
+  );
+  const isDisabled = disabled || readOnly;
+  const editorStyle = {
+    maxHeight,
+    minHeight
+  };
+  const renderEditor = () => /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: textareaRef,
+      "aria-describedby": ariaDescribedBy,
+      "aria-label": ariaLabel,
+      "aria-multiline": "true",
+      className: cn(markdownEditorAreaVariants({ disabled: isDisabled })),
+      disabled,
+      placeholder,
+      readOnly,
+      role: "textbox",
+      style: editorStyle,
+      value: currentValue,
+      onBlur,
+      onChange: handleChange,
+      onFocus,
+      onKeyDown: handleKeyDown
+    }
+  );
+  const renderPreview = () => /* @__PURE__ */ jsx(
+    MarkdownPreview,
+    {
+      className: mode === "split" ? "flex-1" : void 0,
+      content: currentValue
+    }
+  );
+  const renderContent = () => {
+    switch (mode) {
+      case "editor":
+        return renderEditor();
+      case "preview":
+        return renderPreview();
+      case "split":
+        return /* @__PURE__ */ jsxs("div", { className: "flex flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto border-r", style: editorStyle, children: renderEditor() }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", style: editorStyle, children: renderPreview() })
+        ] });
+      case "tabs":
+      default:
+        return /* @__PURE__ */ jsxs(Tabs, { className: "flex-1", defaultValue: "editor", children: [
+          /* @__PURE__ */ jsxs(TabsList, { className: "mx-2 mt-2", children: [
+            /* @__PURE__ */ jsx(TabsTrigger, { value: "editor", children: "Editor" }),
+            /* @__PURE__ */ jsx(TabsTrigger, { value: "preview", children: "Preview" })
+          ] }),
+          /* @__PURE__ */ jsx(TabsContent, { className: "mt-0", value: "editor", children: renderEditor() }),
+          /* @__PURE__ */ jsx(TabsContent, { className: "mt-0", value: "preview", children: renderPreview() })
+        ] });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(markdownEditorVariants({ disabled }), className),
+        "data-slot": "markdown-editor",
+        children: [
+          showToolbar && mode !== "preview" && /* @__PURE__ */ jsx(
+            MarkdownToolbar,
+            {
+              disabled: isDisabled,
+              editorRef,
+              showHelp,
+              onHelpClick: () => {
+                setShowHelpModal(true);
+              }
+            }
+          ),
+          renderContent()
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(MarkdownHelp, { open: showHelpModal, onOpenChange: setShowHelpModal })
+  ] });
+}
+
+export { MarkdownEditor, MarkdownHelp, MarkdownPreview, MarkdownToolbar };
+//# sourceMappingURL=chunk-FYJHWYPM.js.map
+//# sourceMappingURL=chunk-FYJHWYPM.js.map

package/dist/chunk-FYJHWYPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/MarkdownEditor/MarkdownEditor.variants.ts","../src/components/advanced/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"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","file":"chunk-FYJHWYPM.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const markdownEditorVariants = cva(\n  \"bg-background text-foreground border rounded-md overflow-hidden\",\n  {\n    variants: {\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n)\n\nexport const markdownToolbarVariants = cva(\n  \"bg-muted flex flex-wrap items-center gap-1 border-b p-1\",\n  {\n    variants: {\n      position: {\n        top: \"rounded-t-md\",\n        bottom: \"rounded-b-md border-t border-b-0\",\n      },\n    },\n    defaultVariants: {\n      position: \"top\",\n    },\n  }\n)\n\nexport const markdownEditorAreaVariants = cva(\n  \"font-mono text-sm resize-none bg-background p-4 focus:outline-none w-full\",\n  {\n    variants: {\n      disabled: {\n        true: \"cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n)\n\nexport const markdownPreviewVariants = cva(\n  \"prose prose-sm dark:prose-invert max-w-none p-4 bg-muted/50 overflow-auto\",\n  {\n    variants: {\n      mode: {\n        split: \"flex-1\",\n        tabs: \"\",\n        preview: \"\",\n      },\n    },\n    defaultVariants: {\n      mode: \"tabs\",\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  MarkdownEditorProps,\n  MarkdownEditorRef,\n  MarkdownHelpProps,\n  MarkdownPreviewProps,\n  MarkdownToolbarProps,\n} from \"./MarkdownEditor.types\"\n\nimport {\n  BoldIcon,\n  CodeIcon,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  HelpCircleIcon,\n  ImageIcon,\n  ItalicIcon,\n  LinkIcon,\n  ListIcon,\n  ListOrderedIcon,\n  ListTodoIcon,\n  QuoteIcon,\n  StrikethroughIcon,\n} from \"lucide-react\"\nimport { marked } from \"marked\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../feedback/Dialog\"\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../../navigation/Tabs\"\nimport { Divider } from \"../../primitives/Divider\"\nimport { Toggle } from \"../../primitives/Toggle\"\nimport {\n  markdownEditorAreaVariants,\n  markdownEditorVariants,\n  markdownPreviewVariants,\n  markdownToolbarVariants,\n} from \"./MarkdownEditor.variants\"\n\n// Configure marked for security\nmarked.setOptions({\n  breaks: true,\n  gfm: true,\n})\n\n/**\n * MarkdownHelp - Modal with markdown syntax reference\n */\nfunction MarkdownHelp({ open, onOpenChange }: MarkdownHelpProps) {\n  const syntaxExamples = [\n    { syntax: \"**bold**\", description: \"Bold text\" },\n    { syntax: \"*italic*\", description: \"Italic text\" },\n    { syntax: \"~~strikethrough~~\", description: \"Strikethrough\" },\n    { syntax: \"# Heading 1\", description: \"Large heading\" },\n    { syntax: \"## Heading 2\", description: \"Medium heading\" },\n    { syntax: \"### Heading 3\", description: \"Small heading\" },\n    { syntax: \"[link](url)\", description: \"Hyperlink\" },\n    { syntax: \"![alt](url)\", description: \"Image\" },\n    { syntax: \"> quote\", description: \"Blockquote\" },\n    { syntax: \"`code`\", description: \"Inline code\" },\n    { syntax: \"```code block```\", description: \"Code block\" },\n    { syntax: \"- item\", description: \"Unordered list\" },\n    { syntax: \"1. item\", description: \"Ordered list\" },\n    { syntax: \"- [ ] task\", description: \"Task list\" },\n  ]\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Markdown Syntax</DialogTitle>\n          <DialogDescription>\n            Quick reference for markdown formatting\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid grid-cols-2 gap-2 text-sm\">\n          {syntaxExamples.map(({ syntax, description }) => (\n            <div key={syntax} className=\"flex items-center gap-2\">\n              <code className=\"bg-muted rounded px-1.5 py-0.5 font-mono text-xs\">\n                {syntax}\n              </code>\n              <span className=\"text-muted-foreground\">{description}</span>\n            </div>\n          ))}\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n/**\n * MarkdownPreview - Renders markdown content as HTML\n */\nfunction MarkdownPreview({ content, className }: MarkdownPreviewProps) {\n  const html = React.useMemo(() => {\n    if (!content) return \"\"\n    return marked.parse(content) as string\n  }, [content])\n\n  return (\n    <div\n      className={cn(markdownPreviewVariants(), className)}\n      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml -- required for markdown rendering\n      dangerouslySetInnerHTML={{ __html: html }}\n      data-slot=\"markdown-preview\"\n    />\n  )\n}\n\n/**\n * MarkdownToolbar - Formatting toolbar for the editor\n */\nfunction MarkdownToolbar({\n  className,\n  disabled = false,\n  editorRef,\n  showHelp = true,\n  onHelpClick,\n}: MarkdownToolbarProps) {\n  const handleAction = React.useCallback(\n    (before: string, after: string) => {\n      if (disabled || !editorRef.current) return\n      editorRef.current.wrapSelection(before, after)\n    },\n    [disabled, editorRef]\n  )\n\n  const handleInsert = React.useCallback(\n    (text: string) => {\n      if (disabled || !editorRef.current) return\n      editorRef.current.insertText(text)\n    },\n    [disabled, editorRef]\n  )\n\n  return (\n    <div\n      aria-label=\"Markdown formatting\"\n      className={cn(markdownToolbarVariants(), className)}\n      data-slot=\"markdown-toolbar\"\n      role=\"toolbar\"\n    >\n      {/* Text formatting */}\n      <Toggle\n        aria-label=\"Bold (Ctrl+B)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"**\", \"**\"); }}\n      >\n        <BoldIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Italic (Ctrl+I)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"*\", \"*\"); }}\n      >\n        <ItalicIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Strikethrough\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"~~\", \"~~\"); }}\n      >\n        <StrikethroughIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Inline code (Ctrl+E)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"`\", \"`\"); }}\n      >\n        <CodeIcon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Headings */}\n      <Toggle\n        aria-label=\"Heading 1\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"# \"); }}\n      >\n        <Heading1Icon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Heading 2\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"## \"); }}\n      >\n        <Heading2Icon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Heading 3\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"### \"); }}\n      >\n        <Heading3Icon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Lists */}\n      <Toggle\n        aria-label=\"Bullet list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"- \"); }}\n      >\n        <ListIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Numbered list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"1. \"); }}\n      >\n        <ListOrderedIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Task list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"- [ ] \"); }}\n      >\n        <ListTodoIcon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Blocks */}\n      <Toggle\n        aria-label=\"Quote\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"> \"); }}\n      >\n        <QuoteIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Link (Ctrl+K)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"[\", \"](url)\"); }}\n      >\n        <LinkIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Image\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"![\", \"](url)\"); }}\n      >\n        <ImageIcon className=\"size-4\" />\n      </Toggle>\n\n      {showHelp && (\n        <>\n          <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n          <Toggle\n            aria-label=\"Markdown help\"\n            disabled={disabled}\n            pressed={false}\n            size=\"sm\"\n            onPressedChange={onHelpClick}\n          >\n            <HelpCircleIcon className=\"size-4\" />\n          </Toggle>\n        </>\n      )}\n    </div>\n  )\n}\n\n/**\n * MarkdownEditor - A markdown editor with toolbar and preview.\n *\n * Supports tabs mode (switch between editor/preview), split mode (side by side),\n * or standalone editor/preview modes.\n *\n * @example\n * ```tsx\n * const [content, setContent] = useState(\"\")\n *\n * <MarkdownEditor\n *   value={content}\n *   onChange={setContent}\n *   placeholder=\"Write something...\"\n * />\n * ```\n */\nfunction MarkdownEditor({\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-label\": ariaLabel = \"Markdown editor\",\n  allowImages: _allowImages = true,\n  className,\n  defaultValue = \"\",\n  disabled = false,\n  maxHeight,\n  minHeight = \"200px\",\n  mode = \"tabs\",\n  onBlur,\n  onChange,\n  onFocus,\n  onImageUpload: _onImageUpload,\n  placeholder = \"Write markdown...\",\n  readOnly = false,\n  ref,\n  showHelp = true,\n  showToolbar = true,\n  toolbar: _toolbar,\n  value,\n}: MarkdownEditorProps & { ref?: React.Ref<MarkdownEditorRef> }) {\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const [showHelpModal, setShowHelpModal] = React.useState(false)\n\n  // Controlled vs uncontrolled value\n  const currentValue = value ?? internalValue\n\n  // Create stable ref for internal use (toolbar, etc.)\n  const editorRef = React.useRef<MarkdownEditorRef | null>(null)\n\n  // Expose ref methods - using useImperativeHandle directly for immediate availability\n  React.useImperativeHandle(\n    ref,\n    () => {\n      const methods: MarkdownEditorRef = {\n        blur: () => textareaRef.current?.blur(),\n        focus: () => textareaRef.current?.focus(),\n        getSelection: () => {\n          const textarea = textareaRef.current\n          if (!textarea) return { start: 0, end: 0, text: \"\" }\n          return {\n            end: textarea.selectionEnd,\n            start: textarea.selectionStart,\n            text: textarea.value.substring(\n              textarea.selectionStart,\n              textarea.selectionEnd\n            ),\n          }\n        },\n        getValue: () => textareaRef.current?.value ?? \"\",\n        insertText: (text: string) => {\n          const textarea = textareaRef.current\n          if (!textarea) return\n\n          const start = textarea.selectionStart\n          const end = textarea.selectionEnd\n          const newValue =\n            currentValue.slice(0, start) + text + currentValue.slice(end)\n\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n\n          // Restore cursor position\n          requestAnimationFrame(() => {\n            textarea.selectionStart = start + text.length\n            textarea.selectionEnd = start + text.length\n            textarea.focus()\n          })\n        },\n        setValue: (newValue: string) => {\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n        },\n        wrapSelection: (before: string, after: string) => {\n          const textarea = textareaRef.current\n          if (!textarea) return\n\n          const start = textarea.selectionStart\n          const end = textarea.selectionEnd\n          const selectedText = currentValue.substring(start, end)\n          const newText = before + selectedText + after\n          const newValue =\n            currentValue.slice(0, start) + newText + currentValue.slice(end)\n\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n\n          // Select the wrapped text\n          requestAnimationFrame(() => {\n            textarea.selectionStart = start + before.length\n            textarea.selectionEnd = start + before.length + selectedText.length\n            textarea.focus()\n          })\n        },\n      }\n      // Also update internal ref for toolbar use\n      editorRef.current = methods\n      return methods\n    },\n    [currentValue, onChange, value]\n  )\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const newValue = e.target.value\n      if (value === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [onChange, value]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (disabled || readOnly) return\n\n      const isMod = e.metaKey || e.ctrlKey\n\n      if (isMod && e.key === \"b\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"**\", \"**\")\n      } else if (isMod && e.key === \"i\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"*\", \"*\")\n      } else if (isMod && e.key === \"k\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"[\", \"](url)\")\n      } else if (isMod && e.key === \"e\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"`\", \"`\")\n      }\n    },\n    [disabled, readOnly]\n  )\n\n  const isDisabled = disabled || readOnly\n\n  const editorStyle: React.CSSProperties = {\n    maxHeight,\n    minHeight,\n  }\n\n  const renderEditor = () => (\n    <textarea\n      ref={textareaRef}\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-multiline=\"true\"\n      className={cn(markdownEditorAreaVariants({ disabled: isDisabled }))}\n      disabled={disabled}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      role=\"textbox\"\n      style={editorStyle}\n      value={currentValue}\n      onBlur={onBlur}\n      onChange={handleChange}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n    />\n  )\n\n  const renderPreview = () => (\n    <MarkdownPreview\n      className={mode === \"split\" ? \"flex-1\" : undefined}\n      content={currentValue}\n    />\n  )\n\n  const renderContent = () => {\n    switch (mode) {\n      case \"editor\":\n        return renderEditor()\n\n      case \"preview\":\n        return renderPreview()\n\n      case \"split\":\n        return (\n          <div className=\"flex flex-1\">\n            <div className=\"flex-1 overflow-auto border-r\" style={editorStyle}>\n              {renderEditor()}\n            </div>\n            <div className=\"flex-1 overflow-auto\" style={editorStyle}>\n              {renderPreview()}\n            </div>\n          </div>\n        )\n\n      case \"tabs\":\n      default:\n        return (\n          <Tabs className=\"flex-1\" defaultValue=\"editor\">\n            <TabsList className=\"mx-2 mt-2\">\n              <TabsTrigger value=\"editor\">Editor</TabsTrigger>\n              <TabsTrigger value=\"preview\">Preview</TabsTrigger>\n            </TabsList>\n            <TabsContent className=\"mt-0\" value=\"editor\">\n              {renderEditor()}\n            </TabsContent>\n            <TabsContent className=\"mt-0\" value=\"preview\">\n              {renderPreview()}\n            </TabsContent>\n          </Tabs>\n        )\n    }\n  }\n\n  return (\n    <>\n      <div\n        className={cn(markdownEditorVariants({ disabled }), className)}\n        data-slot=\"markdown-editor\"\n      >\n        {showToolbar && mode !== \"preview\" && (\n          <MarkdownToolbar\n            disabled={isDisabled}\n            editorRef={editorRef as React.RefObject<MarkdownEditorRef>}\n            showHelp={showHelp}\n            onHelpClick={() => { setShowHelpModal(true); }}\n          />\n        )}\n        {renderContent()}\n      </div>\n\n      <MarkdownHelp open={showHelpModal} onOpenChange={setShowHelpModal} />\n    </>\n  )\n}\n\nexport { MarkdownEditor, MarkdownHelp, MarkdownPreview, MarkdownToolbar }\n"]}