@fragments-sdk/ui 0.9.7 → 0.11.0

package/dist/components/Editor/index.cjs

@@ -0,0 +1,548 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Editor_module = require("./Editor.module.scss.cjs");
+const react = require("@phosphor-icons/react");
+const keyboardShortcuts = require("../../utils/keyboard-shortcuts.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+let _useEditor = null;
+let _EditorContent = null;
+let _StarterKit = null;
+let _LinkExtension = null;
+let _tiptapLoaded = false;
+let _tiptapFailed = false;
+function loadTipTapDeps() {
+  if (_tiptapLoaded) return;
+  _tiptapLoaded = true;
+  try {
+    const tiptapReact = require("@tiptap/react");
+    const starterKit = require("@tiptap/starter-kit");
+    const linkExt = require("@tiptap/extension-link");
+    _useEditor = tiptapReact.useEditor;
+    _EditorContent = tiptapReact.EditorContent;
+    _StarterKit = starterKit.default ?? starterKit.StarterKit ?? starterKit;
+    _LinkExtension = linkExt.default ?? linkExt.Link ?? linkExt;
+  } catch {
+    _tiptapFailed = true;
+  }
+}
+const FORMAT_META = {
+  bold: { icon: react.TextB, label: "Bold", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BOLD.label },
+  italic: { icon: react.TextItalic, label: "Italic", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_ITALIC.label },
+  strikethrough: { icon: react.TextStrikethrough, label: "Strikethrough", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_STRIKETHROUGH.label },
+  link: { icon: react.LinkSimple, label: "Link", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_LINK.label },
+  code: { icon: react.Code, label: "Code", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_CODE.label },
+  bulletList: { icon: react.ListBullets, label: "Bullet list", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BULLET_LIST.label },
+  orderedList: { icon: react.ListNumbers, label: "Ordered list", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_ORDERED_LIST.label },
+  heading1: { icon: react.TextHOne, label: "Heading 1", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING1.label },
+  heading2: { icon: react.TextHTwo, label: "Heading 2", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING2.label },
+  heading3: { icon: react.TextHThree, label: "Heading 3", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING3.label },
+  blockquote: { icon: react.Quotes, label: "Blockquote", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BLOCKQUOTE.label },
+  undo: { icon: react.ArrowCounterClockwise, label: "Undo", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_UNDO.label },
+  redo: { icon: react.ArrowClockwise, label: "Redo", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_REDO.label }
+};
+const DEFAULT_FORMATS = ["bold", "italic", "strikethrough", "link", "code", "bulletList"];
+const ACTION_FORMATS = /* @__PURE__ */ new Set(["undo", "redo"]);
+const DEFAULT_STATUS_LABELS = {
+  idle: "",
+  saving: "SAVING...",
+  saved: "AUTO-SAVED",
+  error: "SAVE FAILED"
+};
+function getSelection(textarea) {
+  return {
+    start: textarea.selectionStart,
+    end: textarea.selectionEnd,
+    text: textarea.value.substring(textarea.selectionStart, textarea.selectionEnd)
+  };
+}
+function wrapSelection(textarea, prefix, suffix, setValue) {
+  const sel = getSelection(textarea);
+  const before = textarea.value.substring(0, sel.start);
+  const after = textarea.value.substring(sel.end);
+  const wrapped = `${prefix}${sel.text || "text"}${suffix}`;
+  const newValue = `${before}${wrapped}${after}`;
+  setValue(newValue);
+  requestAnimationFrame(() => {
+    textarea.focus();
+    const newStart = sel.start + prefix.length;
+    const newEnd = newStart + (sel.text || "text").length;
+    textarea.setSelectionRange(newStart, newEnd);
+  });
+}
+function applyMarkdownFormat(format, textarea, setValue) {
+  switch (format) {
+    case "bold":
+      wrapSelection(textarea, "**", "**", setValue);
+      break;
+    case "italic":
+      wrapSelection(textarea, "*", "*", setValue);
+      break;
+    case "strikethrough":
+      wrapSelection(textarea, "~~", "~~", setValue);
+      break;
+    case "code":
+      wrapSelection(textarea, "`", "`", setValue);
+      break;
+    case "link": {
+      const sel = getSelection(textarea);
+      const linkText = sel.text || "link text";
+      const before = textarea.value.substring(0, sel.start);
+      const after = textarea.value.substring(sel.end);
+      const newValue = `${before}[${linkText}](url)${after}`;
+      setValue(newValue);
+      requestAnimationFrame(() => {
+        textarea.focus();
+        const urlStart = sel.start + linkText.length + 3;
+        textarea.setSelectionRange(urlStart, urlStart + 3);
+      });
+      break;
+    }
+    case "bulletList": {
+      const sel = getSelection(textarea);
+      const before = textarea.value.substring(0, sel.start);
+      const after = textarea.value.substring(sel.end);
+      const lines = (sel.text || "item").split("\n");
+      const bulleted = lines.map((l) => `- ${l}`).join("\n");
+      const newValue = `${before}${bulleted}${after}`;
+      setValue(newValue);
+      break;
+    }
+    case "orderedList": {
+      const sel = getSelection(textarea);
+      const before = textarea.value.substring(0, sel.start);
+      const after = textarea.value.substring(sel.end);
+      const lines = (sel.text || "item").split("\n");
+      const numbered = lines.map((l, i) => `${i + 1}. ${l}`).join("\n");
+      const newValue = `${before}${numbered}${after}`;
+      setValue(newValue);
+      break;
+    }
+    case "heading1":
+      wrapSelection(textarea, "# ", "", setValue);
+      break;
+    case "heading2":
+      wrapSelection(textarea, "## ", "", setValue);
+      break;
+    case "heading3":
+      wrapSelection(textarea, "### ", "", setValue);
+      break;
+    case "blockquote": {
+      const sel = getSelection(textarea);
+      const before = textarea.value.substring(0, sel.start);
+      const after = textarea.value.substring(sel.end);
+      const lines = (sel.text || "quote").split("\n");
+      const quoted = lines.map((l) => `> ${l}`).join("\n");
+      const newValue = `${before}${quoted}${after}`;
+      setValue(newValue);
+      break;
+    }
+  }
+}
+const EditorContext = React__namespace.createContext(null);
+function useEditorContext() {
+  const context = React__namespace.useContext(EditorContext);
+  if (!context) {
+    throw new Error("Editor compound components must be used within an Editor");
+  }
+  return context;
+}
+function useControllableState(controlledValue, defaultValue, onChange) {
+  const [uncontrolledValue, setUncontrolledValue] = React__namespace.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const setValue = React__namespace.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [isControlled, onChange]
+  );
+  return [value, setValue];
+}
+function countWords(text) {
+  const trimmed = text.trim();
+  if (!trimmed) return 0;
+  return trimmed.split(/\s+/).length;
+}
+function EditorRoot({
+  children,
+  value: controlledValue,
+  defaultValue = "",
+  onValueChange,
+  placeholder = "Start typing...",
+  disabled = false,
+  readOnly = false,
+  formats = DEFAULT_FORMATS,
+  toolbar = true,
+  statusBar = true,
+  onAutoSave,
+  autoSaveInterval = 3e4,
+  size = "md",
+  maxLength,
+  className,
+  ...htmlProps
+}) {
+  const contentRef = React__namespace.useRef(null);
+  const [value, setValue] = useControllableState(
+    controlledValue,
+    defaultValue,
+    onValueChange
+  );
+  const [saveStatus, setSaveStatus] = React__namespace.useState("idle");
+  loadTipTapDeps();
+  const hasTipTap = !_tiptapFailed && _useEditor && _EditorContent && _StarterKit;
+  const mode = hasTipTap ? "rich" : "markdown";
+  const tiptapEditor = hasTipTap ? (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _useEditor({
+      extensions: [
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _StarterKit.configure({
+          heading: { levels: [1, 2, 3] },
+          blockquote: {},
+          codeBlock: false,
+          horizontalRule: false,
+          hardBreak: false
+        }),
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _LinkExtension.configure({
+          openOnClick: false,
+          HTMLAttributes: { rel: "noopener noreferrer", target: "_blank" }
+        })
+      ],
+      editorProps: {
+        attributes: {
+          role: "textbox",
+          "aria-label": placeholder,
+          "aria-multiline": "true"
+        }
+      },
+      content: defaultValue || controlledValue || "",
+      editable: !disabled && !readOnly,
+      onUpdate: ({ editor: e }) => {
+        const html = e.getHTML();
+        setValue(html);
+      }
+    })
+  ) : null;
+  React__namespace.useEffect(() => {
+    if (tiptapEditor && controlledValue !== void 0) {
+      const currentContent = tiptapEditor.getHTML();
+      if (currentContent !== controlledValue) {
+        tiptapEditor.commands.setContent(controlledValue, false);
+      }
+    }
+  }, [controlledValue, tiptapEditor]);
+  React__namespace.useEffect(() => {
+    if (tiptapEditor) {
+      tiptapEditor.setEditable(!disabled && !readOnly);
+    }
+  }, [tiptapEditor, disabled, readOnly]);
+  React__namespace.useEffect(() => {
+    if (!onAutoSave || !value) return;
+    const timer = setTimeout(() => {
+      setSaveStatus("saving");
+      try {
+        onAutoSave(value);
+        setSaveStatus("saved");
+      } catch {
+        setSaveStatus("error");
+      }
+    }, autoSaveInterval);
+    return () => clearTimeout(timer);
+  }, [value, onAutoSave, autoSaveInterval]);
+  const toggleFormat = React__namespace.useCallback(
+    (format) => {
+      if (disabled || readOnly) return;
+      if (tiptapEditor) {
+        switch (format) {
+          case "bold":
+            tiptapEditor.chain().focus().toggleBold().run();
+            break;
+          case "italic":
+            tiptapEditor.chain().focus().toggleItalic().run();
+            break;
+          case "strikethrough":
+            tiptapEditor.chain().focus().toggleStrike().run();
+            break;
+          case "code":
+            tiptapEditor.chain().focus().toggleCode().run();
+            break;
+          case "bulletList":
+            tiptapEditor.chain().focus().toggleBulletList().run();
+            break;
+          case "orderedList":
+            tiptapEditor.chain().focus().toggleOrderedList().run();
+            break;
+          case "heading1":
+            tiptapEditor.chain().focus().toggleHeading({ level: 1 }).run();
+            break;
+          case "heading2":
+            tiptapEditor.chain().focus().toggleHeading({ level: 2 }).run();
+            break;
+          case "heading3":
+            tiptapEditor.chain().focus().toggleHeading({ level: 3 }).run();
+            break;
+          case "blockquote":
+            tiptapEditor.chain().focus().toggleBlockquote().run();
+            break;
+          case "undo":
+            tiptapEditor.chain().focus().undo().run();
+            break;
+          case "redo":
+            tiptapEditor.chain().focus().redo().run();
+            break;
+          case "link": {
+            const previousUrl = tiptapEditor.getAttributes("link").href;
+            if (previousUrl) {
+              tiptapEditor.chain().focus().unsetLink().run();
+            } else {
+              const url = window.prompt("Enter URL");
+              if (url) {
+                tiptapEditor.chain().focus().setLink({ href: url }).run();
+              }
+            }
+            break;
+          }
+        }
+      } else if (contentRef.current) {
+        applyMarkdownFormat(format, contentRef.current, setValue);
+      }
+    },
+    [disabled, readOnly, tiptapEditor, setValue]
+  );
+  const isFormatActive = React__namespace.useCallback(
+    (format) => {
+      if (!tiptapEditor) return false;
+      switch (format) {
+        case "bold":
+          return tiptapEditor.isActive("bold");
+        case "italic":
+          return tiptapEditor.isActive("italic");
+        case "strikethrough":
+          return tiptapEditor.isActive("strike");
+        case "code":
+          return tiptapEditor.isActive("code");
+        case "bulletList":
+          return tiptapEditor.isActive("bulletList");
+        case "orderedList":
+          return tiptapEditor.isActive("orderedList");
+        case "heading1":
+          return tiptapEditor.isActive("heading", { level: 1 });
+        case "heading2":
+          return tiptapEditor.isActive("heading", { level: 2 });
+        case "heading3":
+          return tiptapEditor.isActive("heading", { level: 3 });
+        case "blockquote":
+          return tiptapEditor.isActive("blockquote");
+        case "link":
+          return tiptapEditor.isActive("link");
+        case "undo":
+        case "redo":
+          return false;
+        // Actions don't have active state
+        default:
+          return false;
+      }
+    },
+    [tiptapEditor]
+  );
+  const wordCount = React__namespace.useMemo(() => {
+    var _a;
+    if (tiptapEditor) {
+      const text = ((_a = tiptapEditor.getText) == null ? void 0 : _a.call(tiptapEditor)) ?? "";
+      return countWords(text);
+    }
+    return countWords(value);
+  }, [value, tiptapEditor]);
+  const charCount = React__namespace.useMemo(() => {
+    var _a;
+    if (tiptapEditor) {
+      return (((_a = tiptapEditor.getText) == null ? void 0 : _a.call(tiptapEditor)) ?? "").length;
+    }
+    return value.length;
+  }, [value, tiptapEditor]);
+  const contextValue = {
+    value,
+    setValue,
+    placeholder,
+    disabled,
+    readOnly,
+    formats,
+    editor: tiptapEditor,
+    mode,
+    size,
+    maxLength,
+    wordCount,
+    charCount,
+    toggleFormat,
+    isFormatActive,
+    saveStatus,
+    contentRef
+  };
+  const classes = [
+    Editor_module.default.editor,
+    disabled && Editor_module.default.disabled,
+    readOnly && Editor_module.default.readOnly,
+    className
+  ].filter(Boolean).join(" ");
+  const hasCustomChildren = children !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(EditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      className: classes,
+      "data-disabled": disabled || void 0,
+      "data-readonly": readOnly || void 0,
+      "data-size": size,
+      children: hasCustomChildren ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        toolbar && /* @__PURE__ */ jsxRuntime.jsx(EditorToolbar, { children: /* @__PURE__ */ jsxRuntime.jsx(EditorToolbarGroup, { "aria-label": "Text formatting", children: formats.map((f) => /* @__PURE__ */ jsxRuntime.jsx(EditorToolbarButton, { format: f }, f)) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(EditorContentArea, {}),
+        statusBar && /* @__PURE__ */ jsxRuntime.jsx(EditorStatusBar, { showWordCount: true, showCharCount: true })
+      ] })
+    }
+  ) });
+}
+function EditorToolbar({ children, className }) {
+  const classes = [Editor_module.default.toolbar, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "toolbar", "aria-label": "Editor formatting", children });
+}
+function EditorToolbarGroup({ children, "aria-label": ariaLabel, className }) {
+  const classes = [Editor_module.default.toolbarGroup, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "group", "aria-label": ariaLabel, children });
+}
+function EditorToolbarButton({ format, className }) {
+  const { toggleFormat, isFormatActive, disabled, readOnly, editor, mode } = useEditorContext();
+  const meta = FORMAT_META[format];
+  const isAction = ACTION_FORMATS.has(format);
+  const active = isAction ? false : isFormatActive(format);
+  const IconComponent = meta.icon;
+  let isDisabled = disabled || readOnly;
+  if (isAction && !isDisabled) {
+    if (mode === "markdown") {
+      isDisabled = true;
+    } else if (editor) {
+      isDisabled = format === "undo" ? !editor.can().undo() : !editor.can().redo();
+    }
+  }
+  const classes = [
+    Editor_module.default.toolbarButton,
+    active && Editor_module.default.toolbarButtonActive,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: classes,
+      onClick: () => toggleFormat(format),
+      disabled: isDisabled,
+      "aria-label": meta.label,
+      title: `${meta.label} (${meta.shortcut})`,
+      ...isAction ? {} : { "aria-pressed": active },
+      children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 16, weight: active ? "bold" : "regular" })
+    }
+  );
+}
+function EditorSeparator({ className }) {
+  const classes = [Editor_module.default.separator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "separator", "aria-orientation": "vertical" });
+}
+function EditorStatusIndicator({ status: statusOverride, labels, className }) {
+  const { saveStatus } = useEditorContext();
+  const status = statusOverride ?? saveStatus;
+  const mergedLabels = { ...DEFAULT_STATUS_LABELS, ...labels };
+  const label = mergedLabels[status];
+  if (!label) return null;
+  const classes = [
+    Editor_module.default.statusIndicator,
+    status === "error" && Editor_module.default.statusError,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes, "aria-live": "polite", role: "status", children: label });
+}
+function EditorContentArea({ className }) {
+  const { value, setValue, placeholder, disabled, readOnly, editor, mode, contentRef } = useEditorContext();
+  if (mode === "rich" && editor && _EditorContent) {
+    const TipTapContent = _EditorContent;
+    const classes2 = [Editor_module.default.content, Editor_module.default.contentRich, className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2, "data-placeholder": placeholder, children: /* @__PURE__ */ jsxRuntime.jsx(TipTapContent, { editor }) });
+  }
+  const classes = [Editor_module.default.content, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ref: contentRef,
+      className: Editor_module.default.contentTextarea,
+      value,
+      onChange: (e) => setValue(e.target.value),
+      placeholder,
+      disabled,
+      readOnly,
+      "aria-label": placeholder
+    }
+  ) });
+}
+function EditorStatusBar({ showWordCount = true, showCharCount = true, className }) {
+  const { wordCount, charCount, maxLength } = useEditorContext();
+  const classes = [Editor_module.default.statusBar, className].filter(Boolean).join(" ");
+  const isOverLimit = maxLength !== void 0 && charCount > maxLength;
+  const isNearLimit = maxLength !== void 0 && !isOverLimit && charCount >= maxLength * 0.9;
+  const charLimitClasses = [
+    Editor_module.default.statusBarItem,
+    isNearLimit && Editor_module.default.statusBarItemWarning,
+    isOverLimit && Editor_module.default.statusBarItemError
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes, "aria-label": "Editor statistics", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Editor_module.default.statusBarLeft }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Editor_module.default.statusBarRight, children: [
+      showWordCount && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Editor_module.default.statusBarItem, children: [
+        wordCount,
+        " ",
+        wordCount === 1 ? "Word" : "Words"
+      ] }),
+      showWordCount && showCharCount && /* @__PURE__ */ jsxRuntime.jsx(EditorSeparator, {}),
+      showCharCount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: charLimitClasses, children: maxLength !== void 0 ? `${charCount} / ${maxLength}` : `${charCount} ${charCount === 1 ? "Character" : "Characters"}` })
+    ] })
+  ] });
+}
+const Editor = Object.assign(EditorRoot, {
+  Toolbar: EditorToolbar,
+  ToolbarGroup: EditorToolbarGroup,
+  ToolbarButton: EditorToolbarButton,
+  Separator: EditorSeparator,
+  StatusIndicator: EditorStatusIndicator,
+  Content: EditorContentArea,
+  StatusBar: EditorStatusBar
+});
+exports.Editor = Editor;
+exports.EditorContentArea = EditorContentArea;
+exports.EditorRoot = EditorRoot;
+exports.EditorSeparator = EditorSeparator;
+exports.EditorStatusBar = EditorStatusBar;
+exports.EditorStatusIndicator = EditorStatusIndicator;
+exports.EditorToolbar = EditorToolbar;
+exports.EditorToolbarButton = EditorToolbarButton;
+exports.EditorToolbarGroup = EditorToolbarGroup;
+exports.useEditorContext = useEditorContext;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Editor/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Editor/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Editor.module.scss';\nimport {\n  TextB,\n  TextItalic,\n  TextStrikethrough,\n  LinkSimple,\n  Code,\n  ListBullets,\n  ListNumbers,\n  TextHOne,\n  TextHTwo,\n  TextHThree,\n  Quotes,\n  ArrowCounterClockwise,\n  ArrowClockwise,\n} from '@phosphor-icons/react';\nimport { KEYBOARD_SHORTCUTS } from '../../utils/keyboard-shortcuts';\n\n// ============================================\n// Lazy-loaded dependency (TipTap)\n// ============================================\n\nlet _useEditor: ((config: Record<string, unknown>) => unknown) | null = null;\nlet _EditorContent: React.ComponentType<Record<string, unknown>> | null = null;\nlet _StarterKit: unknown = null;\nlet _LinkExtension: unknown = null;\nlet _tiptapLoaded = false;\nlet _tiptapFailed = false;\n\nfunction loadTipTapDeps() {\n  if (_tiptapLoaded) return;\n  _tiptapLoaded = true;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const tiptapReact = require('@tiptap/react');\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const starterKit = require('@tiptap/starter-kit');\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const linkExt = require('@tiptap/extension-link');\n\n    _useEditor = tiptapReact.useEditor;\n    _EditorContent = tiptapReact.EditorContent;\n    _StarterKit = starterKit.default ?? starterKit.StarterKit ?? starterKit;\n    _LinkExtension = linkExt.default ?? linkExt.Link ?? linkExt;\n  } catch {\n    _tiptapFailed = true;\n  }\n}\n\n// ============================================\n// Types\n// ============================================\n\nexport type EditorFormat =\n  | 'bold' | 'italic' | 'strikethrough' | 'link' | 'code'\n  | 'bulletList' | 'orderedList'\n  | 'heading1' | 'heading2' | 'heading3'\n  | 'blockquote'\n  | 'undo' | 'redo';\n\nexport type EditorSaveStatus = 'idle' | 'saving' | 'saved' | 'error';\n\nexport type EditorMode = 'rich' | 'markdown';\n\nexport type EditorSize = 'sm' | 'md' | 'lg';\n\nexport interface EditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  children?: React.ReactNode;\n  /** Controlled value */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Called when content changes */\n  onValueChange?: (value: string) => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Disable the editor */\n  disabled?: boolean;\n  /** Read-only mode */\n  readOnly?: boolean;\n  /** Which format buttons to show */\n  formats?: EditorFormat[];\n  /** Show default toolbar */\n  toolbar?: boolean;\n  /** Show default status bar */\n  statusBar?: boolean;\n  /** Auto-save callback */\n  onAutoSave?: (value: string) => void;\n  /** Auto-save interval in ms */\n  autoSaveInterval?: number;\n  /** Editor size preset */\n  size?: EditorSize;\n  /** Maximum character count (shows indicator in status bar) */\n  maxLength?: number;\n}\n\nexport interface EditorToolbarProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface EditorToolbarGroupProps {\n  children: React.ReactNode;\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport interface EditorToolbarButtonProps {\n  /** Which format this button toggles */\n  format: EditorFormat;\n  className?: string;\n}\n\nexport interface EditorSeparatorProps {\n  className?: string;\n}\n\nexport interface EditorStatusIndicatorProps {\n  /** Override the save status from context */\n  status?: EditorSaveStatus;\n  /** Custom labels per status */\n  labels?: Partial<Record<EditorSaveStatus, string>>;\n  className?: string;\n}\n\nexport interface EditorContentProps {\n  className?: string;\n}\n\nexport interface EditorStatusBarProps {\n  /** Show word count */\n  showWordCount?: boolean;\n  /** Show character count */\n  showCharCount?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Format metadata\n// ============================================\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst FORMAT_META: Record<EditorFormat, { icon: React.ComponentType<any>; label: string; shortcut: string }> = {\n  bold: { icon: TextB, label: 'Bold', shortcut: KEYBOARD_SHORTCUTS.EDITOR_BOLD.label },\n  italic: { icon: TextItalic, label: 'Italic', shortcut: KEYBOARD_SHORTCUTS.EDITOR_ITALIC.label },\n  strikethrough: { icon: TextStrikethrough, label: 'Strikethrough', shortcut: KEYBOARD_SHORTCUTS.EDITOR_STRIKETHROUGH.label },\n  link: { icon: LinkSimple, label: 'Link', shortcut: KEYBOARD_SHORTCUTS.EDITOR_LINK.label },\n  code: { icon: Code, label: 'Code', shortcut: KEYBOARD_SHORTCUTS.EDITOR_CODE.label },\n  bulletList: { icon: ListBullets, label: 'Bullet list', shortcut: KEYBOARD_SHORTCUTS.EDITOR_BULLET_LIST.label },\n  orderedList: { icon: ListNumbers, label: 'Ordered list', shortcut: KEYBOARD_SHORTCUTS.EDITOR_ORDERED_LIST.label },\n  heading1: { icon: TextHOne, label: 'Heading 1', shortcut: KEYBOARD_SHORTCUTS.EDITOR_HEADING1.label },\n  heading2: { icon: TextHTwo, label: 'Heading 2', shortcut: KEYBOARD_SHORTCUTS.EDITOR_HEADING2.label },\n  heading3: { icon: TextHThree, label: 'Heading 3', shortcut: KEYBOARD_SHORTCUTS.EDITOR_HEADING3.label },\n  blockquote: { icon: Quotes, label: 'Blockquote', shortcut: KEYBOARD_SHORTCUTS.EDITOR_BLOCKQUOTE.label },\n  undo: { icon: ArrowCounterClockwise, label: 'Undo', shortcut: KEYBOARD_SHORTCUTS.EDITOR_UNDO.label },\n  redo: { icon: ArrowClockwise, label: 'Redo', shortcut: KEYBOARD_SHORTCUTS.EDITOR_REDO.label },\n};\n\nconst DEFAULT_FORMATS: EditorFormat[] = ['bold', 'italic', 'strikethrough', 'link', 'code', 'bulletList'];\n\n/** Formats that are actions (not toggles) — no aria-pressed, different disable logic */\nconst ACTION_FORMATS = new Set<EditorFormat>(['undo', 'redo']);\n\nconst DEFAULT_STATUS_LABELS: Record<EditorSaveStatus, string> = {\n  idle: '',\n  saving: 'SAVING...',\n  saved: 'AUTO-SAVED',\n  error: 'SAVE FAILED',\n};\n\n// ============================================\n// Markdown formatting helpers (textarea fallback)\n// ============================================\n\ninterface TextareaSelection {\n  start: number;\n  end: number;\n  text: string;\n}\n\nfunction getSelection(textarea: HTMLTextAreaElement): TextareaSelection {\n  return {\n    start: textarea.selectionStart,\n    end: textarea.selectionEnd,\n    text: textarea.value.substring(textarea.selectionStart, textarea.selectionEnd),\n  };\n}\n\nfunction wrapSelection(\n  textarea: HTMLTextAreaElement,\n  prefix: string,\n  suffix: string,\n  setValue: (v: string) => void,\n) {\n  const sel = getSelection(textarea);\n  const before = textarea.value.substring(0, sel.start);\n  const after = textarea.value.substring(sel.end);\n  const wrapped = `${prefix}${sel.text || 'text'}${suffix}`;\n  const newValue = `${before}${wrapped}${after}`;\n  setValue(newValue);\n\n  requestAnimationFrame(() => {\n    textarea.focus();\n    const newStart = sel.start + prefix.length;\n    const newEnd = newStart + (sel.text || 'text').length;\n    textarea.setSelectionRange(newStart, newEnd);\n  });\n}\n\nfunction applyMarkdownFormat(\n  format: EditorFormat,\n  textarea: HTMLTextAreaElement,\n  setValue: (v: string) => void,\n) {\n  switch (format) {\n    case 'bold':\n      wrapSelection(textarea, '**', '**', setValue);\n      break;\n    case 'italic':\n      wrapSelection(textarea, '*', '*', setValue);\n      break;\n    case 'strikethrough':\n      wrapSelection(textarea, '~~', '~~', setValue);\n      break;\n    case 'code':\n      wrapSelection(textarea, '`', '`', setValue);\n      break;\n    case 'link': {\n      const sel = getSelection(textarea);\n      const linkText = sel.text || 'link text';\n      const before = textarea.value.substring(0, sel.start);\n      const after = textarea.value.substring(sel.end);\n      const newValue = `${before}[${linkText}](url)${after}`;\n      setValue(newValue);\n      requestAnimationFrame(() => {\n        textarea.focus();\n        const urlStart = sel.start + linkText.length + 3;\n        textarea.setSelectionRange(urlStart, urlStart + 3);\n      });\n      break;\n    }\n    case 'bulletList': {\n      const sel = getSelection(textarea);\n      const before = textarea.value.substring(0, sel.start);\n      const after = textarea.value.substring(sel.end);\n      const lines = (sel.text || 'item').split('\\n');\n      const bulleted = lines.map((l) => `- ${l}`).join('\\n');\n      const newValue = `${before}${bulleted}${after}`;\n      setValue(newValue);\n      break;\n    }\n    case 'orderedList': {\n      const sel = getSelection(textarea);\n      const before = textarea.value.substring(0, sel.start);\n      const after = textarea.value.substring(sel.end);\n      const lines = (sel.text || 'item').split('\\n');\n      const numbered = lines.map((l, i) => `${i + 1}. ${l}`).join('\\n');\n      const newValue = `${before}${numbered}${after}`;\n      setValue(newValue);\n      break;\n    }\n    case 'heading1':\n      wrapSelection(textarea, '# ', '', setValue);\n      break;\n    case 'heading2':\n      wrapSelection(textarea, '## ', '', setValue);\n      break;\n    case 'heading3':\n      wrapSelection(textarea, '### ', '', setValue);\n      break;\n    case 'blockquote': {\n      const sel = getSelection(textarea);\n      const before = textarea.value.substring(0, sel.start);\n      const after = textarea.value.substring(sel.end);\n      const lines = (sel.text || 'quote').split('\\n');\n      const quoted = lines.map((l) => `> ${l}`).join('\\n');\n      const newValue = `${before}${quoted}${after}`;\n      setValue(newValue);\n      break;\n    }\n    case 'undo':\n    case 'redo':\n      // Undo/redo in textarea mode is handled natively by the browser\n      break;\n  }\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface EditorContextValue {\n  value: string;\n  setValue: (v: string) => void;\n  placeholder: string;\n  disabled: boolean;\n  readOnly: boolean;\n  formats: EditorFormat[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  editor: any | null;\n  mode: EditorMode;\n  size: EditorSize;\n  maxLength?: number;\n  wordCount: number;\n  charCount: number;\n  toggleFormat: (f: EditorFormat) => void;\n  isFormatActive: (f: EditorFormat) => boolean;\n  saveStatus: EditorSaveStatus;\n  contentRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst EditorContext = React.createContext<EditorContextValue | null>(null);\n\nfunction useEditorContext() {\n  const context = React.useContext(EditorContext);\n  if (!context) {\n    throw new Error('Editor compound components must be used within an Editor');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n): [T, (value: T) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: T) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onChange?.(newValue);\n    },\n    [isControlled, onChange],\n  );\n\n  return [value, setValue];\n}\n\nfunction countWords(text: string): number {\n  const trimmed = text.trim();\n  if (!trimmed) return 0;\n  return trimmed.split(/\\s+/).length;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction EditorRoot({\n  children,\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  placeholder = 'Start typing...',\n  disabled = false,\n  readOnly = false,\n  formats = DEFAULT_FORMATS,\n  toolbar = true,\n  statusBar = true,\n  onAutoSave,\n  autoSaveInterval = 30000,\n  size = 'md',\n  maxLength,\n  className,\n  ...htmlProps\n}: EditorProps) {\n  const contentRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const [saveStatus, setSaveStatus] = React.useState<EditorSaveStatus>('idle');\n\n  // Try loading TipTap\n  loadTipTapDeps();\n  const hasTipTap = !_tiptapFailed && _useEditor && _EditorContent && _StarterKit;\n  const mode: EditorMode = hasTipTap ? 'rich' : 'markdown';\n\n  // TipTap editor instance (only when available)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const tiptapEditor: any = hasTipTap\n    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (_useEditor as any)({\n        extensions: [\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (_StarterKit as any).configure({\n            heading: { levels: [1, 2, 3] },\n            blockquote: {},\n            codeBlock: false,\n            horizontalRule: false,\n            hardBreak: false,\n          }),\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (_LinkExtension as any).configure({\n            openOnClick: false,\n            HTMLAttributes: { rel: 'noopener noreferrer', target: '_blank' },\n          }),\n        ],\n        editorProps: {\n          attributes: {\n            role: 'textbox',\n            'aria-label': placeholder,\n            'aria-multiline': 'true',\n          },\n        },\n        content: defaultValue || controlledValue || '',\n        editable: !disabled && !readOnly,\n        onUpdate: ({ editor: e }: { editor: { getHTML: () => string } }) => {\n          const html = e.getHTML();\n          setValue(html);\n        },\n      })\n    : null;\n\n  // Sync controlled value to TipTap\n  React.useEffect(() => {\n    if (tiptapEditor && controlledValue !== undefined) {\n      const currentContent = tiptapEditor.getHTML();\n      if (currentContent !== controlledValue) {\n        tiptapEditor.commands.setContent(controlledValue, false);\n      }\n    }\n  }, [controlledValue, tiptapEditor]);\n\n  // Update editable state\n  React.useEffect(() => {\n    if (tiptapEditor) {\n      tiptapEditor.setEditable(!disabled && !readOnly);\n    }\n  }, [tiptapEditor, disabled, readOnly]);\n\n  // Auto-save\n  React.useEffect(() => {\n    if (!onAutoSave || !value) return;\n\n    const timer = setTimeout(() => {\n      setSaveStatus('saving');\n      try {\n        onAutoSave(value);\n        setSaveStatus('saved');\n      } catch {\n        setSaveStatus('error');\n      }\n    }, autoSaveInterval);\n\n    return () => clearTimeout(timer);\n  }, [value, onAutoSave, autoSaveInterval]);\n\n  const toggleFormat = React.useCallback(\n    (format: EditorFormat) => {\n      if (disabled || readOnly) return;\n\n      if (tiptapEditor) {\n        switch (format) {\n          case 'bold':\n            tiptapEditor.chain().focus().toggleBold().run();\n            break;\n          case 'italic':\n            tiptapEditor.chain().focus().toggleItalic().run();\n            break;\n          case 'strikethrough':\n            tiptapEditor.chain().focus().toggleStrike().run();\n            break;\n          case 'code':\n            tiptapEditor.chain().focus().toggleCode().run();\n            break;\n          case 'bulletList':\n            tiptapEditor.chain().focus().toggleBulletList().run();\n            break;\n          case 'orderedList':\n            tiptapEditor.chain().focus().toggleOrderedList().run();\n            break;\n          case 'heading1':\n            tiptapEditor.chain().focus().toggleHeading({ level: 1 }).run();\n            break;\n          case 'heading2':\n            tiptapEditor.chain().focus().toggleHeading({ level: 2 }).run();\n            break;\n          case 'heading3':\n            tiptapEditor.chain().focus().toggleHeading({ level: 3 }).run();\n            break;\n          case 'blockquote':\n            tiptapEditor.chain().focus().toggleBlockquote().run();\n            break;\n          case 'undo':\n            tiptapEditor.chain().focus().undo().run();\n            break;\n          case 'redo':\n            tiptapEditor.chain().focus().redo().run();\n            break;\n          case 'link': {\n            const previousUrl = tiptapEditor.getAttributes('link').href;\n            if (previousUrl) {\n              tiptapEditor.chain().focus().unsetLink().run();\n            } else {\n              const url = window.prompt('Enter URL');\n              if (url) {\n                tiptapEditor.chain().focus().setLink({ href: url }).run();\n              }\n            }\n            break;\n          }\n        }\n      } else if (contentRef.current) {\n        applyMarkdownFormat(format, contentRef.current, setValue);\n      }\n    },\n    [disabled, readOnly, tiptapEditor, setValue],\n  );\n\n  const isFormatActive = React.useCallback(\n    (format: EditorFormat): boolean => {\n      if (!tiptapEditor) return false;\n      switch (format) {\n        case 'bold':\n          return tiptapEditor.isActive('bold');\n        case 'italic':\n          return tiptapEditor.isActive('italic');\n        case 'strikethrough':\n          return tiptapEditor.isActive('strike');\n        case 'code':\n          return tiptapEditor.isActive('code');\n        case 'bulletList':\n          return tiptapEditor.isActive('bulletList');\n        case 'orderedList':\n          return tiptapEditor.isActive('orderedList');\n        case 'heading1':\n          return tiptapEditor.isActive('heading', { level: 1 });\n        case 'heading2':\n          return tiptapEditor.isActive('heading', { level: 2 });\n        case 'heading3':\n          return tiptapEditor.isActive('heading', { level: 3 });\n        case 'blockquote':\n          return tiptapEditor.isActive('blockquote');\n        case 'link':\n          return tiptapEditor.isActive('link');\n        case 'undo':\n        case 'redo':\n          return false; // Actions don't have active state\n        default:\n          return false;\n      }\n    },\n    [tiptapEditor],\n  );\n\n  const wordCount = React.useMemo(() => {\n    if (tiptapEditor) {\n      const text = tiptapEditor.getText?.() ?? '';\n      return countWords(text);\n    }\n    return countWords(value);\n  }, [value, tiptapEditor]);\n\n  const charCount = React.useMemo(() => {\n    if (tiptapEditor) {\n      return (tiptapEditor.getText?.() ?? '').length;\n    }\n    return value.length;\n  }, [value, tiptapEditor]);\n\n  const contextValue: EditorContextValue = {\n    value,\n    setValue,\n    placeholder,\n    disabled,\n    readOnly,\n    formats,\n    editor: tiptapEditor,\n    mode,\n    size,\n    maxLength,\n    wordCount,\n    charCount,\n    toggleFormat,\n    isFormatActive,\n    saveStatus,\n    contentRef,\n  };\n\n  const classes = [\n    styles.editor,\n    disabled && styles.disabled,\n    readOnly && styles.readOnly,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const hasCustomChildren = children !== undefined;\n\n  return (\n    <EditorContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        data-disabled={disabled || undefined}\n        data-readonly={readOnly || undefined}\n        data-size={size}\n      >\n        {hasCustomChildren ? (\n          children\n        ) : (\n          <>\n            {toolbar && (\n              <EditorToolbar>\n                <EditorToolbarGroup aria-label=\"Text formatting\">\n                  {formats.map((f) => (\n                    <EditorToolbarButton key={f} format={f} />\n                  ))}\n                </EditorToolbarGroup>\n              </EditorToolbar>\n            )}\n            <EditorContentArea />\n            {statusBar && <EditorStatusBar showWordCount showCharCount />}\n          </>\n        )}\n      </div>\n    </EditorContext.Provider>\n  );\n}\n\nfunction EditorToolbar({ children, className }: EditorToolbarProps) {\n  const classes = [styles.toolbar, className].filter(Boolean).join(' ');\n  return (\n    <div className={classes} role=\"toolbar\" aria-label=\"Editor formatting\">\n      {children}\n    </div>\n  );\n}\n\nfunction EditorToolbarGroup({ children, 'aria-label': ariaLabel, className }: EditorToolbarGroupProps) {\n  const classes = [styles.toolbarGroup, className].filter(Boolean).join(' ');\n  return (\n    <div className={classes} role=\"group\" aria-label={ariaLabel}>\n      {children}\n    </div>\n  );\n}\n\nfunction EditorToolbarButton({ format, className }: EditorToolbarButtonProps) {\n  const { toggleFormat, isFormatActive, disabled, readOnly, editor, mode } = useEditorContext();\n  const meta = FORMAT_META[format];\n  const isAction = ACTION_FORMATS.has(format);\n  const active = isAction ? false : isFormatActive(format);\n  const IconComponent = meta.icon;\n\n  // Action buttons (undo/redo) have special disable logic\n  let isDisabled = disabled || readOnly;\n  if (isAction && !isDisabled) {\n    if (mode === 'markdown') {\n      // Undo/redo in textarea mode is handled natively by the browser\n      isDisabled = true;\n    } else if (editor) {\n      isDisabled = format === 'undo' ? !editor.can().undo() : !editor.can().redo();\n    }\n  }\n\n  const classes = [\n    styles.toolbarButton,\n    active && styles.toolbarButtonActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={() => toggleFormat(format)}\n      disabled={isDisabled}\n      aria-label={meta.label}\n      title={`${meta.label} (${meta.shortcut})`}\n      {...(isAction ? {} : { 'aria-pressed': active })}\n    >\n      <IconComponent size={16} weight={active ? 'bold' : 'regular'} />\n    </button>\n  );\n}\n\nfunction EditorSeparator({ className }: EditorSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <div className={classes} role=\"separator\" aria-orientation=\"vertical\" />;\n}\n\nfunction EditorStatusIndicator({ status: statusOverride, labels, className }: EditorStatusIndicatorProps) {\n  const { saveStatus } = useEditorContext();\n  const status = statusOverride ?? saveStatus;\n  const mergedLabels = { ...DEFAULT_STATUS_LABELS, ...labels };\n  const label = mergedLabels[status];\n\n  if (!label) return null;\n\n  const classes = [\n    styles.statusIndicator,\n    status === 'error' && styles.statusError,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <span className={classes} aria-live=\"polite\" role=\"status\">\n      {label}\n    </span>\n  );\n}\n\nfunction EditorContentArea({ className }: EditorContentProps) {\n  const { value, setValue, placeholder, disabled, readOnly, editor, mode, contentRef } =\n    useEditorContext();\n\n  if (mode === 'rich' && editor && _EditorContent) {\n    const TipTapContent = _EditorContent;\n    const classes = [styles.content, styles.contentRich, className].filter(Boolean).join(' ');\n    return (\n      <div className={classes} data-placeholder={placeholder}>\n        <TipTapContent editor={editor} />\n      </div>\n    );\n  }\n\n  // Textarea fallback for markdown mode\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n  return (\n    <div className={classes}>\n      <textarea\n        ref={contentRef}\n        className={styles.contentTextarea}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        aria-label={placeholder}\n      />\n    </div>\n  );\n}\n\nfunction EditorStatusBar({ showWordCount = true, showCharCount = true, className }: EditorStatusBarProps) {\n  const { wordCount, charCount, maxLength } = useEditorContext();\n\n  const classes = [styles.statusBar, className].filter(Boolean).join(' ');\n\n  const isOverLimit = maxLength !== undefined && charCount > maxLength;\n  const isNearLimit = maxLength !== undefined && !isOverLimit && charCount >= maxLength * 0.9;\n\n  const charLimitClasses = [\n    styles.statusBarItem,\n    isNearLimit && styles.statusBarItemWarning,\n    isOverLimit && styles.statusBarItemError,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={classes} aria-label=\"Editor statistics\">\n      <div className={styles.statusBarLeft} />\n      <div className={styles.statusBarRight}>\n        {showWordCount && (\n          <span className={styles.statusBarItem}>\n            {wordCount} {wordCount === 1 ? 'Word' : 'Words'}\n          </span>\n        )}\n        {showWordCount && showCharCount && (\n          <EditorSeparator />\n        )}\n        {showCharCount && (\n          <span className={charLimitClasses}>\n            {maxLength !== undefined\n              ? `${charCount} / ${maxLength}`\n              : `${charCount} ${charCount === 1 ? 'Character' : 'Characters'}`\n            }\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Editor = Object.assign(EditorRoot, {\n  Toolbar: EditorToolbar,\n  ToolbarGroup: EditorToolbarGroup,\n  ToolbarButton: EditorToolbarButton,\n  Separator: EditorSeparator,\n  StatusIndicator: EditorStatusIndicator,\n  Content: EditorContentArea,\n  StatusBar: EditorStatusBar,\n});\n\nexport {\n  EditorRoot,\n  EditorToolbar,\n  EditorToolbarGroup,\n  EditorToolbarButton,\n  EditorSeparator,\n  EditorStatusIndicator,\n  EditorContentArea,\n  EditorStatusBar,\n};\n\nexport { useEditorContext };\n"],"names":["TextB","KEYBOARD_SHORTCUTS","TextItalic","TextStrikethrough","LinkSimple","Code","ListBullets","ListNumbers","TextHOne","TextHTwo","TextHThree","Quotes","ArrowCounterClockwise","ArrowClockwise","React","styles","jsx","jsxs","Fragment","classes"],"mappings":"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"}